精心設計

每章均按照“學習要點—學習目標—導讀—知識點講解—課堂案例—本章小結— 課后習題”的思路進行編寫，內容充實、結構清晰、圖文并茂。

注重實踐

根據讀者的需求，選取的實踐案例從實際出發，循序漸進地幫助學生掌握網頁設計的相關知識，熟悉軟件功能和網頁設計與制作的思路。

課程思政

導讀中融入課程思政，提升個人情感和主動學習的思想覺悟，提高個人榮譽感和責任心，增強民族自信心。

隨著互聯網行業的飛速發展，網絡已經成為人們獲取信息的重要途徑，也成為生活中不可缺少的一部分。因此，不僅要培養學生學會在網上尋找信息，而且力求培養學生掌握將信息上傳到網絡的技能，從而提高學生自身的信息素養，以適應更廣闊的就業需求。本書根據讀者的需求，選取的實踐案例從實際出發，結合課程思政元素，以淺顯易懂的方式講解了網頁制作的各項技能。

本書的上一版自2018年1月出版以來，受到廣大讀者的喜愛，被全國多所院校選為“網頁設計”課程的教材，為各專業學生學習網頁設計與制作提供了良好的理論和實踐依據。經過多個輪次的使用，根據一線教師、學生和其他讀者的反饋，我們在上一版基礎上進行了改版，在保持原有內容和結構基本不變的前提下，對部分章節進行了擴展和刪減。同時，結合課程思政元素，重新選取教材中的案例，在培養學生掌握知識結構的同時提高個人榮譽感和責任心、增強民族自信心。

本書共十章，分為四個部分，循序漸進地幫助學生掌握網頁設計的相關知識，以及協同使用三個軟件設計網頁的操作流程。

第一部分 Dreamweaver CS6的使用（第1～7章）：主要介紹了創建站點和網站建設的基礎知識，還介紹了網頁中的文本、圖像和多媒體的插入和編輯方法，并對頁面之間的超鏈接、表格布局、CSS樣式表、Div元素、CSS+Div布局頁面、行為、模板和庫等知識進行了詳細講解。

第二部分 Photoshop CS6的使用（第8章）：主要介紹了Photoshop的工作界面和基本操作、網頁圖像的編輯、圖層的應用、網頁圖像的繪制與修飾、網頁文本的制作、網頁特效的實現及網頁切片的輸出等。

第三部分 Flash CS6的使用（第9章）：主要介紹了使用Flash軟件制作網頁動畫，學習使用Flash軟件中的圖層和幀創建常見網頁動畫素材。

第四部分 綜合案例（第10章）：通過一個完整的設計方案，介紹了使用三個軟件分工協作制作攝影工作室網站的方法。

本書可作為非計算機專業學生學習網頁設計的專用教材，也可作為網頁設計初學者的參考用書。希望讀者通過對本書的學習，能夠提高網頁相關信息的處理能力，以適應互聯網的飛速發展。

本書配有精美的課件和教學素材，結構完整，便于教授相關課程的教師根據自身需求完善課件，提高教學質量。

本書由王瀟、章明珠任主編，王娟和張娜任副主編，邊國棟教授主審，在此對大家的辛勤工作表示衷心的感謝！

由于編者水平有限，雖然所有編者在編寫本書的過程中傾注了大量心血，但書中難免存在疏漏和不足之處，懇請廣大讀者和專家指正。

編 者

2021年10月

