本書從網頁與網站設計的基本原理、概念和方法出發，逐步引導讀者深入學習網頁設計與制作的相關技術基礎。講解簡明扼要、條理清楚，強調用言簡意賅的語言描述抽象的理論，簡單易學。

本書在編寫過程中按照循序漸進、理論與實踐相結合的原則安排教材內容和學習流程，知識全面、概念清晰，內容準確易懂、案例精彩實用，注重培養學生提出問題、分析問題和利用計算機解決問題的能力。

前 言

互聯網已經成為世界上覆蓋范圍最廣、規模最大、信息資源最豐富的計算機信息網絡，網頁設計也已經成為許多高等學校計算機專業甚至是非計算機專業學生的基礎課程。本書主要結合HTML、CSS和JavaScript等知識來介紹在Dreamweaver環境下設計和開發網頁的基本方法和技巧，內容涵蓋網頁設計基礎知識、HTML語言、CSS基礎、Dreamweaver CS5基礎和高級應用、JavaScript腳本語言、網頁表單應用、網站發布與管理方法等知識點，最后通過一個綜合案例將所講授的主要知識點進行了串聯和整合。

本書從網頁與網站設計的基本原理、概念和方法出發，逐步引導讀者深入學習網頁設計與制作的相關技術基礎。在編寫過程中按照循序漸進、理論與實踐相結合的原則安排教材內容和學習流程，知識全面、概念清晰，內容準確易懂、案例精彩實用，注重培養學生提出問題、分析問題和利用計算機來解決問題的能力。

全書共分為9章，第1章介紹網頁設計概述，包括網頁基本概念、網頁瀏覽的基本原理、常用的網頁編輯工具、網頁設計基礎知識；第2章介紹HTML語言；第3章介紹CSS基礎；第4章介紹Dreamweaver CS5基礎應用；第5章介紹Dreamweaver CS5高級應用；第6章介紹JavaScript腳本語言；第7章介紹網頁表單應用；第8章介紹網站發布與管理；第9章介紹綜合案例。書中部分章節還配有課堂實例、課后練習等內容，并提供配套的多媒體教學課件和教學素材，以方便教師教學和讀者學習。

全書可按64～96課時講授。理論課與集中上機操作課比例建議為1:1（有條件的學校可適當增加上機時間）。各校可根據自身的實際情況來適當調整章節的順序或篩選某些知識點進行教學，本書各個章節之間雖然存在一定的順序，但在有一定基礎的前提下，可以有選擇性地從特定章節開始學習。

本教材的編寫得到了眾多一線教師的大力支持，其中第1章、第2章、第6章由項煒編寫，第3章、第4章、第5章由蔡宗吟編寫，第7章和第9章由楊駿編寫，第8章由魏冬梅編寫。

由于網頁設計技術的發展日新月異，加之作者水平有限，書中難免存在不足之處，敬請廣大讀者批評指正。

作 者

2016年6月于樂山

前言

