隨著互聯網行業的迅速發展，各種新技術、新標準不斷湧現，促使各大互聯網公司越來越重視Web產品的前端重構與開發，但海量的平臺開發工作導致了巨大的人纔缺口，尤其是優秀的Web前端開發人纔緊缺。一個優秀的Web前端工程師需要具備較強的綜合素質纔能勝任崗位要求。這些素質包括熟知頁面布局、熟悉樣式美化、掌握JavaScript、了解SEO、能夠使用HTML5+CSS3+ JavaScript開發出符合搜索引擎優化規則的美觀頁面。
? 為什麼要使用本書
（1）介紹主流技術和常用工具。本書使用業界已廣泛使用的主流技術HTML5和CSS3進行網頁制作與美化，同時使用全面支持HTML5和CSS3的常見網頁開發工具Dreamweaver CC，以保證教與學的實用性和高效性。
（2）精心優選案例。本書開發前期，編者對HTML5、CSS3實際應用情況做了大量細致的調研工作，經過反復比較，最終選擇了源於企業的、作為Web前端工程師最可能遇到的網頁類型，即以門戶網頁、企業網頁、電商網頁的制作為本書案例，並根據讀者的認知對優選出來的網頁進行了分解，通過20個任務，循序漸進地介紹前端頁面制作的知識和技巧。
（3）把SEO思想融入網頁制作中。本書在介紹HTML標簽的使用時強調了SEO知識，全面介紹了使用網頁標簽時需要注意的細節，使網頁在上線之前就具備了“天生”的排名優勢。
（4）以故事為情境設置任務。本書每個任務都通過師徒對話的形式引出，並對任務進行分析，引出完成任務的計劃；接下來根據任務介紹相應的知識；然後實現任務，在此過程中，師傅幫助徒弟完成任務，並給出經驗和建議；任務中涉及不到但需讀者掌握的知識點以知識拓展的形式呈現；最後完成實訓任務。大部分任務以【任務描述】、【知識預覽】、【任務實現】、【任務總結】、【知識拓展】和【任務實訓】6個模塊科學設置；設計課堂案例→初級任務實訓→中級任務實訓→高級任務實訓3個遞進的訓練層次，兼顧知識應用和技能訓練的需要。
（編排貼近實際情況。本書以菜鳥Martin的Web前端開發成長路線為線索，介紹為什麼學習Web前端知識，怎麼學習Web前端知識，如何構建頁面、如何美化頁面、如何制作特效，以及如何使用前端知識制作出符合企業要求的網頁，既介紹了實戰經驗，又形像有趣。
? 如何使用本書
（2的內容比較簡單，可先根據【任務描述】和【任務實現】完成任務，對【任務描述】中遇到的新知識，可查看【知識預覽】，然後完成【任務實訓】（如有），學習【知識拓展】，如果在學習的過程中有困惑，可以觀看課程配套視頻。
（2）4的知識比較復雜，有很多細節問題，所以建議先看課程配套視頻，然後根據視頻的講解完成【任務實現】和【任務實訓】。
（3）學完前後，可以嘗試獨立5中的任務，但一定要和書中所給代碼進行對比，5中的任務是前面知識的補充和升華。
（4）要特別注意書中的“師傅經驗”和【任務總結】，這是編者在多年的實戰和教學中總結的制作網頁時容易出錯的地方。
（5）書後配套了Dreamweaver CC的使用技巧，在學完後，讀者可認真學習此內容，有助於代碼編寫事半功倍。
本書由常州機電職業技術學院的盛昀瑤、王繼水擔任主編；常州紡織職業技術學院的陸玉亭、廖定安，無錫商業職業技術學院的許滸，黃河水利職業技術學院的王寧，清遠職業技術學院的胡中夏擔任副主編；常州機電職業技術學院的吳紅亞、董永健參與了教學案例的設計、優化，以及部分章節的編寫、校對和整理工作。
為方便教師教學，本書還配有相關教輔資料，請登錄華信教育資源網）免費注冊後再進行下載。為方便讀者學習，本書在“中國大學MOOC網”上配有在線開放課程，歡迎讀者加入該課程並體驗在線答疑服務。如有問題請在網站留言板留言或與電子工業出版社聯繫。
由於編者水平有限，書中難免存在疏漏之處，敬請各位專家和讀者批評指正。感謝您使用本書，願您能成為優秀的Web前端工程師。
編 者