第1章 網頁制作與網站建設基礎知識 1
1.1 網絡基礎知識 1
1.1.1 Internet基礎知識 1
1.1.2 網頁和網站 3
1.2 HTML概述 6
1.2.1 HTML的含義 6
1.2.2 HTML文件的基本結構 7
1.2.3 HTML常用標記 9
1.3 網頁制作工具 11
1.3.1 Dreamweaver CS6 11
1.3.2 Photoshop CS6 11
1.3.3 Flash CS6 12
1.4 網頁制作的基本流程 13
1.5 課堂案例—個人主頁制作 13
1.5.1 案例目標 13
1.5.2 操作思路 14
1.6 本章小結 15
1.7 課后習題 15
第2章 使用Dreamweaver CS6創建網頁文檔 16
2.1 熟悉Dreamweaver CS6工作界面 17
2.1.1 工作界面的組成 17
2.1.2 可視化輔助工具 20
2.1.3 設置首選參數 23
2.2 創建和管理站點 25
2.2.1 規劃站點 25
2.2.2 管理站點 26
2.2.3 管理站點中的文件 29
2.3 網頁文檔基本操作 30
2.3.1 新建網頁文檔 30
2.3.2 保存、打開網頁文檔 31
2.3.3 設置頁面屬性 32
2.4 課堂案例—“學院網站”創建多個網頁 33
2.4.1 案例目標 33
2.4.2 操作思路 34
2.5 本章小結 37
2.6 課后習題 37
第3章 網頁中的基本對象 38
3.1 網頁中的文本 38
3.1.1 直接輸入 39
3.1.2 復制/粘貼外部文本 39
3.1.3 導入外部文件 40
3.1.4 插入特殊字符 40
3.1.5 插入項目列表和編號列表 41
3.1.6 設置文本屬性 43
3.2 網頁中的圖像 45
3.2.1 網頁中的圖像格式 45
3.2.2 插入圖像 46
3.2.3 設置圖像屬性 48
3.2.4 跟蹤圖像 49
3.3 網頁中的多媒體 50
3.3.1 認識網頁中的多媒體 51
3.3.2 網頁中插入Flash動畫 51
3.3.3 網頁中插入FLV視頻 53
3.3.4 網頁中插入音頻對象 54
3.3.5 網頁中插入其他媒體文件 56
3.4 超鏈接 57
3.4.1 基本概念 57
3.4.2 設置超鏈接 59
3.4.3 常用超鏈接 59
3.5 課堂案例—制作“中國航天”網站 64
3.5.1 案例目標 64
3.5.2 操作思路 65
3.6 本章小結 68
3.7 課后習題—制作“中國航天”網站 68
第4章 AP Div和行為 71
4.1 AP Div 71
4.1.1 AP Div簡介 71
4.1.2 AP Div的應用 73
4.2 行為 75
4.2.1 基本概念 76
4.2.2 應用行為 77
4.2.3 編輯行為 83
4.3 課堂案例—制作“西安翻譯學院”首頁 83
4.3.1 案例目標 83
4.3.2 操作思路 84
4.4 本章小結 86
4.5 課后習題—制作“個人網站”首頁 86
第5章 使用表格布局網頁 88
5.1 表格概述 88
5.1.1 表格的基本概念 89
5.1.2 表格的組成 89
5.2 在網頁中插入表格 90
5.2.1 插入表格 90
5.2.2 選擇表格 91
5.3 設置表格和單元格屬性 93
5.3.1 設置表格屬性 93
5.3.2 設置單元格屬性 94
5.4 操作表格 94
5.4.1 調整表格和單元格的大小 94
5.4.2 插入或刪除行或列 94
5.4.3 拆分或合并單元格 96
5.4.4 剪切、復制、粘貼表格 97
5.4.5 編輯表格數據 98
5.4.6 刪除表格元素 99
5.5 使用表格布局網頁 100
5.5.1 使用簡單表格布局網頁 100
5.5.2 使用復雜表格布局網頁 101
5.6 課堂案例—制作“輝煌100年”網站首頁 102
5.6.1 案例目標 102
5.6.2 操作思路 103
5.7 本章小結 106
5.8 課后習題—制作網站“我的家鄉陜西”首頁 106
第6章 應用CSS+Div布局網頁 108
6.1 CSS樣式表 108
6.1.1 基本概念 109
6.1.2 基本語法 109
6.1.3 CSS選擇器類型 110
6.1.4 CSS樣式的位置 111
6.2 CSS在Dreamweaver中的應用 112
6.2.1 創建CSS樣式表 112
6.2.2 管理CSS樣式表 113
6.2.3 CSS樣式屬性 115
6.3 課堂案例1—制作“江山如此多嬌”網站 120
6.3.1 案例目標 121
6.3.2 操作思路 121
6.4 CSS+Div布局 129
6.4.1 Div概述 129
6.4.2 Web標準 132
6.4.3 盒子模型 133
6.4.4 盒子的定位 134
6.4.5 經典布局模式 136
6.5 課堂案例2—制作“長征精神”網站 137
6.5.1 案例目標 137
6.5.2 操作思路 137
6.6 本章小結 144
6.7 課后習題 144
第7章 模板和庫 146
7.1 模板 147
7.1.1 創建模板 147
7.1.2 編輯模板 148
7.1.3 管理模板 149
7.1.4 創建基于模板的網頁 150
7.2 庫 151
7.2.1 創建庫項目 152
7.2.2 向頁面添加庫項目 153
7.2.3 更新庫項目 153
7.3 課堂案例—制作“垃圾分類網”網站 154
7.3.1 案例目標 154
7.3.2 操作思路 155
7.4 本章小結 157
7.5 課后習題—制作“中國瓷器文化網”首頁 157
第8章 使用Photoshop CS6制作網頁素材 159
8.1 圖形圖像的基礎知識 159
8.1.1 位圖和矢量圖 159
8.1.2 像素和分辨率 160
8.1.3 常用文件格式 161
8.1.4 常用顏色模式 161
8.2 Photoshop CS6基本操作 162
8.2.1 進入Photoshop CS6 162
8.2.2 新建和打開圖像文件 163
8.2.3 保存和關閉圖像文件 164
8.2.4 視圖的控制 164
8.2.5 輔助工具 165
8.2.6 設置前景色/背景色 166
8.3 選擇圖像 167
8.3.1 使用選框工具選取 167
8.3.2 使用套索工具選取 169
8.3.3 使用魔棒工具選取 171
8.3.4 使用鋼筆工具選取 171
8.3.5 編輯選區 172
8.4 繪制和修復圖像 174
8.4.1 圖像的裁剪和移動 174
8.4.2 填充與描邊 175
8.4.3 圖像繪畫工具 178
8.4.4 圖像修復工具 180
8.4.5 圖像的變換 181
8.5 圖層 181
8.5.1 圖層面板 183
8.5.2 圖層的種類 183
8.5.3 圖層的基本操作 184
8.5.4 圖層樣式 186
8.5.5 圖層蒙版特效 187
8.6 文本 188
8.6.1 創建文本 188
8.6.2 設置文本格式 190
8.6.3 設置文本變形 192
8.7 切片工具 192
8.7.1 創建和編輯切片 192
8.7.2 圖像的優化與切片的輸出 194
8.8 課堂案例—設計制作“讀書網”網站頁面 197
8.9 本章小結 201
8.10 課后習題 201
第9章 使用Flash CS6制作網頁動態素材 203
9.1 動畫制作基礎 204
9.1.1 Flash CS6工作界面 204
9.1.2 Flash CS6的基本操作 206
9.1.3 動畫制作原理 207
9.1.4 Flash動畫的種類 207
9.2 動畫中的圖層 208
9.2.1 圖層的概念 208
9.2.2 圖層的類型 208
9.2.3 圖層的基本操作 209
9.3 動畫中的幀 210
9.3.1 幀的種類及創建 210
9.3.2 幀的基本操作 211
9.4 補間動畫 213
9.4.1 傳統補間動畫 214
9.4.2 補間動畫 215
9.4.3 形狀補間動畫 217
9.5 課堂案例—制作網站動畫 218
9.5.1 練習目標 218
9.5.2 操作步驟 218
9.6 本章小結 221
9.7 課后習題—制作“綠色出行 低碳生活”網頁動畫 221
第10章 綜合案例—“最美瞬間攝影工作室”網站首頁 222
10.1 網站目標 222
10.2 案例分析 223
10.3 制作過程 223
10.3.1 使用Photoshop CS6制作網站首頁 223
10.3.2 使用Flash CS6制作網站動畫 230
10.3.3 使用Dreamweaver CS6制作頁面 234
參考文獻 241

