·本書(shū)有機(jī)融合了多媒體網(wǎng)頁(yè)制作的三大軟件：Photoshop CS3、Flash CS3和Dreamweaver CS3，內(nèi)容涵蓋了網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作的各個(gè)部分

·每個(gè)章節(jié)中提供了豐富、實(shí)用的案例，將知識(shí)點(diǎn)融入案例，以達(dá)到兩者的有機(jī)結(jié)合

·解決課堂教學(xué)中容易造成的理論與實(shí)踐脫節(jié)，學(xué)生普遍缺乏實(shí)際動(dòng)手能力和應(yīng)用能力的問(wèn)題

隨著網(wǎng)絡(luò)技術(shù)與信息技術(shù)的不斷發(fā)展，Internet已滲透到全球每個(gè)角落，電子商務(wù)、電子政務(wù)、網(wǎng)絡(luò)購(gòu)物、即時(shí)通信、遠(yuǎn)程教育，以及各大門(mén)戶網(wǎng)站、各類生活服務(wù)網(wǎng)站、形形色色的娛樂(lè)網(wǎng)站等為人們構(gòu)筑了一個(gè)絢麗多彩的網(wǎng)絡(luò)世界，無(wú)論是公司、團(tuán)體還是個(gè)人，都力求通過(guò)Internet來(lái)開(kāi)展業(yè)務(wù)、展示風(fēng)采。因此，學(xué)習(xí)和掌握網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)，已成為滿足當(dāng)今社會(huì)需求的一項(xiàng)基本技能和基本素質(zhì)。

本書(shū)有機(jī)融合了多媒體網(wǎng)頁(yè)制作的三大軟件：Photoshop CS3、Flash CS3和Dreamweaver CS3，內(nèi)容涵蓋了網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作的各個(gè)部分，主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)概論、圖像基本編輯與綜合處理技術(shù)、Flash動(dòng)畫(huà)基礎(chǔ)與制作、初識(shí)Dreamweaver、網(wǎng)頁(yè)基本元素、網(wǎng)頁(yè)布局技術(shù)、網(wǎng)頁(yè)的高級(jí)編輯等。本書(shū)是由長(zhǎng)期從事計(jì)算機(jī)基礎(chǔ)教育的一線教師，結(jié)合當(dāng)前計(jì)算機(jī)基礎(chǔ)教育的發(fā)展趨勢(shì)，按照教育部高等教育司組織制定的高等學(xué)校文科類專業(yè)《大學(xué)計(jì)算機(jī)教學(xué)基本要求》（高等教育出版社）編寫(xiě)而成。

精美的網(wǎng)頁(yè)制作離不開(kāi)圖像處理和動(dòng)畫(huà)制作技術(shù)。本書(shū)從圖像處理軟件Photoshop CS3入手，先讓讀者初步掌握?qǐng)D像處理的基本技能，再通過(guò)學(xué)習(xí)動(dòng)畫(huà)制作軟件Flash CS3，為制作精美網(wǎng)頁(yè)做好準(zhǔn)備。在其后學(xué)習(xí)網(wǎng)頁(yè)制作軟件Dreamweaver CS3的過(guò)程中，引導(dǎo)讀者將前面學(xué)到的圖像處理和動(dòng)畫(huà)制作技術(shù)有機(jī)地運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)與制作。至此，全書(shū)構(gòu)成了多媒體網(wǎng)頁(yè)設(shè)計(jì)課程的完整知識(shí)體系。

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

全書(shū)共分10章，各類院校可以根據(jù)課程與教學(xué)的實(shí)際需要有所取舍。具體內(nèi)容如下：

第1章介紹網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)，與網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的多媒體（圖像、動(dòng)畫(huà)、音頻和視頻）技術(shù)，HTML基礎(chǔ)等內(nèi)容。本章可安排2學(xué)時(shí)課堂教學(xué)，2學(xué)時(shí)上機(jī)實(shí)習(xí)。

第2章介紹Photoshop CS3圖像基本編輯功能，主要包括文件操作與畫(huà)布調(diào)整，屏幕顯示控制，圖像縮放、裁剪與傾斜，圖像的色調(diào)調(diào)整與圖像修飾等內(nèi)容。本章是學(xué)習(xí)Photoshop CS3的基礎(chǔ)，可安排4學(xué)時(shí)課堂教學(xué)，4學(xué)時(shí)上機(jī)實(shí)習(xí)。

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

