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

第1章 網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí) 1
1．1 知識(shí)講解――Internet基礎(chǔ)知識(shí) 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 知識(shí)講解――網(wǎng)頁制作基礎(chǔ) 6
1．2．1 網(wǎng)頁的類型 6
1．2．2 網(wǎng)頁的構(gòu)成元素 7
1．2．3 網(wǎng)頁設(shè)計(jì)工具 9
1．2．4 網(wǎng)站開發(fā)流程 11
1．2．5 HTML基礎(chǔ)知識(shí) 13
1．2．6 DIV+CSS網(wǎng)頁布局概述 14
1．2．7 W3C標(biāo)準(zhǔn) 14
1．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 15
實(shí)例1：使用開發(fā)人員工具查看百度首頁 15
實(shí)例2：使用記事本創(chuàng)建網(wǎng)頁文件 17
本章小結(jié) 20
第2章 Dreamweaver軟件基礎(chǔ)知識(shí) 21
2．1 知識(shí)講解――初識(shí)Dreamweaver 22
2．1．1 Dreamweaver CC工作環(huán)境 22
2．1．2 Dreamweaver CC參數(shù)設(shè)置 26
2．1．3 自定義快捷鍵 28
2．2 知識(shí)講解――站點(diǎn)的新建與管理 29
2．2．1 新建站點(diǎn) 29
2．2．2 管理站點(diǎn) 30
2．2．3 站點(diǎn)中的文件管理 33
2．3 知識(shí)講解――文檔的基本操作 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)練――實(shí)戰(zhàn)應(yīng)用 40
實(shí)例1：自定義工作區(qū)并設(shè)置軟件參數(shù) 40
實(shí)例2：使用現(xiàn)有文件建立站點(diǎn) 42
本章小結(jié) 46
第3章 添加網(wǎng)頁內(nèi)容元素 47
3．1 知識(shí)講解――插入文本內(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 知識(shí)講解――列表 51
3．2．1 無序列表 51
3．2．2 有序列表 52
3．2．3 定義列表 53
3．3 知識(shí)講解――超級鏈接 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 知識(shí)講解――表格 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 知識(shí)講解――圖像 69
3．5．1 插入普通圖像 69
3．5．2 圖像的編輯與修改 70
3．5．3 交互式圖像 72
3．5．4 圖像熱點(diǎn) 74
3．6 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 76
實(shí)例1：制作企業(yè)網(wǎng)站首頁 76
實(shí)例2：編輯網(wǎng)頁文章內(nèi)容 82
本章小結(jié) 86
第4章 網(wǎng)頁表單元素 87
4．1 知識(shí)講解――表單域 88
4．1．1 插入表單域 88
4．1．2 表單域?qū)傩栽O(shè)置 88
4．2 知識(shí)講解――常用表單元素 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)練――實(shí)戰(zhàn)應(yīng)用 96
實(shí)例1：制作用戶注冊表單內(nèi)容 96
實(shí)例2：制作在線調(diào)查表 100
本章小結(jié) 102
第5章 插入其他網(wǎng)頁元素 103
5．1 知識(shí)講解――插入特殊元素 104
5．1．1 插入水平線 104
5．1．2 插入日期 104
5．1．3 插入注釋 104
5．2 知識(shí)講解――文件頭標(biāo)簽 105
5．2．1 插入頁面關(guān)鍵字 105
5．2．2 插入頁面說明 105
5．2．3 插入自定義meta標(biāo)簽 106
5．3 知識(shí)講解――插入多媒體元素 106
5．3．1 插入Flash元素 106
5．3．2 插入Shockwave影片 107
5．3．3 插入ActiveX 107
5．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 108
實(shí)例1：使用Flash作為網(wǎng)站進(jìn)入動(dòng)畫 108
實(shí)例2：使用透明Flash修飾Logo 110
本章小結(jié) 112
第6章 使用CSS布局和修飾網(wǎng)頁內(nèi)容 113
6．1 知識(shí)講解――CSS語言基礎(chǔ) 114
6．1．1 CSS簡介 114
6．1．2 CSS屬性 114
6．1．3 選擇器 115
6．2 知識(shí)講解――使用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 知識(shí)講解――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)練――實(shí)戰(zhàn)應(yīng)用 129
實(shí)例1：使用DIV+CSS布局網(wǎng)頁首部 129
實(shí)例2：應(yīng)用CSS排版新聞欄目板塊 134
本章小結(jié) 138
第7章 使用框架、模板與庫 139
7．1 知識(shí)講解――使用IFrame框架 140
7．1．1 IFrame框架概述 140
7．1．2 插入浮動(dòng)框架 140
7．1．3 設(shè)置浮動(dòng)框架的屬性 140
7．2 知識(shí)講解――使用模板統(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 知識(shí)講解――創(chuàng)建與應(yīng)用庫資源 146
7．3．1 使用資源面板 146
7．3．2 新建庫項(xiàng)目 146
7．3．3 編輯和更新庫項(xiàng)目 147
7．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 148
實(shí)例1：制作企業(yè)網(wǎng)頁 148
實(shí)例2：制作文章詳情頁模板并應(yīng)用模板新建頁面 150
本章小結(jié) 153
第8章 應(yīng)用行為與特效 154
8．1 知識(shí)講解――使用行為制作網(wǎng)頁特效 155
8．1．1 行為應(yīng)用基礎(chǔ) 155
8．1．2 使用行為面板管理行為 155
8．1．3 常用事件類型 155
8．1．4 常用行為動(dòng)作 156
8．2 知識(shí)講解――設(shè)置jQuery效果 159
8．2．1 設(shè)置Blind效果 159
8．2．2 設(shè)置Highlight效果 159
8．2．3 其他jQuery效果 160
8．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 161
實(shí)例1：制作廣告彈窗 161
實(shí)例2：制作網(wǎng)頁導(dǎo)航 163
本章小結(jié) 168
第9章 初識(shí)Fireworks 169
9．1 知識(shí)講解――Fireworks簡介 170
9．1．1 Fireworks在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 170
9．1．2 了解Fireworks CS6工作環(huán)境 170
9．2 知識(shí)講解――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 知識(shí)講解――Fireworks工作環(huán)境設(shè)置 177
9．3．1 使用輔助工具 177
9．3．2 設(shè)置工作參數(shù) 178
9．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 180
實(shí)例1：新建網(wǎng)頁廣告圖像文件 180
實(shí)例2：完善網(wǎng)頁效果圖 181
本章小結(jié) 184
第10章 圖形圖像處理基礎(chǔ) 185
10．1 知識(shí)講解――位圖與矢量圖 186
10．1．1 位圖 186
10．1．2 矢量圖 186
10．2 知識(shí)講解――繪制矢量圖與位圖 186
10．2．1 繪制矢量圖形 187
10．2．2 位圖的繪制與選取 189
10．2．3 添加文本內(nèi)容 191
10．3 知識(shí)講解――對象的基本操作 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)練――實(shí)戰(zhàn)應(yīng)用 199
實(shí)例1：設(shè)計(jì)首頁線框圖 199
實(shí)例2：制作Banner廣告條 205
本章小結(jié) 209
第11章 矢量圖形與文本的編輯 210
11．1 知識(shí)講解――調(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 知識(shí)講解――文本路徑處理 216
11．2．1 文本附加到路徑 216
11．2．2 文本轉(zhuǎn)換為路徑 217
11．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 217
實(shí)例1：制作按鈕圖標(biāo) 217
實(shí)例2：制作廣告文字 220
本章小結(jié) 222
第12章 位圖的應(yīng)用與處理 223
12．1 知識(shí)講解――編輯位圖圖像 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 知識(shí)講解――使用位圖濾鏡 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)練――實(shí)戰(zhàn)應(yīng)用 234
實(shí)例1：合成背景圖像 234
實(shí)例2：處理服裝廣告圖片 237
本章小結(jié) 241
第13章 使用蒙版與濾鏡 242
13．1 知識(shí)講解――使用蒙版 243
13．1．1 創(chuàng)建蒙版 243
13．1．2 禁用、啟用和刪除蒙版 246
13．1．3 編輯蒙版 246
13．2 知識(shí)講解――使用動(dòng)態(tài)濾鏡和樣式 248
13．2．1 添加動(dòng)態(tài)濾鏡 248
13．2．2 使用斜角和浮雕濾鏡 249
13．2．3 使用陰影和光暈濾鏡 249
13．2．4 使用Photoshop動(dòng)態(tài)效果 249
13．2．5 編輯和調(diào)整動(dòng)態(tài)濾鏡 250
13．2．6 新建與應(yīng)用樣式 250
13．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 252
實(shí)例1：制作導(dǎo)航按鈕 252
實(shí)例2：制作UI圖標(biāo) 255
本章小結(jié) 259
第14章 制作GIF動(dòng)畫 260
14．1 知識(shí)講解――狀態(tài)的相關(guān)操作 261
14．1．1 狀態(tài)面板 261
14．1．2 新建/添加/重制狀態(tài) 261
14．1．3 選擇多個(gè)狀態(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 使用洋蔥皮顯示多個(gè)狀態(tài) 263
14．2 知識(shí)講解――使用共享層、元件和補(bǔ)間動(dòng)畫 263
14．2．1 在動(dòng)畫中使用共享層 263
14．2．2 創(chuàng)建圖形元件 264
14．2．3 創(chuàng)建動(dòng)畫元件 265
14．2．4 創(chuàng)建補(bǔ)間動(dòng)畫 265
14．3 知識(shí)講解――導(dǎo)入及導(dǎo)出動(dòng)畫 266
14．3．1 導(dǎo)入GIF動(dòng)畫 266
14．3．2 以動(dòng)畫方式打開一組圖像 266
14．3．3 導(dǎo)出動(dòng)畫 266
14．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 267
實(shí)例1：制作動(dòng)態(tài)按鈕圖標(biāo) 267
實(shí)例2：制作GIF動(dòng)畫廣告 270
本章小結(jié) 273
第15章 制作交互原型 274
15．1 知識(shí)講解――使用切片和熱點(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 知識(shí)講解――創(chuàng)建按鈕元件 279
15．2．1 新建按鈕元件 279
15．2．2 編輯按鈕狀態(tài) 279
15．3 知識(shí)講解――預(yù)覽和導(dǎo)出交互原型 279
15．3．1 預(yù)覽交互動(dòng)畫 280
15．3．2 導(dǎo)出交互原型 280
15．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 281
實(shí)例1：制作選項(xiàng)卡切換交互原型 281
實(shí)例2：制作導(dǎo)航菜單交互原型 284
本章小結(jié) 287
第16章 圖像的優(yōu)化與導(dǎo)出及效率工具 288
16．1 知識(shí)講解――圖像的優(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 知識(shí)講解――使用效率工具 294
16．2．1 查找和替換 294
16．2．2 批處理 294
16．2．3 歷史記錄與腳本命令 295
16．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 296
實(shí)例1：切片并導(dǎo)出首頁效果圖 296
實(shí)例2：快速為多幅圖像添加水印 300
本章小結(jié) 302
第17章 初識(shí)Flash 303
17．1 知識(shí)講解――Flash概述 304
17．1．1 Flash簡介 304
17．1．2 Flash的應(yīng)用范圍 304
17．1．3 Flash的工作環(huán)境 304
17．2 知識(shí)講解――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ā)布動(dòng)畫 308
17．3 知識(shí)講解――繪制與編輯圖形 309
17．3．1 繪制和調(diào)整矢量圖形 309
17．3．2 組合對象 310
17．3．3 使用圖層 310
17．4 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 311
實(shí)例1：制作廣告畫面 311
實(shí)例2：繪制個(gè)性時(shí)鐘 314
本章小結(jié) 318
第18章 制作動(dòng)畫 319
18．1 知識(shí)講解――幀的基本操作 320
18．1．1 設(shè)置動(dòng)畫幀頻 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 移動(dòng)幀 322
18．1．10 翻轉(zhuǎn)幀 322
18．2 知識(shí)講解――補(bǔ)間動(dòng)畫和補(bǔ)間形狀 322
18．2．1 創(chuàng)建補(bǔ)間動(dòng)畫 322
18．2．2 創(chuàng)建補(bǔ)間形狀 324
18．2．3 創(chuàng)建傳統(tǒng)補(bǔ)間 324
18．3 知識(shí)講解――元件的應(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 知識(shí)講解――引導(dǎo)層和遮罩層動(dòng)畫 328
18．4．1 創(chuàng)建傳統(tǒng)引導(dǎo)層動(dòng)畫 328
18．4．2 創(chuàng)建遮罩層動(dòng)畫 329
18．5 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 330
實(shí)例1：制作百葉窗廣告切換動(dòng)畫 330
實(shí)例2：制作網(wǎng)站導(dǎo)航條交互動(dòng)畫 334
本章小結(jié) 337
第19章 應(yīng)用多媒體和組件 338
19．1 知識(shí)講解――應(yīng)用聲音和視頻 339
19．1．1 導(dǎo)入聲音 339
19．1．2 添加聲音 339
19．1．3 使用視頻剪輯 340
19．2 知識(shí)講解――組件的基本應(yīng)用 342
19．2．1 組件的使用 342
19．2．2 常用組件 342
19．3 同步訓(xùn)練――實(shí)戰(zhàn)應(yīng)用 346
實(shí)例1：為游戲開始畫面添加音效 346
實(shí)例2：制作用戶注冊表單 348
本章小結(jié) 351
第20章 應(yīng)用ActionScript創(chuàng)建交互動(dòng)畫 352
20．1 知識(shí)講解――ActionScript簡介 353
20．1．1 關(guān)于ActionScript 353
20．1．2 動(dòng)作面板 353
20．1．3 ActionScript 3．0基本語法 354
20．2 知識(shí)講解――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 知識(shí)講解――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)練――實(shí)戰(zhàn)應(yīng)用 364
實(shí)例1：制作彈出式網(wǎng)址導(dǎo)航菜單 364
實(shí)例2：制作廣告輪播動(dòng)畫 369
本章小結(jié) 373
第21章 設(shè)計(jì)并制作公司網(wǎng)站 374
21．1 規(guī)劃網(wǎng)站 375
21．1．1 網(wǎng)站功能規(guī)劃 375
21．1．2 設(shè)計(jì)思路 376
21．2 利用Fireworks設(shè)計(jì)網(wǎng)站效果圖 377
21．2．1 設(shè)計(jì)首頁效果圖 377
21．2．2 設(shè)計(jì)欄目頁效果圖 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è)計(jì)并制作團(tuán)購網(wǎng)站 392
22．1 規(guī)劃網(wǎng)站 393
22．1．1 電子商務(wù)平臺(tái)基礎(chǔ)知識(shí) 393
22．1．2 網(wǎng)站功能規(guī)劃 394
22．1．3 設(shè)計(jì)思路 395
22．2 利用Fireworks設(shè)計(jì)網(wǎng)站效果圖 395
22．2．1 設(shè)計(jì)首頁效果圖 395
22．2．2 設(shè)計(jì)欄目頁效果圖 399
22．3 制作網(wǎng)站首頁 401
22．3．1 切片并導(dǎo)出素材圖像 401
22．3．2 制作首頁Web頁面 402
本章小結(jié) 405
第23章 制作動(dòng)態(tài)Flash相冊 406
23．1 規(guī)劃Flash相冊 407
23．1．1 Flash加載動(dòng)態(tài)數(shù)據(jù)的原理 407
23．1．2 XML基礎(chǔ)知識(shí) 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 測試動(dòng)畫和程序 415
本章小結(jié) 416