1. 新媒體內容創作實務（微課版） [主編　覃思源]
2. 人工智能基礎 [主編 余平 張春陽]
3. 人工智能導論 [主編 王飛 潘立武]
4. Amazing！兒童英語自然拼讀分級教材（全8冊） [王玲　編著]
5. Spark大數據處理技術 [主編　劉仁山　周洪翠　莊新妍]
6. 毫無PS痕跡—你的第一本Photoshop書（第二版） [趙鵬 著]
7. 電視新聞制作 [主編 王曉翠 劉傳琳]
8. C語言同步案例習題精解 [主編 肖朝暉]
9. Python程序設計 [李國燕 王新強 劉佳 等編著]
10. 高等數學（下冊） [秦紅兵]
11. 智慧畜牧業技術 [主編 連衛民 張志明 王輝]
12. Python程序設計項目化教程（活頁式） [主編　盧鳳偉]
13. 人工智能算法與實踐 [主編　梁琨　張翼英]
14. Python辦公自動化—玩轉Excel [郝春吉 劉智楊 周永福 黃 詮]
15. 人工智能概論（第二版） [張廣淵　周風余　朱振方　著]
16. Web安全基礎及項目實踐 [主編 鄭麗 安厚霖 崔俊鵬]
17. 電路與電子技術Ⅲ——模擬電子技術 [主編 劉峰]
18. 線性代數 [主編 惠小健 王震 盧鴻艷]
19. 信息安全技術基礎（第二版） [主編 張浩軍 陳莉 王峰]
20. 電氣與控制工程項目管理 [鄒紅利 滕璇璇 陳德山 編著]
21. 計算機網絡技術項目化教程（微課版） [主編 王艷萍 安華萍]
22. 自然拼讀背單詞：基礎英語4000詞（微課版） [陳雪　編著]
23. 剪枝——庭院常見植物修剪 [［英］大衛·斯夸爾]
24. 電子產品生產與檢測 [主編　李恒　楊國輝　練斌]
25. Web前端開發項目化教程（微課版） [主編　郭立文　王洪波]
26. 數據清洗 [黃源　劉智楊　孫大松]
27. 計算機應用基礎與實踐（Windows 7平臺與Office 2016應用） [主編 呂波 何敏]
28. 程序員考前沖刺100題 [黃少年 李竹村 曾哲軍 編著]
29. 辦公自動化高級應用案例教程（微課版） [高海波 張誠 楊順]
30. UI創意設計（活頁式） [主　編　趙艷莉]