Dreamweaver 8 & Fireworks 8 & Photoshop CS2 & Flash 8中文版網(wǎng)頁(yè)制作四合一教程

隨著網(wǎng)絡(luò)的普及以及寬帶技術(shù)的發(fā)展，網(wǎng)絡(luò)信息技術(shù)快速發(fā)展，當(dāng)瀏覽一個(gè)個(gè)漂亮的網(wǎng)頁(yè)時(shí)，你是不是想過(guò)自己也能夠制作出精美的網(wǎng)站呢？趕快學(xué)習(xí)網(wǎng)頁(yè)制作吧！“網(wǎng)頁(yè)三劍客”和Photoshop作為當(dāng)今最流行的網(wǎng)頁(yè)制作軟件為用戶提供了這個(gè)平臺(tái)。

網(wǎng)頁(yè)制作軟件Dreamweaver、Fireworks和Flash被稱為網(wǎng)頁(yè)制作領(lǐng)域的“三劍客”。它們各自以強(qiáng)大的功能和友好的操作界面，贏得了廣大網(wǎng)頁(yè)制作愛(ài)好者的青睞。其中，Dreamweaver集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性；Fireworks用來(lái)繪制和優(yōu)化網(wǎng)頁(yè)中用到的圖像，并可制作按鈕、導(dǎo)航條以及簡(jiǎn)單的動(dòng)畫；Flash主要用于制作網(wǎng)頁(yè)中的矢量動(dòng)畫。而Photoshop為網(wǎng)頁(yè)的圖形圖像處理添加了更強(qiáng)大的功能。

本書全面介紹了網(wǎng)頁(yè)制作的流程和方法，如網(wǎng)站的規(guī)劃、網(wǎng)頁(yè)的布局、網(wǎng)頁(yè)對(duì)象的創(chuàng)建與使用及Photoshop在網(wǎng)頁(yè)制作中的圖像處理等。同時(shí)，書中在對(duì)這四個(gè)軟件的功能和使用方法進(jìn)行詳細(xì)介紹的同時(shí)，還針對(duì)每個(gè)知識(shí)點(diǎn)舉出了相應(yīng)的實(shí)例，使讀者更易對(duì)抽象化的概念形成形象的認(rèn)識(shí)。每章后面都有上機(jī)實(shí)驗(yàn)指導(dǎo)，讓讀者舉一反三，更熟練地掌握所學(xué)知識(shí)。

本書主要面向初、中級(jí)讀者，既適合學(xué)習(xí)網(wǎng)頁(yè)制作的初級(jí)讀者閱讀，也適合專業(yè)的設(shè)計(jì)人員參考、汲取經(jīng)驗(yàn)和創(chuàng)作思想。本書的最大特點(diǎn)是內(nèi)容全面、實(shí)例豐富、可操作性強(qiáng)，較好地做到了內(nèi)容與形式、理論與實(shí)踐的統(tǒng)一。

本書有以下特點(diǎn)：

 語(yǔ)言平實(shí)，化繁為簡(jiǎn)。本書語(yǔ)言淺顯易懂，把復(fù)雜的專業(yè)術(shù)語(yǔ)以簡(jiǎn)單的形式表達(dá)出來(lái)，讓讀者對(duì)每個(gè)知識(shí)點(diǎn)更易理解和記憶。

 圖注豐富，便于理解。本書以大量的圖注增加了信息的表達(dá)，讓讀者一目了然。同時(shí)減少了讀者對(duì)照?qǐng)D文的時(shí)間，大大提高了學(xué)習(xí)效率。

 內(nèi)容全面，重點(diǎn)突出。本書以簡(jiǎn)練的語(yǔ)言介紹軟件的功能，可以說(shuō)列出來(lái)的都是精華。既讓讀者有的放矢，不用在茫茫書海中查找資料，又可以做到言簡(jiǎn)意賅而包含所有，讓讀者輕松掌握所有的精髓。

本書由王磊任主編，張景安、李亦明、徐永良任副主編，參與編寫的還有黃卓、童劍、范瑞濤、王克杰、林麗、王小青、杜波、陳艷華、李鑫、趙應(yīng)丁、范瑞濤、趙京等。在這里對(duì)他們的工作表示感謝。本書在寫作過(guò)程中，得到了中國(guó)水利水電出版社的大力支持，在此表示由衷的感謝。

