·本書有機融合了多媒體網頁制作的三大軟件：Photoshop CS3、Flash CS3和Dreamweaver CS3，內容涵蓋了網站建設與網頁制作的各個部分

·每個章節中提供了豐富、實用的案例，將知識點融入案例，以達到兩者的有機結合

·解決課堂教學中容易造成的理論與實踐脫節，學生普遍缺乏實際動手能力和應用能力的問題

隨著網絡技術與信息技術的不斷發展，Internet已滲透到全球每個角落，電子商務、電子政務、網絡購物、即時通信、遠程教育，以及各大門戶網站、各類生活服務網站、形形色色的娛樂網站等為人們構筑了一個絢麗多彩的網絡世界，無論是公司、團體還是個人，都力求通過Internet來開展業務、展示風采。因此，學習和掌握網頁設計與制作技術，已成為滿足當今社會需求的一項基本技能和基本素質。

本書有機融合了多媒體網頁制作的三大軟件：Photoshop CS3、Flash CS3和Dreamweaver CS3，內容涵蓋了網站建設與網頁制作的各個部分，主要內容包括：網頁設計概論、圖像基本編輯與綜合處理技術、Flash動畫基礎與制作、初識Dreamweaver、網頁基本元素、網頁布局技術、網頁的高級編輯等。本書是由長期從事計算機基礎教育的一線教師，結合當前計算機基礎教育的發展趨勢，按照教育部高等教育司組織制定的高等學校文科類專業《大學計算機教學基本要求》（高等教育出版社）編寫而成。

精美的網頁制作離不開圖像處理和動畫制作技術。本書從圖像處理軟件Photoshop CS3入手，先讓讀者初步掌握圖像處理的基本技能，再通過學習動畫制作軟件Flash CS3，為制作精美網頁做好準備。在其后學習網頁制作軟件Dreamweaver CS3的過程中，引導讀者將前面學到的圖像處理和動畫制作技術有機地運用于網頁設計與制作。至此，全書構成了多媒體網頁設計課程的完整知識體系。

本書最大的特點是在每個章節中提供了豐富、實用的案例，將知識點融入案例，以達到兩者的有機結合。通過案例，使讀者能夠快速地理解概念，掌握基本操作方法，并力求解決課堂教學中容易造成的理論與實踐脫節，學生普遍缺乏實際動手能力和應用能力的問題。

全書共分10章，各類院校可以根據課程與教學的實際需要有所取舍。具體內容如下：

第1章介紹網頁設計基礎知識，與網頁設計相關的多媒體（圖像、動畫、音頻和視頻）技術，HTML基礎等內容。本章可安排2學時課堂教學，2學時上機實習。

第2章介紹Photoshop CS3圖像基本編輯功能，主要包括文件操作與畫布調整，屏幕顯示控制，圖像縮放、裁剪與傾斜，圖像的色調調整與圖像修飾等內容。本章是學習Photoshop CS3的基礎，可安排4學時課堂教學，4學時上機實習。

第3章在前一章的基礎上，介紹Photoshop CS3圖像綜合處理技術，主要包括圖層的操作，摳圖與圖像合成，蒙版、路徑、通道的使用等。本章可安排6學時課堂教學，6學時上機實習。

第4、5章介紹Flash CS3動畫基礎和制作方法，主要內容包括Flash CS3動畫制作基礎，元件的創建與編輯，逐幀動畫、形狀補間動畫、動作補間動畫、遮罩動畫的制作方法，時間軸特效等。本章為設計網頁動畫打下一定的基礎，可安排8學時課堂教學，8學時上機實習。

第6章主要介紹Dreamweaver CS3的界面和工作環境，通過創建一個簡單網站，介紹站點的創建與管理，建立起網站設計的初步認識和概念。本章可安排2學時課堂教學，2學時上機實習。

第7章介紹網頁制作過程中各種基本元素的添加，包括文本、圖像、Flash動畫、視頻與音頻等，以及如何為這些元素設置超鏈接、如何在網頁中加入表單等。本章可安排4學時課堂教學，4學時上機實習。

第8章介紹常用網頁布局技術，主要有表格、AP元素、框架、CSS樣式表等內容。本章可安排4學時課堂教學，4學時上機實習。

第9章介紹網站中模板和庫的使用方法，以及完成網頁動態效果的行為和命令等，另外還通過案例介紹用JavaScript腳本實現網頁特效的方法。本章可安排2學時課堂教學，2學時上機實習。

第10章在介紹網站制作基本流程的基礎上，給出了一個“攝影網站”的綜合案例，通過該案例，使讀者能系統掌握開發一個主題網站的全過程，也進一步鞏固網站設計與網頁制作的相關知識和技能。本章可安排2學時課堂教學，6學時上機實習。