第4、5章介紹Flash CS3動(dòng)畫(huà)基礎(chǔ)和制作方法，主要內(nèi)容包括Flash CS3動(dòng)畫(huà)制作基礎(chǔ)，元件的創(chuàng)建與編輯，逐幀動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、動(dòng)作補(bǔ)間動(dòng)畫(huà)、遮罩動(dòng)畫(huà)的制作方法，時(shí)間軸特效等。本章為設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫(huà)打下一定的基礎(chǔ)，可安排8學(xué)時(shí)課堂教學(xué)，8學(xué)時(shí)上機(jī)實(shí)習(xí)。

第6章主要介紹Dreamweaver CS3的界面和工作環(huán)境，通過(guò)創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)站，介紹站點(diǎn)的創(chuàng)建與管理，建立起網(wǎng)站設(shè)計(jì)的初步認(rèn)識(shí)和概念。本章可安排2學(xué)時(shí)課堂教學(xué)，2學(xué)時(shí)上機(jī)實(shí)習(xí)。

第7章介紹網(wǎng)頁(yè)制作過(guò)程中各種基本元素的添加，包括文本、圖像、Flash動(dòng)畫(huà)、視頻與音頻等，以及如何為這些元素設(shè)置超鏈接、如何在網(wǎng)頁(yè)中加入表單等。本章可安排4學(xué)時(shí)課堂教學(xué)，4學(xué)時(shí)上機(jī)實(shí)習(xí)。

第8章介紹常用網(wǎng)頁(yè)布局技術(shù)，主要有表格、AP元素、框架、CSS樣式表等內(nèi)容。本章可安排4學(xué)時(shí)課堂教學(xué)，4學(xué)時(shí)上機(jī)實(shí)習(xí)。

第9章介紹網(wǎng)站中模板和庫(kù)的使用方法，以及完成網(wǎng)頁(yè)動(dòng)態(tài)效果的行為和命令等，另外還通過(guò)案例介紹用JavaScript腳本實(shí)現(xiàn)網(wǎng)頁(yè)特效的方法。本章可安排2學(xué)時(shí)課堂教學(xué)，2學(xué)時(shí)上機(jī)實(shí)習(xí)。

第10章在介紹網(wǎng)站制作基本流程的基礎(chǔ)上，給出了一個(gè)“攝影網(wǎng)站”的綜合案例，通過(guò)該案例，使讀者能系統(tǒng)掌握開(kāi)發(fā)一個(gè)主題網(wǎng)站的全過(guò)程，也進(jìn)一步鞏固網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的相關(guān)知識(shí)和技能。本章可安排2學(xué)時(shí)課堂教學(xué)，6學(xué)時(shí)上機(jī)實(shí)習(xí)。

本書(shū)由朱國(guó)華、齊暉、李楓主編。齊暉編寫(xiě)第1章、2.1節(jié)和2.2節(jié)，朱國(guó)華編寫(xiě)第2章（除2.1節(jié)）和第3章，李楓、李國(guó)偉、楊要科、高麗平、周雪燕、李娟、張睿萍編寫(xiě)第3～10章（其中部分習(xí)題由朱國(guó)華、齊暉編寫(xiě)）。本書(shū)由朱國(guó)華教授策劃，齊暉、李楓擔(dān)任主審。

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

由于編者學(xué)識(shí)水平有限，書(shū)中不妥與錯(cuò)誤之處敬請(qǐng)讀者批評(píng)指正。

前言

