本書是為滿足網頁設計課程教學的需要，并配合清華大學出版社出版的《網頁設計與開發HTML、CSS、JavaScript實例教程（第3版）》而編寫的實驗與實踐教程。
全書共11章，包含網頁設計基礎、頁面布局、CSS、JavaScript以及HTML5的應用等幾個方面的內容。每章分為講述與示范、理論解答題和學生實驗三個部分。講述與示范部分首先精選知名網站的典型頁面進行賞析，然后針對代表性案例通過講述與示范逐步分解其中的技術實現，學生能夠對技術在具體頁面設計中的靈活使用有深刻的感受； 理論解答題提供大量選擇、填空類型題型； 學生實驗部分提供指定素材與效果圖供學生模仿完成。
本書結構合理，實驗內容由淺入深，從實踐的角度講述了網頁元素如何應用于商業化網站的設計和開發，可作為高等學校本科計算機及相關專業網頁設計課程的實驗與實踐教材，也可提供給網頁設計與制作、網站開發、網頁編程等行業人員參考。
為清華大學出版社出版的《網頁設計與開發HTML、CSS、JavaScript實例教程（第3版）》一書在網頁設計基本元素、頁面布局和整站建設等方面通過實驗指導、理論習題、學生實驗提供有力支持。為方便學習者，主版教材中的學生作業題在該實驗教材的各章節中都進行了詳細的實驗講解。 在實驗案例的安排上，從培養學生面向商業化網頁開發的角度出發，所有實驗都精選知名網站的典型頁面作為案例，并通過講述和示范逐步分解其中的技術實現，使學生能夠對技術在具體設計中的靈活使用有深刻的感受。充分考慮了學生在課后學習中對理論知識的鞏固和實踐技能的提升要求，教材配備大量的理論試題和學生實驗，方便學生進行考試復習及自我評測和練習使用。
前言
網頁設計課程是高等院校計算機及其相關專業的一門重要的基礎課程，也是一門實踐性和技能性要求都很強的學科。本書是為滿足網頁設計課程教學的需要，并配合清華大學出版社出版的《網頁設計與開發HTML、CSS、JavaScript實例教程（第3版）》而編寫的實驗與實踐教程。全書共分為11章，每章分為講述與示范、理論解答題和學生實驗三個部分。講述與示范提供3~5個相關內容的實驗分析、規劃、步驟和最終代碼； 理論解答題部分提供30~40道填空、選擇、簡答等類型習題； 學生實驗部分提供指定案例圖文素材及效果圖供學生練習。主要內容全書內容大致分為網頁基本元素、CSS、JavaScript、HTML5的應用以及頁面布局和整站建設六大內容。第1、2章主要練習網頁設計的基本概念和文檔結構，完成相關工具的安裝。第3~7章主要練習網頁元素在實際應用中的使用，包含文字與段落涉及的圖文混排方式、列表涉及的導航制作、表格布局局部頁面、表單頁面設計約三十個實踐實驗的講述。第8章主要練習DIV CSS的頁面布局。第9章主要練習JavaScript在交互式網頁開發中的基本應用。第10章主要練習HTML5新增特性的應用。第11章主要練習從需求分析到欄目設計最終進行布局和細節處理以及發布的整站建設過程。本書特點為清華大學出版社出版的《網頁設計與開發HTML、CSS、JavaScript實例教程（第3版）》一書在網頁設計基本元素、頁面布局和整站建設等方面通過實驗指導、理論習題、學生實驗提供有力支持。為方便學習者，主版教材中的學生作業題在該實驗教材的各章節中都進行了詳細的實驗講解。在實驗案例的安排上，從培養學生面向商業化網頁開發的角度出發，所有實驗都精選知名網站的典型頁面作為案例，并通過講述與示范逐步分解其中的技術實現，學生能夠對技術在具體頁面設計中的靈活使用有深刻的感受。充分考慮了學生在課后學習中對理論知識的鞏固和實踐技能的提升要求，教材配備大量的理論試題和學生實驗，方便學生進行考試復習及自我評測和練習使用。教學資源為了讀者學習方便，書中提供了大量的程序，這些程序均提供相應的電子資源。為了幫助任課教師更好地使用本教材，我們提供以下教輔材料。（1） 講解實驗的完整源代碼；（2） 學生作業的圖文素材及代碼；（3） 理論習題的參考答案；（4） 商業網站設計的全站代碼。
這些資料可以通過http://www.tup.com.cn下載或與編者（zlzyf@126.com）直接聯系索取。本書的幾位作者都是工作于教學與科研一線的骨干教師，具有豐富的教學實踐經驗。全書由張永強和鄭婭峰負責策劃。具體分工如下： 第1~4章由李繼蕊編寫，第5~7章由鄭婭峰編寫，第8、9章由張永強編寫，第10章由韋付芝編寫，第11章由鄭婭峰編寫。最后全書由張永強、鄭婭峰進行了編排和審定。本教材在編寫過程中，得到了清華大學出版社魏江江、薛陽老師的大力支持與合作。此外，趙文艷在本書整理、校對、繪圖等工作中付出了艱辛的勞動，使本教材能如期地與讀者見面。在此謹向以上各位表示衷心感謝。本教材雖經多次校對審稿，但限于編者水平，仍難免會有疏漏和不當之處，懇請讀者批評指正。編者2016年6月
目錄
第1章網頁設計簡介
1.1講述與示范
實驗1：
優秀網站賞析
實驗2：
體會超鏈接在網頁中的廣泛應用
實驗3：
多種URL資源的訪問方法
實驗4：
使用記事本編寫網頁
實驗5：
了解EditPlus編輯器
實驗6：
了解瀏覽工具的安裝
1.2理論解答題
1.3學生實驗
第2章HTML基礎
2.1講述與示范
實驗1： HTML文件的編寫規則
實驗2：
標記元素的屬性
實驗3：
利用style標記定義樣式
2.2理論解答題
2.3學生實驗
第3章文字與段落
3.1講述與示范
實驗1：
網頁欣賞
實驗2：
唐詩頁面設計
實驗3：
文章排版
3.2理論解答題
3.3學生實驗
第4章列表
4.1講述與示范
實驗1：
網頁欣賞
實驗2：
新聞列表的實現
實驗3：
利用無序列表制作頁面導航
實驗4：
電子相冊的實現
實驗5：
在網頁中實現圖文混排
4.2理論解答題
4.3學生實驗
第5章超鏈接
5.1講述與示范
實驗1：
網頁欣賞
實驗2：
新聞列表的制作
實驗3：
利用書簽鏈接制作幫助文檔
實驗4：
電子相冊的制作
5.2理論解答題
5.3學生實驗
第6章表格
6.1講述與示范
實驗1：
網頁設計欣賞
實驗2：
成績登記表的制作
實驗3：
旅游路線頁面的制作
6.2理論解答題
6.3學生實驗
第7章表單
7.1講述與示范
實驗1：
網頁欣賞
實驗2：
會員登錄
實驗3：
調查問卷
實驗4：
中國大學生在線注冊表單
7.2理論解答題
7.3學生實驗
第8章使用CSS格式化網頁
8.1講述與示范
實驗1：
網頁欣賞
實驗2：
常用頁面布局設計
實驗3： CSS文件的4種引用方式
實驗4：
利用CSS定位頁面元素
實驗5：
用DIV CSS布局網頁結構
8.2理論解答題
8.3學生實驗
第9章JavaScript基礎
9.1講述與示范
實驗1：
認識JavaScript
實驗2：
創建自定義函數
實驗3：
建立外部JS文件
實驗4：
對象創建與復制
實驗5：
表單驗證
實驗6：
動態改變樣式
實驗7： Cookie操作
9.2理論解答題
9.3學生實驗
第10章HTML5應用
10.1講述與示范
實驗1：
語義化頁面布局設計
實驗2：
畫布Canvas的應用
實驗3：
新增表單元素及屬性應用
實驗4：
音頻和視頻文件播放
10.2理論解答題
10.3學生實驗
第11章綜合網站案例制作
11.1講述與示范
實驗1：
網站欣賞
實驗2：
網站設計規劃
實驗3： IIS服務器安裝及站點本地發布
11.2學生實驗
新書資訊