網(wǎng)頁美工設(shè)計(jì)Photoshop Flash Dreamweaver從入門到精通（第2版）

第 1 章　初識(shí)網(wǎng)頁設(shè)計(jì)與配色 1
1．1　網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語 1
1．1．1　什么是靜態(tài)網(wǎng)頁 1
1．1．2　什么是動(dòng)態(tài)網(wǎng)頁 1
1．2　網(wǎng)頁美工常用工具 2
1．2．1　掌握網(wǎng)頁編輯排版軟件Dreamweaver 2
1．2．2　掌握網(wǎng)頁圖像制作軟件Photoshop 2
1．2．3　掌握網(wǎng)頁動(dòng)畫制作軟件Flash 3
1．3　網(wǎng)頁版面布局設(shè)計(jì) 3
1．3．1　網(wǎng)頁版面布局原則 4
1．3．2　點(diǎn)、線、面的構(gòu)成 4
1．4　常見的版面布局形式 6
1．5　文字與圖像版式設(shè)計(jì) 8
1．5．1　文字的字體、字號(hào)、行距 8
1．5．2　文字的圖形化 8
1．6　網(wǎng)頁配色安全 9
1．6．1　216 網(wǎng)頁安全色 9
1．6．2　網(wǎng)頁安全色配色辭典 9
1．7　不同色彩的網(wǎng)頁 11
1．8　網(wǎng)頁配色技巧 14
1．8．1　背景與文字顏色搭配 14
1．8．2　使用一種色彩 15
1．8．3　兩色搭配是用色的基礎(chǔ) 15
第 2 章　Photoshop CC 入門基礎(chǔ) 17
2．1　Photoshop CC 工作界面 17
2．1．1　菜單命令 17
2．1．2　工具箱 20
2．1．3　工具選項(xiàng)欄 21
2．1．4　浮動(dòng)面板 21
2．1．5　文檔窗口 21
2．2　設(shè)置前景色和背景色 22
2．3　創(chuàng)建選擇區(qū)域 23
2．3．1　選框工具 24
2．3．2　套索工具 25
2．3．3　魔棒工具 25
2．4　基本繪圖工具 27
2．4．1　畫筆工具 27
2．4．2　鉛筆工具 28
2．4．3　加深和減淡工具的應(yīng)用 29
2．5　創(chuàng)建文字 30
2．5．1　輸入文字 30
2．5．2　設(shè)置文字屬性 31
2．5．3　文字的變形 32
2．6　圖層與圖層樣式 34
2．6．1　圖層基本操作 34
2．6．2　設(shè)置圖層樣式 35
2．7　應(yīng)用濾鏡 35
2．7．1　渲染 35
2．7．2　風(fēng)格化 36
2．7．3　模糊濾鏡 37
2．8　實(shí)戰(zhàn)—濾鏡制作藍(lán)色光束 38
第 3 章　處理設(shè)計(jì)網(wǎng)頁圖片 42
3．1　幾種常見的摳圖工具及方法 42
3．1．1　通道摳圖 42
3．1．2　魔棒摳圖 45
3．1．3　蒙版摳圖 46
3．2　制作商品倒影的方法 48
3．3　制作格子效果圖片 51
3．4　更換圖片背景 55
3．5　制作木紋背景圖片 56
第 4 章　設(shè)計(jì)網(wǎng)頁特效文字 59
4．1　設(shè)計(jì)火焰字 59
4．2　設(shè)計(jì)多彩發(fā)光字 63
4．3　設(shè)計(jì)綠色清新風(fēng)格文字 65
4．4　設(shè)計(jì)藍(lán)色熒光字 68
4．5　金色質(zhì)感立體文字 71
4．6　設(shè)計(jì)黃金立體字 74
第 5 章　設(shè)計(jì)網(wǎng)頁Logo 與按鈕 77
5．1　網(wǎng)站Logo 的制作 77
5．1．1　網(wǎng)站Logo 設(shè)計(jì)的標(biāo)準(zhǔn) 77
5．1．2　網(wǎng)站Logo 的規(guī)范 78
5．2　制作綠色環(huán)保Logo 78
5．3　網(wǎng)站動(dòng)態(tài)Logo 的制作 82
5．4　網(wǎng)頁按鈕設(shè)計(jì)技巧 87
5．4．1　按鈕的視覺表現(xiàn) 87
5．4．2　網(wǎng)頁按鈕制作技巧 88
5．5　制作透明按鈕 88
5．6　制作高光質(zhì)感水晶按鈕 90
5．7　制作放射燈光按鈕 92
第 6 章　設(shè)計(jì)網(wǎng)絡(luò)廣告和海報(bào) 98
6．1　網(wǎng)絡(luò)廣告的制作 98
6．2　促銷廣告 100
6．3　設(shè)計(jì)圣誕賀卡 105
6．4　時(shí)尚產(chǎn)品海報(bào) 110
第 7 章　創(chuàng)建切片與設(shè)計(jì)網(wǎng)頁動(dòng)畫 115
7．1　快速切割網(wǎng)頁文件 115
7．2　創(chuàng)建與編輯切片 117
7．2．1　創(chuàng)建切片 117
7．2．2　編輯切片 117
7．3　優(yōu)化與導(dǎo)出切片圖像 118
7．4　動(dòng)畫面板 119
7．4．1　時(shí)間軸動(dòng)畫面板 119
7．4．2　幀動(dòng)畫面板 119
7．5　橫幅動(dòng)態(tài)Banner 120
第 8 章　Flash CC 繪圖基礎(chǔ) 124
8．1　Flash CC 簡介 124
8．2　Flash CC 的工作界面 125
8．2．1　菜單欄 125
8．2．2　舞臺(tái) 126
8．2．3　工具箱 126
8．2．4　時(shí)間軸 127
8．2．5　屬性面板 128
8．3　繪制圖形工具 128
8．3．1　線條工具 128
8．3．2　橢圓工具與矩形工具 130
8．3．3　多角星形工具 131
8．3．4　鉛筆工具 132
8．3．5　刷子工具 133
8．3．6　鋼筆工具 134
8．4　選擇對(duì)象工具 134
8．4．1　選擇工具 134
8．4．2　部分選取工具 135
8．5　編輯圖形工具 136
8．5．1　顏料桶工具 136
8．5．2　墨水瓶工具 137
8．5．3　滴管工具 137
8．6　創(chuàng)建文字 138
8．7　實(shí)戰(zhàn)—制作立體投影文字 139
第 9 章　使用元件與庫管理動(dòng)畫素材 141
9．1　元件和實(shí)例的概念 141
9．2　創(chuàng)建元件 142
9．3　編輯元件 143
9．3．1　復(fù)制元件 143
9．3．2　編輯元件 143
9．4　創(chuàng)建與編輯實(shí)例 144
9．4．1　創(chuàng)建實(shí)例 144
9．4．2　編輯實(shí)例 145
9．5　創(chuàng)建和管理庫 147
9．5．1　創(chuàng)建項(xiàng)目 147
9．5．2　刪除項(xiàng)目 148
9．6　實(shí)戰(zhàn) 148
實(shí)戰(zhàn)1—制作按鈕 148
實(shí)戰(zhàn)2—利用元件制作動(dòng)畫 150
第 10 章　創(chuàng)建基本Flash 動(dòng)畫 154
10．1　創(chuàng)建逐幀動(dòng)畫 154
10．2　創(chuàng)建補(bǔ)間動(dòng)畫 156
10．2．1　創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫 156
10．2．2　創(chuàng)建形狀補(bǔ)間動(dòng)畫 158
10．3　遮罩動(dòng)畫的創(chuàng)建 161
10．3．1　創(chuàng)建遮罩層 161
10．3．2　遮罩文本應(yīng)用實(shí)例 162
10．4　運(yùn)動(dòng)引導(dǎo)層動(dòng)畫的創(chuàng)建 163
10．4．1　創(chuàng)建運(yùn)動(dòng)引導(dǎo)層 163
10．4．2　運(yùn)動(dòng)引導(dǎo)層動(dòng)畫應(yīng)用實(shí)例 164
第 11 章　使用Dreamweaver 輕松創(chuàng)建多彩的文本網(wǎng)頁 167
11．1　Dreamweaver CC 的工作界面 167
11．1．1　菜單欄 167
11．1．2　插入欄 168
11．1．3　屬性面板 169
11．1．4　面板組 170
11．1．5　文檔窗口 170
11．2　創(chuàng)建本地站點(diǎn) 171
11．3　插入文本 172
11．3．1　插入普通文本 172
11．3．2　設(shè)置文本屬性 173
11．3．3　插入特殊字符 175
11．4　使用列表 176
11．4．1　插入項(xiàng)目列表 177
11．4．2　插入編號(hào)列表 178
11．5　創(chuàng)建超級(jí)鏈接 179
11．5．1　創(chuàng)建下載文件鏈接 179
11．5．2　創(chuàng)建電子郵件鏈接 180
11．5．3　創(chuàng)建圖像熱點(diǎn)鏈接 182
11．6　實(shí)戰(zhàn)—?jiǎng)?chuàng)建基本文本網(wǎng)頁 183
第 12 章　巧用絢麗的圖像和多媒體讓網(wǎng)頁動(dòng)起來 185
12．1　在網(wǎng)頁中插入圖像 185
12．1．1　在網(wǎng)頁中插入圖像 185
12．1．2　設(shè)置圖像屬性 187
12．1．3　裁剪圖像 188
12．1．4　調(diào)整圖像的亮度和對(duì)比度 189
12．1．5　銳化圖像 190
12．2　插入鼠標(biāo)經(jīng)過圖像 191
12．3　添加聲音和視頻文件 193
12．3．1　添加聲音 194
12．3．2　插入視頻文件 195
12．4　添加Flash 動(dòng)畫 197
12．5　實(shí)戰(zhàn) 198
實(shí)戰(zhàn)1—?jiǎng)?chuàng)建圖文混排網(wǎng)頁 198
實(shí)戰(zhàn)2—在網(wǎng)頁中插入媒體實(shí)例 199
第 13 章　使用表格輕松排列和布局網(wǎng)頁元素 201
13．1　插入表格和表格元素 201
13．1．1　插入表格 201
13．1．2　設(shè)置表格屬性 202
13．1．3　添加內(nèi)容到單元格 203
13．2　選擇表格元素 203
13．2．1　選取表格 204
13．2．2　選取行或列 204
13．2．3　選取單元格 205
13．3　表格的基本操作 205
13．3．1　調(diào)整表格和單元格的大小 205
13．3．2　添加或刪除行或列 206
13．3．3　拆分單元格 207
13．3．4　合并單元格 207
13．4　排序及整理表格內(nèi)容 208
13．4．1　導(dǎo)入表格式數(shù)據(jù) 208
13．4．2　排序表格 210
13．5　實(shí)戰(zhàn) 211
實(shí)戰(zhàn)1—?jiǎng)?chuàng)建細(xì)線表格 211
實(shí)戰(zhàn)2—利用表格排列數(shù)據(jù) 213
第 14 章　用CSS+DIV 靈活布局頁面 217
14．1　CSS 基本語法 217
14．2　鏈接或?qū)С鐾獠緾SS 樣式表 218
14．2．1　創(chuàng)建內(nèi)部樣式表 218
14．2．2　創(chuàng)建外部樣式表 220
14．2．3　鏈接外部樣式表 221
14．3　初識(shí)DIV 223
14．3．1　DIV 概述 223
14．3．2　CSS+DIV 布局的優(yōu)勢 223
14．4　CSS 定位與DIV 布局 224
14．4．1　盒子模型 224
14．4．2　元素的定位 225
14．4．3　position 定位 226
14．5　CSS+DIV 布局的常用方法 227
14．5．1　使用DIV 對(duì)頁面整體規(guī)劃 227
14．5．2　設(shè)計(jì)各塊的位置 228
14．5．3　使用CSS 定位 228
14．6　使用CSS+DIV 布局的典型模式 230
14．6．1　一列固定寬度 230
14．6．2　一列自適應(yīng) 230
14．6．3　兩列固定寬度 231
14．6．4　兩列寬度自適應(yīng) 232
14．6．5　兩列右列寬度自適應(yīng) 233
14．6．6　三列浮動(dòng)中間寬度自適應(yīng) 233
第 15 章　使用模板和庫提高網(wǎng)頁制作效率 235
15．1　創(chuàng)建模板 235
15．1．1　直接創(chuàng)建模板 235
15．1．2　從現(xiàn)有文檔創(chuàng)建模板 237
15．1．3　創(chuàng)建可編輯區(qū)域 237
15．2　模板的應(yīng)用 238
15．2．1　應(yīng)用模板創(chuàng)建網(wǎng)頁 239
15．2．2　更新模板及其他網(wǎng)頁 241
15．3　創(chuàng)建和應(yīng)用庫 242
15．3．1　將現(xiàn)有內(nèi)容創(chuàng)建為庫 242
15．3．2　在網(wǎng)頁中應(yīng)用庫 243
15．3．3　編輯并更新網(wǎng)頁 244
15．3．4　將庫項(xiàng)目從源文件中分離 245
15．4　實(shí)戰(zhàn) 246
實(shí)戰(zhàn)1—?jiǎng)?chuàng)建企業(yè)網(wǎng)站模板 246
實(shí)戰(zhàn)2—利用模板創(chuàng)建網(wǎng)頁 249
第 16 章　利用行為輕易實(shí)現(xiàn)網(wǎng)頁特效 253
16．1　行為概述 253
16．1．1　使用行為面板 253
16．1．2　關(guān)于動(dòng)作 254
16．1．3　關(guān)于事件 255
16．2　使用Dreamweaver 內(nèi)置行為 256
16．2．1　交換圖像 256
16．2．2　恢復(fù)交換圖像 258
16．2．3　打開瀏覽器窗口 259
16．2．4　調(diào)用JavaScript 260
16．2．5　轉(zhuǎn)到URL 262
16．2．6　彈出信息 263
16．2．7　預(yù)先載入圖像 264
16．2．8　設(shè)置狀態(tài)欄文本 266
16．2．9　檢查表單 267
16．2．10　Blind 效果 268
16．2．11　Bounce 效果 269
16．3　使用JavaScript 270
16．3．1　利用JavaScript 函數(shù)實(shí)現(xiàn)打印功能 270
16．3．2　利用JavaScript 函數(shù)實(shí)現(xiàn)關(guān)閉窗口功能 272
第 17 章　設(shè)計(jì)制作企業(yè)網(wǎng)站 273
17．1　網(wǎng)站策劃 273
17．1．1　為什么要進(jìn)行網(wǎng)站策劃 273
17．1．2　主要功能頁面 274
17．2　設(shè)計(jì)網(wǎng)站封面頁 275
17．2．1　設(shè)計(jì)網(wǎng)站封面首頁圖像 276
17．2．2　設(shè)計(jì)網(wǎng)站封面首頁圖像 280
17．3　創(chuàng)建本地站點(diǎn) 281
17．4　使用Dreamweaver 制作頁面 282
17．4．1　制作網(wǎng)站頂部導(dǎo)航 282
17．4．2　制作左側(cè)導(dǎo)航公告欄 284
17．4．3　制作產(chǎn)品展示 287