第1章 網頁設計概述 1
1.1 網頁基本概念 1
1.1.1 Internet相關概念 1
1.1.2 網頁相關概念 2
1.1.3 靜態網頁和動態網頁 5
1.1.4 網站相關概念 5
1.1.5 組成網頁的基本元素 6
1.2 網頁瀏覽的基本原理 7
1.2.1 WWW服務器工作模式 7
1.2.2 網頁瀏覽器 9
1.3 常用網頁編輯工具 9
1.3.1 推薦的網頁編輯軟件 10
1.3.2 其他網頁編輯軟件 11
1.4 網頁設計基礎知識 12
1.4.1 什么是網站建設 12
1.4.2 網站建設的基本步驟 12
1.4.3 網站的風格 14
1.4.4 網頁版面構成及布局 14
1.4.5 網頁的色彩 18
本章小結 20
習題1 20
第2章 HTML 21
2.1 HTML基礎知識 21
2.1.1 HTML的簡介 21
2.1.2 HTML的基本結構和語法 22
2.1.3 HTML的編寫 26
2.1.4 在客戶端瀏覽器中查看HTML
源代碼 27
2.1.5 相對路徑和絕對路徑 27
2.2 HTML的一些基本標記 28
2.2.1 HTML基本結構標記 28
2.2.2 格式標記 30
2.2.3 文本標記 34
2.2.4 圖像標記 35
2.2.5 超級鏈接標記 37
2.3 HTML表格標記 39
2.3.1 表格標記 39
2.3.2 表格行標記和表格單元格
標記 40
2.3.3 表格應用示例 42
2.3.4 嵌套表格應用示例 43
2.4 HTML框架標記 45
2.4.1 什么是框架 45
2.4.2 框架相關標記及屬性 46
2.5 HTML滾動字幕和多媒體標記 51
2.5.1 滾動字幕 51
2.5.2 多媒體標記 53
本章小結 55
習題2 55
第3章 CSS基礎 57
3.1 CSS簡介 57
3.2 CSS基本語法 57
3.2.1 CSS的基本結構 57
3.2.2 CSS規則定義 58
3.3 CSS選擇器分類 60
3.3.1 標簽選擇器 60
3.3.2 類名選擇器 62
3.3.3 ID選擇器 62
3.3.4 偽類選擇器 63
3.3.5 其他選擇器 63
3.4 CSS樣式表類型 64
3.4.1 行內樣式 64
3.4.2 內嵌樣式 64
3.4.3 外部樣式 64
第4章 Dreamweaver CS5基礎應用 66
4.1 Dreamweaver CS5入門 66
4.1.1 Dreamweaver CS5簡介 66
4.1.2 Dreamweaver CS5工作區 66
4.2 Dreamweaver CS5站點管理 71
4.2.1 網站站點規劃與創建 71
4.2.2 站點管理 73
4.3 制作簡單網頁 74
4.3.1 項目展示：圖文并茂網頁 74
4.3.2 文本的插入與編輯 76
4.3.3 圖片的插入與編輯 79
4.3.4 CSS基礎 82
本章小結 89
第5章 Dreamweaver CS5高級應用 90
5.1 表格 90
5.1.1 表格基本操作 90
5.1.2 表格布局 97
5.1.3 表格布局應用實例 98
5.2 超鏈接 106
5.2.1 超鏈接基本概念 106
5.2.2 創建內部超鏈接 107
5.2.3 創建外部超鏈接 109
5.2.4 錨點超鏈接 109
5.2.5 其他類型超鏈接 111
5.2.6 超鏈接的CSS設置 112
5.3 框架 114
5.3.1 框架基礎 114
5.3.2 創建框架 117
5.3.3 設置框架集與框架 118
5.3.4 框架實例應用 120
5.4 使用Div+CSS布局頁面 124
5.4.1 Div基礎 124
5.4.2 插入Div的基本操作 125
5.4.3 Div+CSS應用實例 126
5.5 表單 136
5.5.1 表單概述 136
5.5.2 表單對象 137
5.5.3 表單應用實例 139
本章小結 145
第6章 JavaScript腳本語言 146
6.1 JavaScript概述 146
6.1.1 JavaScript簡介 146
6.1.2 一個簡單的JavaScript程序 148
6.1.3 JavaScript腳本的位置 149
6.1.4 JavaScript的開發和運行環境 152
6.2 JavaScript程序的基本構成 153
6.2.1 基本數據類型和運算符 153
6.2.2 程序控制結構 156
6.2.3 數組 161
6.2.4 語句 163
6.2.5 函數 163
6.3 JavaScript對象 166
6.3.1 對象的基礎知識 166
6.3.2 JavaScript常用內置對象 168
6.3.3 文檔對象模型DOM 174
6.4 JavaScript事件 180
6.4.1 事件處理概述 180
6.4.2 鼠標事件 182
6.4.3 鍵盤事件 184
6.4.4 其他事件 185
本章小結 185
習題6 186
第7章 網頁表單應用 187
7.1 關于表單 187
7.1.1 什么是表單 187
7.1.2 表單的作用 189
7.2 基本的表單控件 189
7.2.1 表單標簽介紹 189
7.2.2 控件的通用屬性和事件 191
7.2.3 文本控件 193
7.2.4 選擇控件 194
7.2.5 按鈕控件 195
7.2.6 其他控件 197
7.3 表單制作示例 197
7.3.1 會員注冊表單 197
7.3.2 表單數據驗證 198
本章小結 203
習題7 203
第8章 網站發布與管理 204
8.1 網站測試 204
8.1.1 網站測試流程 204
8.1.2 網站測試內容 204
8.1.3 測試工具的使用 206
8.2 網站發布 211
8.2.1 選擇發布方式 212
8.2.2 申請域名 212
8.2.3 申請網站空間 212
8.2.4 上傳網站 214
8.3 網站宣傳推廣 216
8.3.1 傳統媒體 216
8.3.2 網絡媒體 216
8.4 網站管理 217
8.4.1 網站硬件設備管理 217
8.4.2 網站軟件系統管理 217
8.4.3 網站內容管理和優化 218
8.4.4 網站安全管理 218
本章小結 218
習題8 218
第9章 綜合實例 220
9.1 網頁布局 220
9.1.1 Web UI設計原則 220
9.1.2 網頁結構 221
9.2 實現網頁 222
9.2.1 實現網頁的整體結構 222
9.2.2 實現標題欄 224
9.2.3 實現正文第一部分 226
9.2.4 實現正文第二部分 231
9.2.5 實現底部版權信息 238
9.3 重構網頁 238
9.3.1 樣式文件獨立 238
9.3.2 修正圖片等的引用 239
本章小結 240
習題9 241

