前言

隨著HTML5規范的日臻完善和普及，Web前端開發技術也越來越引人注目，如何開發Web應用程序，設計精美、獨特的網頁已經成為當前的熱門技術之一。為適應現代技術的飛速發展，培養出技術能力強、能快速適應網站開發（或Web開發）行業需求的高級技能型人才，幫助眾多熱愛網站開發的人員提高網站的設計及編碼水平，編者結合自己多年從事教學工作和Web應用開發的實踐經驗，按照教學規律精心編寫了本書。本書基于Web標準，深入淺出地介紹了Web前端設計技術的基礎知識，對HTML5、CSS3、JavaScript和網站制作流程進行了詳細講解。其中，HTML負責網頁結構，CSS負責網頁樣式及表現，JavaScript負責網頁行為和功能。

本書共11章，主要內容包括網頁設計與制作基礎、編輯HTML5元素、網頁布局與交互、CSS3樣式基礎、使用CSS3修飾網頁元素、CSS3盒模型、Div+CSS布局頁面、JavaScript基礎、JavaScriptDOM編程、HTML5的高級應用和“馨美裝修”網站的制作。

本書以模塊化的結構來組織章節，選取Web開發設計的典型應用作為教學案例，以網站建設和網頁設計為中心，以實例為引導，把介紹知識與實例設計、制作、分析融為一體，并且自始至終貫穿于書中。本書通過一個完整的“馨美裝修”網站的講解，將相關知識點分解到案例的具體制作環節中；案例具有代表性和趣味性，使學生在完成案例的同時掌握語法規則與技術的應用。本書的主要特色如下。

1）通過一個完整的網站制作過程的講解，將相關知識點分解到實例網站的具體制作環節中，針對性強。還提供了許多其他實例，可操作性強。

2）語言通俗易懂，簡單明了，讓學生能夠輕松掌握有關知識。

3）在案例的安排上，根據其技術難易程度采用了由淺入深的方式，將技術難點分散于各個案例中，做到了敘述上的前后呼應、技術上的逐步加深。

4）融入課程思政，通過將思政內容融入課堂進一步增強學生的家國情懷。

5）配有完整豐富的教學資源。為配合教學，方便教師講課和學生學習，精心制作了電子課件、授課計劃以及例題、習題的源代碼等教學資源。

本書由張兵義、張博擔任主編，王蓓、范培英擔任副主編。劉瑞新編寫第1章，張兵義編寫第2、3章，張博編寫第4、6章，許鐳編寫第5章，王蓓編寫第7、8章，范培英編寫第9、11章，徐軍編寫第10章。全書由劉瑞新教授統編定稿。參加本書編寫工作的都是具有多年計算機教學與培訓經驗的教師。由于Web前端開發技術的發展日新月異，加之編者水平有限，書中難免有不足之處，懇請讀者提出寶貴的意見和建議。

編者