如果您在閱讀過(guò)程中遇到困難或者疑問(wèn)，歡迎與作者聯(lián)系，電子信箱是：xinyuanxuan@263.net。歡迎大家對(duì)本書的不足提出意見(jiàn)和建議。

最后，祝所有渴望學(xué)習(xí)網(wǎng)頁(yè)制作知識(shí)的朋友能獲得真知，早日成功。

作 者

2007年4月

序
前言
第1章 網(wǎng)站基本知識(shí) 1
1.1 Internet概述 1
1.1.1 什么是Internet 1
1.1.2 Internet的功能 1
1.1.3 Internet網(wǎng)絡(luò)結(jié)構(gòu)及協(xié)議 3
1.2 網(wǎng)站開(kāi)發(fā)流程 4
1.2.1 明確網(wǎng)站目標(biāo) 4
1.2.2 確定網(wǎng)站主題、風(fēng)格和創(chuàng)意 4
1.2.3 規(guī)劃網(wǎng)站的結(jié)構(gòu) 6
1.2.4 準(zhǔn)備素材 8
1.2.5 選擇制作工具 8
1.2.6 建立網(wǎng)站 9
1.2.7 測(cè)試和上傳 9
1.2.8 宣傳和推廣 9
1.2.9 更新和維護(hù) 9
1.3 網(wǎng)站的宣傳 9
1.4 本章小結(jié) 11
1.5 習(xí)題 11
第2章 初識(shí)Dreamweaver 8 12
2.1 Dreamweaver 8簡(jiǎn)介 12
2.2 Dreamweaver 8的操作界面 14
2.2.1 Dreamweaver 8菜單欄 16
2.2.2 Dreamweaver 8的插入欄 20
2.2.3 Dreamweaver 8的屬性面板 24
2.2.4 Dreamweaver 8的浮動(dòng)面板 25
2.3 Dreamweaver 8的首選參數(shù) 25
2.3.1 常規(guī)參數(shù) 25
2.3.2 字體參數(shù) 26
2.3.3 狀態(tài)欄參數(shù) 27
2.3.4 輔助功能 28
2.4 使用輔助工具 29
2.4.1 網(wǎng)格 29
2.4.2 標(biāo)尺 30
2.4.3 輔助線 31
2.4.4 放大鏡 32
2.4.5 Dreamweaver 8的代碼折疊功能 33
2.5 本章小結(jié) 34
2.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 34
第3章 創(chuàng)建和編輯網(wǎng)頁(yè)文檔 36
3.1 建立站點(diǎn) 36
3.1.1 Dreamweaver 8站點(diǎn)簡(jiǎn)介 36
3.1.2 本地文件夾和遠(yuǎn)程文件夾的結(jié)構(gòu) 36
3.1.3 建立站點(diǎn) 37
3.2 創(chuàng)建網(wǎng)頁(yè)文檔 40
3.2.1 新建空白頁(yè)面 40
3.2.2 建立模板頁(yè)面 41
3.2.3 保存頁(yè)面 42
3.2.4 預(yù)覽頁(yè)面 43
3.3 頁(yè)面中的圖像 43
3.3.1 插入圖像 43
3.3.2 設(shè)置圖像屬性 45
3.3.3 為圖像設(shè)置熱點(diǎn) 46
3.3.4 鼠標(biāo)經(jīng)過(guò)圖像 47
3.4 頁(yè)面中的文本 48
3.4.1 插入及編輯文本 48
3.4.2 文本的段落編輯 51
3.4.3 列表 52
3.5 網(wǎng)頁(yè)鏈接 54
3.5.1 鏈接的路徑 54
3.5.2 創(chuàng)建內(nèi)部鏈接 55
3.5.3 創(chuàng)建外部鏈接 57
3.5.4 編輯鏈接 58
3.5.5 站點(diǎn)地圖 58
3.6 本章小結(jié) 59
3.7 上機(jī)實(shí)驗(yàn)指導(dǎo) 59
第4章 Dreamweaver 8進(jìn)階功能 61
4.1 使用表格 61
4.1.1 插入表格 61
4.1.2 選取表格 62
4.1.3 屬性設(shè)置 63
4.1.4 格式化表格 65
4.1.5 編輯表格 66
4.1.6 表格的其他操作 68
4.2 層的使用 69
4.2.1 創(chuàng)建圖層 70
4.2.2 層的設(shè)置 70
4.2.3 編輯圖層 72
4.2.4 在面板組中操作層 74
4.3 行為 76
4.3.1 行為簡(jiǎn)介 76
4.3.2 行為面板 77
4.3.3 關(guān)于事件 78
4.4 表單的使用 80
4.4.1 表單簡(jiǎn)介 81
4.4.2 表單的屬性設(shè)置 81
4.4.3 插入表單 82
4.4.4 在表單中插入表格 86
4.4.5 檢查表單 86
4.5 框架的使用 87
4.5.1 創(chuàng)建框架集 87
4.5.2 框架集的屬性設(shè)置 88
4.5.3 編輯框架 89
4.5.4 保存框架 91
4.5.5 框架的屬性設(shè)置 92
4.5.6 框架中的鏈接 93
4.6 本章小結(jié) 93
4.7 上機(jī)實(shí)驗(yàn)指導(dǎo) 93
第5章 初識(shí)Fireworks 8 95
5.1 Fireworks 8簡(jiǎn)介 95
5.1.1 Fireworks 8的新特色 95
5.1.2 位圖和矢量圖 97
5.2 Fireworks 8的操作界面 99
5.2.1 工具欄 100
5.2.2 菜單欄 101
5.2.3 屬性面板 103
5.2.4 面板組 103
5.3 Fireworks 8的首選參數(shù) 108
5.3.1 設(shè)置“常規(guī)”參數(shù) 108
5.3.2 設(shè)置“編輯”參數(shù) 109
5.3.3 設(shè)置“啟動(dòng)并編輯”參數(shù) 110
5.3.4 設(shè)置“文件夾”參數(shù) 111
5.3.5 設(shè)置“導(dǎo)入”參數(shù) 111
5.4 本章小結(jié) 111
5.5 上機(jī)實(shí)驗(yàn)指導(dǎo) 112
第6章 Fireworks 8的圖像和圖形 113
6.1 位圖圖像設(shè)計(jì) 113
6.1.1 位圖的繪制 113
6.1.2 位圖的修飾 114
6.1.3 調(diào)整位圖顏色和色調(diào) 117
6.2 矢量圖形設(shè)計(jì) 122
6.2.1 矢量圖形的繪制 122
6.2.2 對(duì)象的選取 125
6.2.3 編輯對(duì)象路徑 125
6.2.4 通過(guò)路徑操作進(jìn)行編輯 127
6.3 本章小結(jié) 128
6.4 上機(jī)實(shí)驗(yàn)指導(dǎo) 128
第7章 文本、層與蒙版 130
7.1 文本設(shè)計(jì) 130
7.1.1 輸入文本 130
7.1.2 設(shè)置文本屬性 130
7.1.3 給文本添加效果 134
7.2 層的使用 138
7.2.1 “層”面板 138
7.2.2 層的使用 139
7.2.3 層的混合模式 141
7.3 蒙版的使用 145
7.3.1 蒙版 145
7.3.2 創(chuàng)建蒙版 146
7.3.3 蒙版的編輯 149
7.4 本章小結(jié) 151
7.5 上機(jī)實(shí)驗(yàn)指導(dǎo) 151
第8章 Fireworks 8進(jìn)階設(shè)計(jì) 152
8.1 切片的使用 152
8.1.1 為圖像創(chuàng)建切片 152
8.1.2 切片調(diào)整 153
8.1.3 切片交互 154
8.2 熱點(diǎn)區(qū)域 157
8.2.1 創(chuàng)建熱點(diǎn)區(qū)域 157
8.2.2 熱點(diǎn)區(qū)域的屬性設(shè)置 157
8.2.3 在切片上使用熱點(diǎn) 158
8.3 圖像的優(yōu)化 158
8.3.1 圖像的優(yōu)化設(shè)置 159
8.3.2 GIF等格式圖像的優(yōu)化 161
8.3.3 JPEG格式圖像的優(yōu)化 163
8.4 圖像的導(dǎo)出 164
8.4.1 使用“導(dǎo)出向?qū)А睂?dǎo)出圖像 165
8.4.2 導(dǎo)出文件 165
8.4.3 使用“快速導(dǎo)出”按鈕 165
8.5 本章小結(jié) 166
8.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 166
第9章 Photoshop CS2的圖形和圖像 167
9.1 Photoshop網(wǎng)頁(yè)圖像設(shè)計(jì)基本概念 167
9.1.1 矢量圖與位圖 167
9.1.2 圖像分辨率 168
9.1.3 Photoshop中的顏色模式 169
9.2 Photoshop CS2文件操作入門 171
9.2.1 文件基本操作 171
9.2.2 處理文件 178
9.2.3 創(chuàng)建、使用工具預(yù)設(shè) 179
9.3 使用工具箱工具 180
9.3.1 Photoshop常用工具的使用 181
9.3.2 前景色和背景色 184
9.3.3 Photoshop繪圖工具 186
9.3.4 填充工具 187
9.3.5 變換和修飾 188
9.4 本章小結(jié) 190
9.5 上機(jī)實(shí)驗(yàn)指導(dǎo) 190
第10章 Photoshop CS2高級(jí)設(shè)計(jì)應(yīng)用 192
10.1 圖層 192
10.1.1 圖層調(diào)板 192
10.1.2 創(chuàng)建圖層 194
10.1.3 編輯圖層 198
10.1.4 設(shè)置圖層特效 201
10.1.5 管理圖層樣式 205
10.2 路徑 206
10.2.1 路徑調(diào)板 206
10.2.2 創(chuàng)建路徑 206
10.2.3 編輯路徑 207
10.3 通道 208
10.3.1 通道調(diào)板 208
10.3.2 通道的分離與合并 209
10.3.3 顏色通道的混合 210
10.3.4 顏色通道的復(fù)制 210
10.4 蒙版 211
10.4.1 創(chuàng)建臨時(shí)蒙版 212
10.4.2 設(shè)置快速蒙版 213
10.4.3 存儲(chǔ)蒙版選區(qū) 213
10.5 本章小結(jié) 214
10.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 214
第11章 圖形與圖像調(diào)整 215
11.1 繪制圖形 215
11.1.1 工作路徑 215
11.1.2 繪制規(guī)則形狀 215
11.1.3 繪制自定義圖形 216
11.1.4 用鋼筆工具繪圖 216
11.2 文字處理 217
11.2.1 創(chuàng)建文字 217
11.2.2 編輯文本 219
11.3 圖像色彩基礎(chǔ) 220
11.3.1 色彩平衡 221
11.3.2 直方圖調(diào)板 222
11.4 調(diào)整圖像色調(diào) 223
11.4.1 色階 223
11.4.2 曲線 224
11.4.3 色彩平衡 225
11.5 控制亮度/對(duì)比度 226
11.5.1 控制亮度/對(duì)比度 226
11.5.2 色相/飽和度 227
11.5.3 替換顏色 229
11.6 其他色彩控制 229
11.6.1 反相 230
11.6.2 色調(diào)均化 230
11.6.3 閾值 231
11.6.4 色調(diào)分離 231
11.6.5 去色 232
11.6.6 照片濾鏡 232
11.6.7 陰影/高光 233
11.7 Photoshop的濾鏡特效 234
11.7.1 濾鏡使用方法 234
11.7.2 渲染濾鏡組 235
11.8 本章小結(jié) 235
11.9 上機(jī)實(shí)驗(yàn)指導(dǎo) 236
第12章 初識(shí)Flash 8 237
12.1 Flash 8簡(jiǎn)介 237
12.2 Flash 8的操作界面 238
12.2.1 菜單欄 239
12.2.2 工具欄 245
12.2.3 舞臺(tái)和工作區(qū) 246
12.2.4 “時(shí)間軸”面板 248
12.2.5 屬性面板和控制面板 249
12.3 繪圖工具 250
12.3.1 繪圖工具的使用 250
12.3.2 設(shè)置顏色 252
12.4 導(dǎo)入與導(dǎo)出 255
12.4.1 導(dǎo)入圖像 255
12.4.2 導(dǎo)入聲音 257
12.4.3 導(dǎo)出動(dòng)畫 258
12.5 本章小結(jié) 261
12.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 261
第13章 Flash 8的基本應(yīng)用 262
13.1 Flash 8中的文本 262
13.1.1 創(chuàng)建文本 262
13.1.2 文本屬性設(shè)置 264
13.1.3 編輯文本對(duì)象 265
13.1.4 設(shè)置文本格式 266
13.1.5 分離文本 268
13.2 Flash 8中的圖層 269
13.2.1 使用圖層 269
13.2.2 引導(dǎo)層 272
13.2.3 遮罩層 274
13.3 Flash 8中的圖像 275
13.3.1 對(duì)象的選取 275
13.3.2 對(duì)象的變形 276
13.3.3 對(duì)象的其他操作 280
13.4 元件、實(shí)例和庫(kù)資源 282
13.4.1 元件與實(shí)例 282
13.4.2 元件的種類 283
13.4.3 創(chuàng)建圖形元件 283
13.4.4 創(chuàng)建影片剪輯元件 283
13.4.5 創(chuàng)建按鈕元件 285
13.4.6 復(fù)制元件 288
13.4.7 使用公用元件庫(kù) 289
13.4.8 設(shè)置實(shí)例的屬性 289
13.5 本章小結(jié) 291
13.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 292
第14章 簡(jiǎn)單動(dòng)畫制作 293
14.1 動(dòng)畫簡(jiǎn)述 293
14.1.1 動(dòng)畫的類型 293
14.1.2 關(guān)于幀 293
14.2 逐幀動(dòng)畫 296
14.3 補(bǔ)間動(dòng)畫 298
14.3.1 運(yùn)動(dòng)補(bǔ)間動(dòng)畫 298
14.3.2 形狀補(bǔ)間動(dòng)畫 300
14.4 交互動(dòng)畫 302
14.4.1 交互按鈕 302
14.4.2 組件的使用 308
14.4.3 ActionScript簡(jiǎn)介 310
14.5 本章小結(jié) 311
14.6 上機(jī)實(shí)驗(yàn)指導(dǎo) 311
第15章 綜合實(shí)例——賀卡網(wǎng)站 313
15.1 設(shè)計(jì)思路 313
15.2 網(wǎng)站首頁(yè)的制作 313
15.2.1 站點(diǎn)的建立 313
15.2.2 網(wǎng)站布局 314
15.2.3 插入首頁(yè)內(nèi)容 315
15.3 建立二級(jí)頁(yè)面 316
15.3.1 頁(yè)面布局 316
15.3.2 圖片處理 317
15.3.3 插入頁(yè)面內(nèi)容 319
15.3.4 插入表單 319
15.4 檢查瀏覽器 320
15.5 利用“創(chuàng)建網(wǎng)站相冊(cè)”命令制作網(wǎng)站 321
15.5.1 建立站點(diǎn) 321
15.5.2 相冊(cè)的建立 321
15.6 本章小結(jié) 324
15.7 上機(jī)實(shí)驗(yàn)指導(dǎo) 324
第16章 綜合實(shí)例——綜合網(wǎng)站 325
16.1 網(wǎng)站的設(shè)計(jì) 325
16.1.1 網(wǎng)站的主題 325
16.1.2 網(wǎng)站的標(biāo)題 325
16.1.3 網(wǎng)站的框架 325
16.1.4 站點(diǎn)的規(guī)劃 326
16.2 網(wǎng)站的片頭動(dòng)畫 326
16.2.1 圖像和文本的制作 327
16.2.2 動(dòng)畫的制作 329
16.3 建立網(wǎng)站的模板 331
16.3.1 標(biāo)題欄的制作 332
16.3.2 導(dǎo)航欄的制作 333
16.4 統(tǒng)一風(fēng)格 335
16.5 制作網(wǎng)站頁(yè)面 337
16.6 檢查網(wǎng)站鏈接 338
16.7 本章小結(jié) 339
16.8 上機(jī)實(shí)驗(yàn)指導(dǎo) 339

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ì)教程 [主編 朱國(guó)華 齊暉 李楓]
27. 網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作 [姚翠友 楊艷紅 編著]
28. 網(wǎng)頁(yè)設(shè)計(jì)與制作（第二版）實(shí)訓(xùn)指導(dǎo) [任正云 賴玲 嚴(yán)永松 王婭紛]
29. 網(wǎng)頁(yè)設(shè)計(jì)與制作（第二版） [任正云 賴玲 嚴(yán)永松 編著]
30. 網(wǎng)頁(yè)設(shè)計(jì)與制作 [主編 陳彥許 陳維華]