全書配備：微課采用真實案例，從基礎入門到趣味開發

本書主要面向高職計算機專業或軟件開發專業，或者有前端開發課程的學生，本教材也可以作為1+Xweb前端開發考證中HTML5內容的參考.教材內容以真實項目青年幫響應式網站為主線，以碼工在線、17素材網等真實網站為拓展，主要以案例的形式講解HTML5常用的語義標簽，新增的表單功能及其驗證屬性，CSS3網頁細節設計，CSS3過渡，2D和3D效果，動畫效果，以及響應式網站搭建.教材基於工作繫統過程，以典型性工作任務為教學模塊進行，本課程確定，分基礎任務，應用任務，拓展任務，共44個教學任務.

於曉霞，中山職業技術學院專職教師，主持研究廣東省教育科學規劃研究項目"基於能力本位教育和校企合作工作室模式的實踐教學改革”、廣東省高等職業技術教育研究會課題"高職院校網頁設計與制作課程中多層次、差異化教學設計的研究與實踐”等多個課題和項目，連續多年獲廣東省高等職業院校信息化教學大賽暨全國選撥賽課堂設計項目獎項，著作方向是計算機軟件開發、前端開發。

全書配備：微課采用真實案例，從基礎入門到趣味開發

本書主要面向高等職業院校計算機類專業，以及有前端開發課程的相關專業，可以作為“1+X”Web前端開發考證中HTML5內容的參考用書。本書內容以真實項目“青年幫”響應式網站為主線，以“碼工助手”“17素材”等真實網站為拓展，主要以案例的形式講解HTML5常用的語義化結構標簽，新增其他標簽，音頻和視頻標簽，新增的表單功能及其驗證屬性。CSS3網頁中的細節設計包括圓角、邊框陰影、漸變、多重背景等，還包括自定義字體和圖標文字、CSS3過渡效果、CSS3 2D效果、CSS3 3D效果、CSS3動畫效果，以及響應式網站的搭建。

本書由教學工作經驗豐富的資深教師編寫而成，每個案例均提供微課、素材和源代碼，讀者進入課程平臺可觀看視頻和查看源代碼。對中山職業技術學院學生的調查結果顯示，學生通過觀看視頻可以有效自主完成課程中布置的學習任務。

隨著互聯網行業的發展，大中型互聯網公司的網站開發崗位對前端開發工程師的需求大增。而HTML5+CSS3響應式網站開發技術是目前非常流行的Web前端開發技術，也是目前各高校計算機類專業及有前端開發課程的相關專業必修的技能課程。通過閱讀本書，讀者應能夠迅速理解和掌握新一代的Web標準HTML5所涵蓋的核心技術，熟練掌握CSS3的基本語法和應用，以及HTML5的新特性。培養學生根據用戶需求，按照最優化的程序設計規範，制作響應式網站。

本書分一主要介紹HTML5常用的語義化結構標簽和其他標簽，通過“【基本項目】使用HTML5構建個人博客網站首頁”和“【應用項目】仿Ghost開源博客平臺的內容頁面”，幫助讀者理解和掌握HTML5語義化結構標簽的用二通過“【基本項目】使用HTML5新增表單功能制作注冊表單”和“【應用項目】為注冊表單添加用戶體驗的驗證信息”，幫助讀者理解和掌握表單新增標簽和屬三通過16個經典案例項目，幫助讀者理解和掌握圓角、邊框陰影、漸變、背景圖片的大小、背景圖片的定位、多重背景、文字陰影屬四通過經典案例，使讀者熟練掌握網站中的各種字體和圖標文字的應用效八模仿真實網站中常見的網站特效，使讀者理解並熟練應用網站中常見的各種特九主要介紹CSS3媒體查詢，模仿網絡上的真實響應式網站，使讀者能夠輕松掌握並完成各種響應式網站的制作。

本書內容以真實網站為主線，按照“小案例+拓展案例+實戰應用”的方式，以及由淺入深、循序漸進的思路進行講解，幫助讀者理解和掌握所學的知識。本書所有案例已經被踏得網收錄和分享，視頻資源已被訪問五萬餘次。

本書由於曉霞擔任主編，參與編寫並為本書提供豐富素材資源的有程響林、劉良方、陳寧凡、瀋志剛。衷心希望每位讀者可以從本書獲益。

雖然編者對本書所有內容都進行了核實，並多次校對，但因時間有限，本書可能存在疏漏和不足之處，懇請讀者批評與指正。如果讀者在閱讀本書過程中遇到困難或疑惑，請發郵件至77374325@qq.com，我們會盡快解答。