中文版Dreamweaver/Fireworks/Flash網(wǎng)頁設(shè)計（CC版）

第1章 網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計基礎(chǔ)知識 1
1．1 知識講解――Internet基礎(chǔ)知識 2
1．1．1 關(guān)于Internet 2
1．1．2 萬維網(wǎng) 2
1．1．3 超文本 2
1．1．4 瀏覽器 2
1．1．5 URL 3
1．1．6 IP地址 3
1．1．7 域名 4
1．1．8 HTTP 4
1．1．9 FTP 5
1．1．10 帶寬 5
1．1．11 網(wǎng)站 5
1．2 知識講解――網(wǎng)頁制作基礎(chǔ) 6
1．2．1 網(wǎng)頁的類型 6
1．2．2 網(wǎng)頁的構(gòu)成元素 7
1．2．3 網(wǎng)頁設(shè)計工具 9
1．2．4 網(wǎng)站開發(fā)流程 11
1．2．5 HTML基礎(chǔ)知識 13
1．2．6 DIV+CSS網(wǎng)頁布局概述 14
1．2．7 W3C標(biāo)準(zhǔn) 14
1．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 15
實例1：使用開發(fā)人員工具查看百度首頁 15
實例2：使用記事本創(chuàng)建網(wǎng)頁文件 17
本章小結(jié) 20
第2章 Dreamweaver軟件基礎(chǔ)知識 21
2．1 知識講解――初識Dreamweaver 22
2．1．1 Dreamweaver CC工作環(huán)境 22
2．1．2 Dreamweaver CC參數(shù)設(shè)置 26
2．1．3 自定義快捷鍵 28
2．2 知識講解――站點(diǎn)的新建與管理 29
2．2．1 新建站點(diǎn) 29
2．2．2 管理站點(diǎn) 30
2．2．3 站點(diǎn)中的文件管理 33
2．3 知識講解――文檔的基本操作 35
2．3．1 新建文檔 35
2．3．2 新建流體網(wǎng)格布局 36
2．3．3 打開文檔 37
2．3．4 保存文檔 38
2．3．5 關(guān)閉文檔 38
2．3．6 預(yù)覽網(wǎng)頁 39
2．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 40
實例1：自定義工作區(qū)并設(shè)置軟件參數(shù) 40
實例2：使用現(xiàn)有文件建立站點(diǎn) 42
本章小結(jié) 46
第3章 添加網(wǎng)頁內(nèi)容元素 47
3．1 知識講解――插入文本內(nèi)容 48
3．1．1 網(wǎng)頁標(biāo)題文本 48
3．1．2 內(nèi)容標(biāo)題文本 48
3．1．3 段落文本 49
3．1．4 換行標(biāo)記 49
3．1．5 特殊字符 50
3．1．6 強(qiáng)調(diào)文本 50
3．2 知識講解――列表 51
3．2．1 無序列表 51
3．2．2 有序列表 52
3．2．3 定義列表 53
3．3 知識講解――超級鏈接 54
3．3．1 設(shè)置鏈接路徑 54
3．3．2 設(shè)置鏈接的目標(biāo)窗口 56
3．3．3 創(chuàng)建錨記鏈接 57
3．3．4 創(chuàng)建空鏈接 58
3．3．5 創(chuàng)建電子郵件鏈接 58
3．3．6 為鏈接添加提示文字 59
3．4 知識講解――表格 59
3．4．1 創(chuàng)建表格 60
3．4．2 選擇表格元素 61
3．4．3 設(shè)置表格與單元格屬性 62
3．4．4 添加和刪除行或列 64
3．4．5 單元格的合并及拆分 65
3．4．6 表格的排序 66
3．4．7 嵌套表格 67
3．4．8 導(dǎo)入和導(dǎo)出表格數(shù)據(jù) 68
3．5 知識講解――圖像 69
3．5．1 插入普通圖像 69
3．5．2 圖像的編輯與修改 70
3．5．3 交互式圖像 72
3．5．4 圖像熱點(diǎn) 74
3．6 同步訓(xùn)練――實戰(zhàn)應(yīng)用 76
實例1：制作企業(yè)網(wǎng)站首頁 76
實例2：編輯網(wǎng)頁文章內(nèi)容 82
本章小結(jié) 86
第4章 網(wǎng)頁表單元素 87
4．1 知識講解――表單域 88
4．1．1 插入表單域 88
4．1．2 表單域?qū)傩栽O(shè)置 88
4．2 知識講解――常用表單元素 89
4．2．1 使用文本域 89
4．2．2 使用文本區(qū)域 90
4．2．3 使用復(fù)選框 90
4．2．4 使用復(fù)選框組 91
4．2．5 使用單選按鈕和單選按鈕組 91
4．2．6 使用列表/菜單 92
4．2．7 使用文件域 93
4．2．8 使用按鈕 93
4．2．9 使用密碼 94
4．2．10 使用圖像域 95
4．2．11 插入隱藏域 95
4．2．12 插入跳轉(zhuǎn)菜單 95
4．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 96
實例1：制作用戶注冊表單內(nèi)容 96
實例2：制作在線調(diào)查表 100
本章小結(jié) 102
第5章 插入其他網(wǎng)頁元素 103
5．1 知識講解――插入特殊元素 104
5．1．1 插入水平線 104
5．1．2 插入日期 104
5．1．3 插入注釋 104
5．2 知識講解――文件頭標(biāo)簽 105
5．2．1 插入頁面關(guān)鍵字 105
5．2．2 插入頁面說明 105
5．2．3 插入自定義meta標(biāo)簽 106
5．3 知識講解――插入多媒體元素 106
5．3．1 插入Flash元素 106
5．3．2 插入Shockwave影片 107
5．3．3 插入ActiveX 107
5．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 108
實例1：使用Flash作為網(wǎng)站進(jìn)入動畫 108
實例2：使用透明Flash修飾Logo 110
本章小結(jié) 112
第6章 使用CSS布局和修飾網(wǎng)頁內(nèi)容 113
6．1 知識講解――CSS語言基礎(chǔ) 114
6．1．1 CSS簡介 114
6．1．2 CSS屬性 114
6．1．3 選擇器 115
6．2 知識講解――使用Dreamweaver創(chuàng)建CSS 116
6．2．1 創(chuàng)建外部CSS樣式表文件 116
6．2．2 附加現(xiàn)有的CSS文件 117
6．2．3 在頁面中定義 118
6．2．4 定義CSS規(guī)則 118
6．2．5 應(yīng)用類樣式 124
6．2．6 管理CSS規(guī)則 125
6．3 知識講解――DIV+CSS布局詳解 126
6．3．1 盒子模型 126
6．3．2 DIV標(biāo)簽 127
6．3．3 DIV+CSS布局方法 127
6．3．4 CSS代碼優(yōu)化 128
6．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 129
實例1：使用DIV+CSS布局網(wǎng)頁首部 129
實例2：應(yīng)用CSS排版新聞欄目板塊 134
本章小結(jié) 138
第7章 使用框架、模板與庫 139
7．1 知識講解――使用IFrame框架 140
7．1．1 IFrame框架概述 140
7．1．2 插入浮動框架 140
7．1．3 設(shè)置浮動框架的屬性 140
7．2 知識講解――使用模板統(tǒng)一網(wǎng)站風(fēng)格 141
7．2．1 模板的概念 141
7．2．2 使用模板創(chuàng)建網(wǎng)頁 142
7．2．3 創(chuàng)建模板網(wǎng)頁 142
7．2．4 模板中的區(qū)域類型 144
7．2．5 編輯模板 144
7．2．6 應(yīng)用模板到頁 145
7．2．7 從模板中分離文檔 146
7．3 知識講解――創(chuàng)建與應(yīng)用庫資源 146
7．3．1 使用資源面板 146
7．3．2 新建庫項目 146
7．3．3 編輯和更新庫項目 147
7．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 148
實例1：制作企業(yè)網(wǎng)頁 148
實例2：制作文章詳情頁模板并應(yīng)用模板新建頁面 150
本章小結(jié) 153
第8章 應(yīng)用行為與特效 154
8．1 知識講解――使用行為制作網(wǎng)頁特效 155
8．1．1 行為應(yīng)用基礎(chǔ) 155
8．1．2 使用行為面板管理行為 155
8．1．3 常用事件類型 155
8．1．4 常用行為動作 156
8．2 知識講解――設(shè)置jQuery效果 159
8．2．1 設(shè)置Blind效果 159
8．2．2 設(shè)置Highlight效果 159
8．2．3 其他jQuery效果 160
8．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 161
實例1：制作廣告彈窗 161
實例2：制作網(wǎng)頁導(dǎo)航 163
本章小結(jié) 168
第9章 初識Fireworks 169
9．1 知識講解――Fireworks簡介 170
9．1．1 Fireworks在網(wǎng)頁設(shè)計中的應(yīng)用 170
9．1．2 了解Fireworks CS6工作環(huán)境 170
9．2 知識講解――Fireworks文件操作 173
9．2．1 新建文件 173
9．2．2 導(dǎo)入文件 174
9．2．3 修改文檔屬性 174
9．2．4 視圖模式及顯示比例 176
9．2．5 保存圖像文件 176
9．2．6 打開文件 176
9．3 知識講解――Fireworks工作環(huán)境設(shè)置 177
9．3．1 使用輔助工具 177
9．3．2 設(shè)置工作參數(shù) 178
9．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 180
實例1：新建網(wǎng)頁廣告圖像文件 180
實例2：完善網(wǎng)頁效果圖 181
本章小結(jié) 184
第10章 圖形圖像處理基礎(chǔ) 185
10．1 知識講解――位圖與矢量圖 186
10．1．1 位圖 186
10．1．2 矢量圖 186
10．2 知識講解――繪制矢量圖與位圖 186
10．2．1 繪制矢量圖形 187
10．2．2 位圖的繪制與選取 189
10．2．3 添加文本內(nèi)容 191
10．3 知識講解――對象的基本操作 192
10．3．1 選擇對象 192
10．3．2 設(shè)置顏色 192
10．3．3 對象的基本編輯操作 194
10．3．4 對象的組合與取消 196
10．3．5 對齊與分布 198
10．3．6 應(yīng)用圖層操作對象 198
10．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 199
實例1：設(shè)計首頁線框圖 199
實例2：制作Banner廣告條 205
本章小結(jié) 209
第11章 矢量圖形與文本的編輯 210
11．1 知識講解――調(diào)整路徑 211
11．1．1 路徑編輯調(diào)整工具的使用 211
11．1．2 組合路徑 213
11．1．3 使用路徑面板 215
11．1．4 將選區(qū)框轉(zhuǎn)換為路徑 215
11．2 知識講解――文本路徑處理 216
11．2．1 文本附加到路徑 216
11．2．2 文本轉(zhuǎn)換為路徑 217
11．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 217
實例1：制作按鈕圖標(biāo) 217
實例2：制作廣告文字 220
本章小結(jié) 222
第12章 位圖的應(yīng)用與處理 223
12．1 知識講解――編輯位圖圖像 224
12．1．1 平面化對象 224
12．1．2 模糊與銳化圖像 224
12．1．3 減淡與加深 225
12．1．4 涂抹工具 226
12．1．5 橡皮圖章工具 226
12．1．6 替換顏色工具 227
12．1．7 消除紅眼工具 228
12．2 知識講解――使用位圖濾鏡 228
12．2．1 雜點(diǎn)濾鏡 228
12．2．2 模糊濾鏡 228
12．2．3 調(diào)整顏色濾鏡 231
12．2．4 銳化濾鏡 233
12．2．5 其他濾鏡 233
12．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 234
實例1：合成背景圖像 234
實例2：處理服裝廣告圖片 237
本章小結(jié) 241
第13章 使用蒙版與濾鏡 242
13．1 知識講解――使用蒙版 243
13．1．1 創(chuàng)建蒙版 243
13．1．2 禁用、啟用和刪除蒙版 246
13．1．3 編輯蒙版 246
13．2 知識講解――使用動態(tài)濾鏡和樣式 248
13．2．1 添加動態(tài)濾鏡 248
13．2．2 使用斜角和浮雕濾鏡 249
13．2．3 使用陰影和光暈濾鏡 249
13．2．4 使用Photoshop動態(tài)效果 249
13．2．5 編輯和調(diào)整動態(tài)濾鏡 250
13．2．6 新建與應(yīng)用樣式 250
13．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 252
實例1：制作導(dǎo)航按鈕 252
實例2：制作UI圖標(biāo) 255
本章小結(jié) 259
第14章 制作GIF動畫 260
14．1 知識講解――狀態(tài)的相關(guān)操作 261
14．1．1 狀態(tài)面板 261
14．1．2 新建/添加/重制狀態(tài) 261
14．1．3 選擇多個狀態(tài) 261
14．1．4 調(diào)整狀態(tài)順序 262
14．1．5 刪除 262
14．1．6 分散到狀態(tài) 262
14．1．7 設(shè)置狀態(tài)名稱和延遲 263
14．1．8 使用洋蔥皮顯示多個狀態(tài) 263
14．2 知識講解――使用共享層、元件和補(bǔ)間動畫 263
14．2．1 在動畫中使用共享層 263
14．2．2 創(chuàng)建圖形元件 264
14．2．3 創(chuàng)建動畫元件 265
14．2．4 創(chuàng)建補(bǔ)間動畫 265
14．3 知識講解――導(dǎo)入及導(dǎo)出動畫 266
14．3．1 導(dǎo)入GIF動畫 266
14．3．2 以動畫方式打開一組圖像 266
14．3．3 導(dǎo)出動畫 266
14．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 267
實例1：制作動態(tài)按鈕圖標(biāo) 267
實例2：制作GIF動畫廣告 270
本章小結(jié) 273
第15章 制作交互原型 274
15．1 知識講解――使用切片和熱點(diǎn) 275
15．1．1 繪制切片 275
15．1．2 繪制圖像熱點(diǎn) 275
15．1．3 添加簡單變換圖像行為 276
15．1．4 添加交換圖像行為 277
15．1．5 添加狀態(tài)欄信息 277
15．1．6 添加導(dǎo)航欄 277
15．1．7 添加彈出菜單 277
15．1．8 刪除行為 278
15．2 知識講解――創(chuàng)建按鈕元件 279
15．2．1 新建按鈕元件 279
15．2．2 編輯按鈕狀態(tài) 279
15．3 知識講解――預(yù)覽和導(dǎo)出交互原型 279
15．3．1 預(yù)覽交互動畫 280
15．3．2 導(dǎo)出交互原型 280
15．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 281
實例1：制作選項卡切換交互原型 281
實例2：制作導(dǎo)航菜單交互原型 284
本章小結(jié) 287
第16章 圖像的優(yōu)化與導(dǎo)出及效率工具 288
16．1 知識講解――圖像的優(yōu)化與導(dǎo)出 289
16．1．1 常用圖像文件格式 289
16．1．2 圖像的優(yōu)化設(shè)置 290
16．1．3 導(dǎo)出圖像或網(wǎng)頁 292
16．2 知識講解――使用效率工具 294
16．2．1 查找和替換 294
16．2．2 批處理 294
16．2．3 歷史記錄與腳本命令 295
16．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 296
實例1：切片并導(dǎo)出首頁效果圖 296
實例2：快速為多幅圖像添加水印 300
本章小結(jié) 302
第17章 初識Flash 303
17．1 知識講解――Flash概述 304
17．1．1 Flash簡介 304
17．1．2 Flash的應(yīng)用范圍 304
17．1．3 Flash的工作環(huán)境 304
17．2 知識講解――Flash文件操作 306
17．2．1 新建Flash文件 306
17．2．2 保存Flash文件 307
17．2．3 打開Flash文件 307
17．2．4 導(dǎo)入各類文件 307
17．2．5 測試與發(fā)布動畫 308
17．3 知識講解――繪制與編輯圖形 309
17．3．1 繪制和調(diào)整矢量圖形 309
17．3．2 組合對象 310
17．3．3 使用圖層 310
17．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 311
實例1：制作廣告畫面 311
實例2：繪制個性時鐘 314
本章小結(jié) 318
第18章 制作動畫 319
18．1 知識講解――幀的基本操作 320
18．1．1 設(shè)置動畫幀頻 320
18．1．2 插入關(guān)鍵幀 320
18．1．3 插入空白關(guān)鍵幀 320
18．1．4 插入幀 321
18．1．5 選擇幀 321
18．1．6 刪除幀 321
18．1．7 剪切幀 321
18．1．8 復(fù)制與粘貼幀 322
18．1．9 移動幀 322
18．1．10 翻轉(zhuǎn)幀 322
18．2 知識講解――補(bǔ)間動畫和補(bǔ)間形狀 322
18．2．1 創(chuàng)建補(bǔ)間動畫 322
18．2．2 創(chuàng)建補(bǔ)間形狀 324
18．2．3 創(chuàng)建傳統(tǒng)補(bǔ)間 324
18．3 知識講解――元件的應(yīng)用 325
18．3．1 新建元件 325
18．3．2 轉(zhuǎn)換為元件 326
18．3．3 元件的類型及應(yīng)用 326
18．3．4 編輯元件 327
18．4 知識講解――引導(dǎo)層和遮罩層動畫 328
18．4．1 創(chuàng)建傳統(tǒng)引導(dǎo)層動畫 328
18．4．2 創(chuàng)建遮罩層動畫 329
18．5 同步訓(xùn)練――實戰(zhàn)應(yīng)用 330
實例1：制作百葉窗廣告切換動畫 330
實例2：制作網(wǎng)站導(dǎo)航條交互動畫 334
本章小結(jié) 337
第19章 應(yīng)用多媒體和組件 338
19．1 知識講解――應(yīng)用聲音和視頻 339
19．1．1 導(dǎo)入聲音 339
19．1．2 添加聲音 339
19．1．3 使用視頻剪輯 340
19．2 知識講解――組件的基本應(yīng)用 342
19．2．1 組件的使用 342
19．2．2 常用組件 342
19．3 同步訓(xùn)練――實戰(zhàn)應(yīng)用 346
實例1：為游戲開始畫面添加音效 346
實例2：制作用戶注冊表單 348
本章小結(jié) 351
第20章 應(yīng)用ActionScript創(chuàng)建交互動畫 352
20．1 知識講解――ActionScript簡介 353
20．1．1 關(guān)于ActionScript 353
20．1．2 動作面板 353
20．1．3 ActionScript 3．0基本語法 354
20．2 知識講解――ActionScript 3．0語言基礎(chǔ) 357
20．2．1 變量 357
20．2．2 運(yùn)算符 357
20．2．3 表達(dá)式 358
20．2．4 結(jié)構(gòu)控制語句 359
20．2．5 函數(shù)的定義與調(diào)用 360
20．2．6 對象的屬性及方法 360
20．2．7 事件處理 361
20．3 知識講解――ActionScript 3．0常用類 361
20．3．1 MovieClip類 361
20．3．2 SimpleButton類 362
20．3．3 TextField類 363
20．3．4 URLRequest類 363
20．3．5 Loader類 363
20．3．6 URLLoader類 364
20．3．7 XML類 364
20．4 同步訓(xùn)練――實戰(zhàn)應(yīng)用 364
實例1：制作彈出式網(wǎng)址導(dǎo)航菜單 364
實例2：制作廣告輪播動畫 369
本章小結(jié) 373
第21章 設(shè)計并制作公司網(wǎng)站 374
21．1 規(guī)劃網(wǎng)站 375
21．1．1 網(wǎng)站功能規(guī)劃 375
21．1．2 設(shè)計思路 376
21．2 利用Fireworks設(shè)計網(wǎng)站效果圖 377
21．2．1 設(shè)計首頁效果圖 377
21．2．2 設(shè)計欄目頁效果圖 380
21．3 制作網(wǎng)站頁面 381
21．3．1 切片并導(dǎo)出素材圖像 382
21．3．2 創(chuàng)建站點(diǎn)并制作網(wǎng)站首頁 384
本章小結(jié) 391
第22章 設(shè)計并制作團(tuán)購網(wǎng)站 392
22．1 規(guī)劃網(wǎng)站 393
22．1．1 電子商務(wù)平臺基礎(chǔ)知識 393
22．1．2 網(wǎng)站功能規(guī)劃 394
22．1．3 設(shè)計思路 395
22．2 利用Fireworks設(shè)計網(wǎng)站效果圖 395
22．2．1 設(shè)計首頁效果圖 395
22．2．2 設(shè)計欄目頁效果圖 399
22．3 制作網(wǎng)站首頁 401
22．3．1 切片并導(dǎo)出素材圖像 401
22．3．2 制作首頁Web頁面 402
本章小結(jié) 405
第23章 制作動態(tài)Flash相冊 406
23．1 規(guī)劃Flash相冊 407
23．1．1 Flash加載動態(tài)數(shù)據(jù)的原理 407
23．1．2 XML基礎(chǔ)知識 407
23．1．3 規(guī)劃Flash相冊功能 407
23．1．4 制作XML文件 408
23．2 制作Flash相冊程序 408
23．2．1 制作相冊界面和元件 408
23．2．2 編寫相冊交互程序 413
23．2．3 測試動畫和程序 415
本章小結(jié) 416