前言

“Web前端開發”（以前稱“網頁制作”）課程是計算機類專業的專業基礎課程。Web前端開發技術已經成為網站開發、App開發及智能終端設備界面開發的主要技術。工業和信息化部教育與考試中心依據教育部《職業技能等級標準開發指南》中的相關要求，制定了《Web前端開發職業技能等級標準》。作者結合自己多年從事教學工作和Web應用開發的實踐經驗，按照教學規律精心編寫了本書。本書主要有以下特色。

1. 內容全面

本書依據部分“雙高”院校的《Web前端技術課程教學標準》，并依據1+X證書《Web前端開發職業技能等級標準（初級）》編寫。本書圍繞Web標準的三大關鍵技術——HTML5、CSS3和JavaScript/jQuery來介紹網頁編程的必備知識及相關應用。

2. 校企結合共同編寫

本書由教學一線的高校教師會同企業專家——甲骨文（中國）軟件系統有限公司（Oracle Corporation）楊素蘭高級工程師共同策劃和編寫。

3. 模塊化案例式教學

本書以模塊化的結構來組織章節，選取Web開發設計的典型應用作為教學案例，以網站創建和網頁設計為中心，以實例為引導，把知識介紹與實例設計、制作、分析融于一體。全書通過一個完整的“愛心包裝網站”的講解，將相關知識點融入案例網站的具體制作環節中，案例具有代表性和趣味性，使同學們在完成案例的同時掌握語法規則以及技術的應用。

4. 采用高效的編輯工具

本書采用工業和信息化部教育與考試中心推薦的HBuilder編輯網頁代碼，在Google Chrome或Microsoft Edge瀏覽器中調試運行，幫助讀者掌握流行高效的Web開發編輯工具軟件。

5. 注重能力培養

本書作者長期從事網頁設計、Web前端開發等課程的教學工作，還參與了多個網站項目的開發工作，從中總結和積累的豐富的教學和實戰經驗在書中也有所體現。因此本書不僅是單純介紹Web前端開發技術的教材，而且是一本凝聚了大量實戰經驗的以提高動手能力為目標的教材。

6. 配有豐富的教學資源

為配合教學，方便教師授課和學生學習，本書作者精心制作了電子課件、教學計劃、教案首頁、電子教案、例題和習題的源代碼等教學資源。教師可從機械工業出版社教育服務網（http://www. cmpedu.com）下載。

本書適合作為高職高專院校Web前端開發技術、網頁設計與制作課程的教材，也可作為1+X證書《Web前端開發職業技能等級標準（初級）》的考試參考用書。

本書由劉瑞新、張兵義、朱立等編寫，具體的編寫分工為劉瑞新編寫第1～4章，張兵義編寫第5～7、14章，朱立編寫第8～10章，楊素蘭編寫第11、12章，劉克純編寫第13章。由于編者水平有限，書中疏漏和不足之處難免，敬請廣大師生指正。

編者