1. 高等數學導學篇（下冊） [主編 李文婧 胡雷 尹金生]
2. 高等數學導學篇（上冊） [主編 李文婧 胡雷 尹金生]
3. 高等數學（下冊） [主編 李愛芹 胡雷 尹金生]
4. 高等數學（上冊） [主編 李愛芹 胡雷 尹金生]
5. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
6. 電路與電子技術Ⅱ——電路分析基礎 [主編 陳曉 金哲]
7. Spark大數據處理技術 [主編　劉仁山　周洪翠　莊新妍]
8. 人工智能算法與實踐 [主編　梁琨　張翼英]
9. 數據清洗 [黃源　劉智楊　孫大松]
10. 電路設計與PCB制作實操教程 [主編 周永宏]
11. 電路與電子技術Ⅰ—數字電子技術 [主編 鄭玉珍 王淑琴]
12. Java編程基礎案例式教程 [主編 陳艷華 唐春蘭]
13. Python語言同步案例習題精解 [主編 肖朝暉]
14. Web用戶界面設計與制作 [主編 趙娟]
15. Unity應用開發與實戰（微課版） [主 編 程永恒]
16. 文學基礎與影視欣賞 [楊華軻 朱偉利 畢雪燕 羅玲誼]
17. 大學計算機基礎與計算思維 [主編 閔笛 汪瑩]
18. 大學計算機信息素養（第二版） [主編 盧山]
19. 大學計算機基礎實驗指導及習題解析 [主編 閔笛 李明]
20. 大學計算機信息素養實驗指導（第二版） [主編 盧山]
21. 計算機應用基礎教程（Windows 10+Office 2019） [主編 聶長浪 賀秋芳 李久仲]
22. 計算機應用基礎（Windows 7+Office 2016） [主編 王洪平 楊華]
23. 計算機信息素養基礎 [主編 陳艷 秦凱 黃海玉]
24. 計算機基礎與應用 [主編 秦凱 梁寧玉 王毅]
25. 大學計算機基礎上機實踐教程（第六版） [主編 何振林 羅奕]
26. C語言程序設計（微課版） [主編　夏啟壽]
27. 大學計算機基礎教程實驗指導與測試題集 [主編 饒拱維 吳華光 巫滿秀]
28. 計算機組成原理 [主編 史士英 唐為方]
29. 大學計算機基礎教程（Windows 10+Office 2016） [主編 饒拱維 郭其標 房宜汕]
30. 新編高等學校英語應用能力考試（A級）教程（第二版） [主編 洪金梅 邵毅 向雙豐]