本書由朱國華、齊暉、李楓主編。齊暉編寫第1章、2.1節和2.2節，朱國華編寫第2章（除2.1節）和第3章，李楓、李國偉、楊要科、高麗平、周雪燕、李娟、張睿萍編寫第3～10章（其中部分習題由朱國華、齊暉編寫）。本書由朱國華教授策劃，齊暉、李楓擔任主審。

本書配套的教學資源包括PPT課件、圖片素材、案例成品及案例教學視頻文件，讀者可以到中國水利水電出版社網站及萬水書苑（http://www.waterpub.com.cn/softdown/或http://www.dgboyong.cn）下載。

由于編者學識水平有限，書中不妥與錯誤之處敬請讀者批評指正。

前言

第1章 網頁設計概論 1
1.1 網頁設計基礎知識 1
1.1.1 Internet與Web 1
1.1.2 網頁、網站與主頁 1
1.1.3 網站分類與賞析 4
1.1.4 網頁色彩與布局 5
1.2 多媒體素材基礎 8
1.2.1 顏色的基本概念 8
1.2.2 圖像的色彩模式 9
1.2.3 圖像的基本屬性 10
1.2.4 圖像文件的格式 11
1.2.5 計算機動畫概述 12
1.2.6 音頻與視頻基礎 12
1.2.7 常用多媒體素材及網頁制作
工具介紹 14
1.3 HTML基礎 15
1.3.1 HTML文檔基本結構 15
1.3.2 HTML的基本結構標記 17
1.3.3 文字與段落排版標記 18
1.3.4 多媒體標記 23
1.3.5 超鏈接標記 24
1.3.6 框架標記 26
習題一 29
第2章 圖像基本編輯 30
2.1 Photoshop CS3界面 30
2.1.1 窗口布局 30
2.1.2 工具箱 31
2.1.3 面板 34
2.2 文件操作與畫布調整 34
2.2.1 文件操作 34
2.2.2 畫布調整 36
2.3 屏幕顯示控制 37
2.3.1 放大顯示圖像 37
2.3.2 縮小顯示圖像 38
2.3.3 觀察放大的圖像 38
2.3.4 使用“導航器” 38
2.4 圖像的縮放、裁剪與傾斜 39
2.4.1 縮放圖像 39
2.4.2 裁剪圖像 40
2.4.3 度量矯正傾斜的圖片 42
2.4.4 改變傾斜透視 43
2.4.5 拼接圖片 44
2.5 色調調整與圖像修飾 46
2.5.1 調整曝光 46
2.5.2 校正偏色 51
2.5.3 渲染色彩 52
2.5.4 修飾圖像 56
習題二 58
第3章 圖像綜合處理 60
3.1 圖層的概念與操作 60
3.1.1 圖層基本概念 60
3.1.2 圖層操作方法 60
3.1.3 圖層樣式及混合模式 62
3.1.4 填充圖層和調整圖層 66
3.2 摳圖與合成 69
3.2.1 選區的概念 69
3.2.2 套索摳圖 71
3.2.3 魔棒摳圖 73
3.2.4 快速選擇工具 75
3.2.5 橡皮擦摳圖 77
3.2.6 濾鏡摳圖與合成 81
3.3 使用蒙版 83
3.4 使用路徑 88
3.5 使用通道 90
3.6 文字處理 93
習題三 99
第4章 Flash動畫基礎 101
4.1 Flash CS3工作環境概述 101
4.1.1 工作環境簡介 101
4.1.2 面板 103
4.1.3 Flash CS3文檔的基本操作 106
4.2 Flash CS3繪圖基礎 107
4.2.1 Flash繪圖基礎 107
4.2.2 線條工具 107
4.2.3 鉛筆工具 108
4.2.4 矩形工具和基本矩形工具 108
4.2.5 橢圓工具和基本橢圓工具 109
4.2.6 多角星形工具 109
4.2.7 選擇工具 110
4.2.8 部分選取工具 112
4.2.9 套索工具 112
4.2.10 任意變形工具與漸變變形工具 113
4.2.11 鋼筆工具 115
4.2.12 刷子工具 118
4.2.13 文本工具 118
4.2.14 填充圖形對象工具 119
4.2.15 動畫文檔的基本操作 120
4.3 動畫制作基礎 122
4.3.1 幀 123
4.3.2 時間軸與圖層 126
4.4 元件的創建與編輯 130
4.4.1 元件與實例 130
4.4.2 創建圖形元件 131
4.4.3 按鈕元件的制作 132
4.4.4 影片剪輯元件的制作 134
4.4.5 元件創建實例 135
習題四 136
第5章 Flash 動畫制作 138
5.1 逐幀動畫 138
5.2 形狀補間動畫 140
5.3 動作補間動畫 142
5.4 引導路徑動畫 145
5.5 遮罩動畫 149
5.6 時間軸特效 151
5.6.1 添加時間軸特效 151
5.6.2 設置時間軸特效 151
5.6.3 編輯和刪除時間軸特效 155
5.7 聲音的應用 156
5.7.1 聲音的導入 156
5.7.2 使用行為控制聲音 157
5.8 Flash動畫簡單腳本 160
5.8.1 Flash動畫腳本基礎 160
5.8.2 添加動作的位置 161
5.8.3 流程控制語句 163
習題五 165
第6章 初識Dreamweaver CS3 166
6.1 Dreamweaver CS3工作環境 166
6.1.1 Dreamweaver CS3工作界面 166
6.1.2 文檔窗口 167
6.1.3 菜單欄和插入欄 169
6.1.4 常用面板 170
6.2 創建第一個網站 170
6.2.1 創建本地站點 170
6.2.2 創建簡單網頁 172
6.2.3 站點管理 174
6.2.4 站點文件操作 176
習題六 177
第7章 網頁基本元素 178
7.1 文本 178
7.1.1 插入文本 178
7.1.2 設置文字屬性 180
7.1.3 設置段落屬性 183
7.2 圖像 186
7.2.1 插入圖像 186
7.2.2 編輯圖像 187
7.2.3 插入鼠標經過圖像 189
7.3 Flash動畫 190
7.3.1 插入Flash 190
7.3.2 插入Flash按鈕 191
7.3.3 Flash文本 192
7.4 插入導航條 193
7.5 音頻與視頻 195
7.5.1 插入聲音 195
7.5.2 插入Shockwave影片 195
7.5.3 插入ActiveX控件 195
7.6 創建超鏈接 196
7.6.1 文本、圖像等對象鏈接 197
7.6.2 創建錨記鏈接 199
7.6.3 創建電子郵件鏈接 200
7.6.4 創建空鏈接和腳本鏈接 202
7.6.5 創建圖像熱點鏈接 202
7.7 表單 203
7.7.1 表單域 204
7.7.2 文本域 205
7.7.3 復選框和單選按鈕 207
7.7.4 文件域 208
7.7.5 列表 209
7.7.6 跳轉菜單 209
7.7.7 按鈕 210
習題七 211
第8章 網頁布局技術 212
8.1 表格 212
8.1.1 表格的創建 212
8.1.2 編輯表格 213
8.1.3 使用表格構造網頁布局 216
8.2 AP元素 218
8.2.1 創建AP元素 218
8.2.2 編輯AP元素 220
8.2.3 利用AP元素構造簡單網頁 223
8.2.4 AP元素與表格相互轉換 225
8.3 框架 227
8.3.1 框架的概念 227
8.3.2 建立框架和框架集 227
8.3.3 編輯框架 229
8.3.4 框架及框架集的保存 231
8.3.5 框架網頁應用實例 231
8.3.6 框架的鏈接 233
8.4 CSS樣式表 234
8.4.1 創建CSS樣式表 235
8.4.2 定義CSS樣式表 236
8.4.3 應用、修改和刪除CSS樣式表 240
8.4.4 CSS樣式表應用實例 240
習題八 244
第9章 網頁高級操作 246
9.1 模板與庫 246
9.1.1 模板 246
9.1.2 庫 252
9.2 網頁特效 253
9.2.1 行為 253
9.2.2 命令 266
9.2.3 JavaScript 268
習題九 269
第10章 網站設計綜合案例 271
10.1 網站制作基本流程 271
10.2 網站制作詳細過程 272
10.2.1 創建站點 272
10.2.2 制作歡迎頁面 272
10.2.3 制作網頁模板 273
10.2.4 利用模板生成其他頁面 274
10.2.5 使用框架制作二級頁面 279
10.2.6 網站的測試 280
習題十 280
參考文獻 282

1. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
2. Web用戶界面設計與制作 [主編 趙娟]
3. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
4. Web開發實戰 [主編　肖睿　陳永]
5. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
6. 網頁設計與制作 [主編 楊毅]
7. 網頁制作實戰 [主編 肖睿 羅保山]
8. 網頁設計與制作 [主編 陳建國 項煒]
9. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
10. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
11. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
12. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
13. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
14. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
15. CSS+DIV頁面布局技術 [主編 朱翠苗]
16. Web開發與安全防范 [主編 武春嶺]
17. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
18. ASP.NET（C#）網站開發 [主編 張志明 王輝]
19. 網頁設計實用技術 [主 編 陳建國 李勤]
20. JSP設計與開發 [秦毅 王可]
21. ASP.NET項目開發教程 [鄒承俊 任 華]
22. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
23. ASP程序設計（第二版） [葉潮流 杜奕智]
24. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
25. 網頁前端技術 [主 編 王敏杰 任云暉]
26. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
27. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
28. 網頁設計與制作 [主編 陳彥許 陳維華]