前言

本書全面貫徹黨的二十大精神，以社會主義核心價值觀為引領，傳承中華優秀傳統文化，堅定文化自信，使內容更好體現時代性、把握規律性、富于創造性。

目前，HTML5和CSS3已成為Web應用開發中的熱門技術。HTML5和CSS3不僅是兩項新的Web技術標準，更代表了Web開發世界的一次重大改變。HTML5具有豐富的描述性標簽、良好的多媒體支持、強大的Web應用、先進的選擇器、精美的視覺效果、方便的操作、跨文檔消息通信、客戶端存儲等諸多優勢。HTML5的優點主要在于可以跨平臺使用，而且跨平臺能力非常強大，這也是大多數Web應用開發者對HTML5充滿興趣的主要原因。例如，開發一款HTML5的游戲，可以很輕易地將其移植到UC的開放平臺、Opera的游戲中心，甚至可以通過封裝技術將其發送到App Store上。

本書具有以下特色和創新。

（1）充分調研HTML5、CSS3新技術的實際應用情況，精心優選教學案例。本書開發前期，對HTML5、CSS3新技術的實際應用情況做了大量細致的調研工作，先后分析了搜狐網、新華網等5個新聞類網站的手機版，攜程旅行、同程旅游等7個旅游類網站的觸屏版，蘇寧易購、京東商城等8個購物類網站的觸屏版，藝龍無線、去哪兒網等15個網站的注冊登錄和留言網頁，俄羅斯方塊、連連看等18款網頁游戲，以及16個常用的音樂視頻網頁播放器，40多個網頁圖形，80多個復雜樣式和網頁特效。經過4次篩選、優化和簡化，本書最終形成了54個典型教學案例，并將這些教學案例分為8種類型。這些教學案例全都來自于真實網站或項目，代表了移動Web應用開發的實際需求和前沿水平。

（2）合理選取教學內容，科學設置教學單元。本書從跨平臺的移動Web實際應用的角度講解HTML5和CSS3的新元素和新功能，而不是從HTML5和CSS3理論知識本身取舍教學內容，遵循學習者的認知規律和技能的形成規律，將基于HTML5+CSS3的移動Web應用開發分為8類：跨平臺的網站首頁設計、文本新聞瀏覽網頁設計、旅游景點推薦網頁設計、商品信息展示網頁設計、注冊登錄與留言網頁設計、音樂視頻播放網頁設計、網頁圖形繪制與游戲設計、復雜樣式與網頁特效設計。對應這8種類型的Web應用開發，本書設置了8個教學單元，將HTML5和CSS3的相關知識合理地安排到各個教學單元中。由于基于HTML5和CSS3的Web開發涉及面廣、應用領域多，同時篇幅有限，本書重點探析了基于HTML5+CSS3的典型Web應用。

（3）充分考慮教學實施的需求，每個教學單元面向教學全過程設置“教學導航→實例探析→知識梳理→引導訓練→同步訓練→拓展訓練→單元小結”7個教學環節。每個教學單元根據學習知識和訓練技能的需要合理設置移動Web開發任務，形成“實例探析→引導訓練→同步訓練→拓展訓練”4個訓練層次。

（4）圍繞54個移動Web開發任務，采用“任務驅動、精講多練、理論實踐一體化”的教學方法，全方位提升學習者基于HTML5+CSS3的移動Web開發能力，引導學習者在完成各個設計任務的過程中，逐步理解HTML5和CSS3的新功能和新特點，循序漸進地學會HTML5和CSS3的應用，從而熟練掌握形式多樣的移動Web應用設計方法。

（5）改進和優化教學內容的組織方法和程序代碼的分析方法，HTML5和CSS3的理論知識以“必需、夠用”為度，并將夠用的理論知識與必備的技能訓練合理分離。每一個教學單元獨立設置了“知識梳理”環節，主要分析與歸納各單元必要的理論知識要點，使學習者較系統地掌握必備的理論知識。學習HTML5和CSS3的主要目的是應用所學知識分析、設計各類移動Web應用，在分析、設計移動Web應用的過程中，在實際需求的驅動下學習知識和領悟知識，最終熟練掌握知識并將其固化為能力。HTML5和CSS3的應用靈活多樣，因此，學習者學習移動Web應用開發課程的重點不是記住了多少理論知識，而是通過階梯訓練學會HTML5和CSS3的實際應用，利用其優勢解決實際的移動應用開發問題。本書重點關注的觸屏版網頁設計、音樂視頻播放、網頁圖形繪制、游戲設計、復雜樣式設計、網頁特效設計等都是HTML5+CSS3的典型應用。這些應用所涉及的HTML代碼、CSS代碼和JavaScript代碼都或多或少地應用了相似或相同的標簽、屬性、方法或事件。如果對各個任務的代碼進行逐一說明，則會造成大量重復解釋，同時也會缺乏系統性。基于這一原因，本書在各個任務的實施過程中并沒有對代碼進行詳細解釋說明（部分解釋說明以注釋方式寫在代碼中），而是將HTML5和CSS3的相關標簽、屬性、方法或事件在附錄中以表格形式進行集中介紹，方便讀者在分析代碼時進行查找。

（6）本書配套教學資源豐富，包括教學單元設計、教學流程設計、移動Web應用開發任務設計、教學案例、電子教案等，力求做到想師生之所想，急師生之所急。

本書由湖南鐵道職業技術學院陳承歡教授編著，謝樹新、馮向科、顏謙和、吳獻文、顏珍平、侯偉、譚傳武、肖素華、林保康、張麗芳等多位老師參與了網頁特效的設計、優化，以及部分章節的編寫、校對和整理工作。

由于編者水平有限，書中難免存在疏漏之處，敬請各位讀者批評指正，編者的QQ號為1574819688。感謝您使用本書，期待本書能成為您的良師益友。

2023年7月
編者