第1章 網(wǎng)頁(yè)設(shè)計(jì)概論 1
1.1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) 1
1.1.1 Internet與Web 1
1.1.2 網(wǎng)頁(yè)、網(wǎng)站與主頁(yè) 1
1.1.3 網(wǎng)站分類與賞析 4
1.1.4 網(wǎng)頁(yè)色彩與布局 5
1.2 多媒體素材基礎(chǔ) 8
1.2.1 顏色的基本概念 8
1.2.2 圖像的色彩模式 9
1.2.3 圖像的基本屬性 10
1.2.4 圖像文件的格式 11
1.2.5 計(jì)算機(jī)動(dòng)畫(huà)概述 12
1.2.6 音頻與視頻基礎(chǔ) 12
1.2.7 常用多媒體素材及網(wǎng)頁(yè)制作
工具介紹 14
1.3 HTML基礎(chǔ) 15
1.3.1 HTML文檔基本結(jié)構(gòu) 15
1.3.2 HTML的基本結(jié)構(gòu)標(biāo)記 17
1.3.3 文字與段落排版標(biāo)記 18
1.3.4 多媒體標(biāo)記 23
1.3.5 超鏈接標(biāo)記 24
1.3.6 框架標(biāo)記 26
習(xí)題一 29
第2章 圖像基本編輯 30
2.1 Photoshop CS3界面 30
2.1.1 窗口布局 30
2.1.2 工具箱 31
2.1.3 面板 34
2.2 文件操作與畫(huà)布調(diào)整 34
2.2.1 文件操作 34
2.2.2 畫(huà)布調(diào)整 36
2.3 屏幕顯示控制 37
2.3.1 放大顯示圖像 37
2.3.2 縮小顯示圖像 38
2.3.3 觀察放大的圖像 38
2.3.4 使用“導(dǎo)航器” 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 色調(diào)調(diào)整與圖像修飾 46
2.5.1 調(diào)整曝光 46
2.5.2 校正偏色 51
2.5.3 渲染色彩 52
2.5.4 修飾圖像 56
習(xí)題二 58
第3章 圖像綜合處理 60
3.1 圖層的概念與操作 60
3.1.1 圖層基本概念 60
3.1.2 圖層操作方法 60
3.1.3 圖層樣式及混合模式 62
3.1.4 填充圖層和調(diào)整圖層 66
3.2 摳圖與合成 69
3.2.1 選區(qū)的概念 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
習(xí)題三 99
第4章 Flash動(dòng)畫(huà)基礎(chǔ) 101
4.1 Flash CS3工作環(huán)境概述 101
4.1.1 工作環(huán)境簡(jiǎn)介 101
4.1.2 面板 103
4.1.3 Flash CS3文檔的基本操作 106
4.2 Flash CS3繪圖基礎(chǔ) 107
4.2.1 Flash繪圖基礎(chǔ) 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 填充圖形對(duì)象工具 119
4.2.15 動(dòng)畫(huà)文檔的基本操作 120
4.3 動(dòng)畫(huà)制作基礎(chǔ) 122
4.3.1 幀 123
4.3.2 時(shí)間軸與圖層 126
4.4 元件的創(chuàng)建與編輯 130
4.4.1 元件與實(shí)例 130
4.4.2 創(chuàng)建圖形元件 131
4.4.3 按鈕元件的制作 132
4.4.4 影片剪輯元件的制作 134
4.4.5 元件創(chuàng)建實(shí)例 135
習(xí)題四 136
第5章 Flash 動(dòng)畫(huà)制作 138
5.1 逐幀動(dòng)畫(huà) 138
5.2 形狀補(bǔ)間動(dòng)畫(huà) 140
5.3 動(dòng)作補(bǔ)間動(dòng)畫(huà) 142
5.4 引導(dǎo)路徑動(dòng)畫(huà) 145
5.5 遮罩動(dòng)畫(huà) 149
5.6 時(shí)間軸特效 151
5.6.1 添加時(shí)間軸特效 151
5.6.2 設(shè)置時(shí)間軸特效 151
5.6.3 編輯和刪除時(shí)間軸特效 155
5.7 聲音的應(yīng)用 156
5.7.1 聲音的導(dǎo)入 156
5.7.2 使用行為控制聲音 157
5.8 Flash動(dòng)畫(huà)簡(jiǎn)單腳本 160
5.8.1 Flash動(dòng)畫(huà)腳本基礎(chǔ) 160
5.8.2 添加動(dòng)作的位置 161
5.8.3 流程控制語(yǔ)句 163
習(xí)題五 165
第6章 初識(shí)Dreamweaver CS3 166
6.1 Dreamweaver CS3工作環(huán)境 166
6.1.1 Dreamweaver CS3工作界面 166
6.1.2 文檔窗口 167
6.1.3 菜單欄和插入欄 169
6.1.4 常用面板 170
6.2 創(chuàng)建第一個(gè)網(wǎng)站 170
6.2.1 創(chuàng)建本地站點(diǎn) 170
6.2.2 創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè) 172
6.2.3 站點(diǎn)管理 174
6.2.4 站點(diǎn)文件操作 176
習(xí)題六 177
第7章 網(wǎng)頁(yè)基本元素 178
7.1 文本 178
7.1.1 插入文本 178
7.1.2 設(shè)置文字屬性 180
7.1.3 設(shè)置段落屬性 183
7.2 圖像 186
7.2.1 插入圖像 186
7.2.2 編輯圖像 187
7.2.3 插入鼠標(biāo)經(jīng)過(guò)圖像 189
7.3 Flash動(dòng)畫(huà) 190
7.3.1 插入Flash 190
7.3.2 插入Flash按鈕 191
7.3.3 Flash文本 192
7.4 插入導(dǎo)航條 193
7.5 音頻與視頻 195
7.5.1 插入聲音 195
7.5.2 插入Shockwave影片 195
7.5.3 插入ActiveX控件 195
7.6 創(chuàng)建超鏈接 196
7.6.1 文本、圖像等對(duì)象鏈接 197
7.6.2 創(chuàng)建錨記鏈接 199
7.6.3 創(chuàng)建電子郵件鏈接 200
7.6.4 創(chuàng)建空鏈接和腳本鏈接 202
7.6.5 創(chuàng)建圖像熱點(diǎn)鏈接 202
7.7 表單 203
7.7.1 表單域 204
7.7.2 文本域 205
7.7.3 復(fù)選框和單選按鈕 207
7.7.4 文件域 208
7.7.5 列表 209
7.7.6 跳轉(zhuǎn)菜單 209
7.7.7 按鈕 210
習(xí)題七 211
第8章 網(wǎng)頁(yè)布局技術(shù) 212
8.1 表格 212
8.1.1 表格的創(chuàng)建 212
8.1.2 編輯表格 213
8.1.3 使用表格構(gòu)造網(wǎng)頁(yè)布局 216
8.2 AP元素 218
8.2.1 創(chuàng)建AP元素 218
8.2.2 編輯AP元素 220
8.2.3 利用AP元素構(gòu)造簡(jiǎn)單網(wǎng)頁(yè) 223
8.2.4 AP元素與表格相互轉(zhuǎn)換 225
8.3 框架 227
8.3.1 框架的概念 227
8.3.2 建立框架和框架集 227
8.3.3 編輯框架 229
8.3.4 框架及框架集的保存 231
8.3.5 框架網(wǎng)頁(yè)應(yīng)用實(shí)例 231
8.3.6 框架的鏈接 233
8.4 CSS樣式表 234
8.4.1 創(chuàng)建CSS樣式表 235
8.4.2 定義CSS樣式表 236
8.4.3 應(yīng)用、修改和刪除CSS樣式表 240
8.4.4 CSS樣式表應(yīng)用實(shí)例 240
習(xí)題八 244
第9章 網(wǎng)頁(yè)高級(jí)操作 246
9.1 模板與庫(kù) 246
9.1.1 模板 246
9.1.2 庫(kù) 252
9.2 網(wǎng)頁(yè)特效 253
9.2.1 行為 253
9.2.2 命令 266
9.2.3 JavaScript 268
習(xí)題九 269
第10章 網(wǎng)站設(shè)計(jì)綜合案例 271
10.1 網(wǎng)站制作基本流程 271
10.2 網(wǎng)站制作詳細(xì)過(guò)程 272
10.2.1 創(chuàng)建站點(diǎn) 272
10.2.2 制作歡迎頁(yè)面 272
10.2.3 制作網(wǎng)頁(yè)模板 273
10.2.4 利用模板生成其他頁(yè)面 274
10.2.5 使用框架制作二級(jí)頁(yè)面 279
10.2.6 網(wǎng)站的測(cè)試 280
習(xí)題十 280
參考文獻(xiàn) 282

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