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

第 1 章　初識網(wǎng)頁設計與配色 1
1．1　網(wǎng)頁設計的相關術語 1
1．1．1　什么是靜態(tài)網(wǎng)頁 1
1．1．2　什么是動態(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)頁動畫制作軟件Flash 3
1．3　網(wǎng)頁版面布局設計 3
1．3．1　網(wǎng)頁版面布局原則 4
1．3．2　點、線、面的構成 4
1．4　常見的版面布局形式 6
1．5　文字與圖像版式設計 8
1．5．1　文字的字體、字號、行距 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　兩色搭配是用色的基礎 15
第 2 章　Photoshop CC 入門基礎 17
2．1　Photoshop CC 工作界面 17
2．1．1　菜單命令 17
2．1．2　工具箱 20
2．1．3　工具選項欄 21
2．1．4　浮動面板 21
2．1．5　文檔窗口 21
2．2　設置前景色和背景色 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　加深和減淡工具的應用 29
2．5　創(chuàng)建文字 30
2．5．1　輸入文字 30
2．5．2　設置文字屬性 31
2．5．3　文字的變形 32
2．6　圖層與圖層樣式 34
2．6．1　圖層基本操作 34
2．6．2　設置圖層樣式 35
2．7　應用濾鏡 35
2．7．1　渲染 35
2．7．2　風格化 36
2．7．3　模糊濾鏡 37
2．8　實戰(zhàn)—濾鏡制作藍色光束 38
第 3 章　處理設計網(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 章　設計網(wǎng)頁特效文字 59
4．1　設計火焰字 59
4．2　設計多彩發(fā)光字 63
4．3　設計綠色清新風格文字 65
4．4　設計藍色熒光字 68
4．5　金色質(zhì)感立體文字 71
4．6　設計黃金立體字 74
第 5 章　設計網(wǎng)頁Logo 與按鈕 77
5．1　網(wǎng)站Logo 的制作 77
5．1．1　網(wǎng)站Logo 設計的標準 77
5．1．2　網(wǎng)站Logo 的規(guī)范 78
5．2　制作綠色環(huán)保Logo 78
5．3　網(wǎng)站動態(tài)Logo 的制作 82
5．4　網(wǎng)頁按鈕設計技巧 87
5．4．1　按鈕的視覺表現(xiàn) 87
5．4．2　網(wǎng)頁按鈕制作技巧 88
5．5　制作透明按鈕 88
5．6　制作高光質(zhì)感水晶按鈕 90
5．7　制作放射燈光按鈕 92
第 6 章　設計網(wǎng)絡廣告和海報 98
6．1　網(wǎng)絡廣告的制作 98
6．2　促銷廣告 100
6．3　設計圣誕賀卡 105
6．4　時尚產(chǎn)品海報 110
第 7 章　創(chuàng)建切片與設計網(wǎ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)化與導出切片圖像 118
7．4　動畫面板 119
7．4．1　時間軸動畫面板 119
7．4．2　幀動畫面板 119
7．5　橫幅動態(tài)Banner 120
第 8 章　Flash CC 繪圖基礎 124
8．1　Flash CC 簡介 124
8．2　Flash CC 的工作界面 125
8．2．1　菜單欄 125
8．2．2　舞臺 126
8．2．3　工具箱 126
8．2．4　時間軸 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　選擇對象工具 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　實戰(zhàn)—制作立體投影文字 139
第 9 章　使用元件與庫管理動畫素材 141
9．1　元件和實例的概念 141
9．2　創(chuàng)建元件 142
9．3　編輯元件 143
9．3．1　復制元件 143
9．3．2　編輯元件 143
9．4　創(chuàng)建與編輯實例 144
9．4．1　創(chuàng)建實例 144
9．4．2　編輯實例 145
9．5　創(chuàng)建和管理庫 147
9．5．1　創(chuàng)建項目 147
9．5．2　刪除項目 148
9．6　實戰(zhàn) 148
實戰(zhàn)1—制作按鈕 148
實戰(zhàn)2—利用元件制作動畫 150
第 10 章　創(chuàng)建基本Flash 動畫 154
10．1　創(chuàng)建逐幀動畫 154
10．2　創(chuàng)建補間動畫 156
10．2．1　創(chuàng)建動畫補間動畫 156
10．2．2　創(chuàng)建形狀補間動畫 158
10．3　遮罩動畫的創(chuàng)建 161
10．3．1　創(chuàng)建遮罩層 161
10．3．2　遮罩文本應用實例 162
10．4　運動引導層動畫的創(chuàng)建 163
10．4．1　創(chuàng)建運動引導層 163
10．4．2　運動引導層動畫應用實例 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)建本地站點 171
11．3　插入文本 172
11．3．1　插入普通文本 172
11．3．2　設置文本屬性 173
11．3．3　插入特殊字符 175
11．4　使用列表 176
11．4．1　插入項目列表 177
11．4．2　插入編號列表 178
11．5　創(chuàng)建超級鏈接 179
11．5．1　創(chuàng)建下載文件鏈接 179
11．5．2　創(chuàng)建電子郵件鏈接 180
11．5．3　創(chuàng)建圖像熱點鏈接 182
11．6　實戰(zhàn)—創(chuàng)建基本文本網(wǎng)頁 183
第 12 章　巧用絢麗的圖像和多媒體讓網(wǎng)頁動起來 185
12．1　在網(wǎng)頁中插入圖像 185
12．1．1　在網(wǎng)頁中插入圖像 185
12．1．2　設置圖像屬性 187
12．1．3　裁剪圖像 188
12．1．4　調(diào)整圖像的亮度和對比度 189
12．1．5　銳化圖像 190
12．2　插入鼠標經(jīng)過圖像 191
12．3　添加聲音和視頻文件 193
12．3．1　添加聲音 194
12．3．2　插入視頻文件 195
12．4　添加Flash 動畫 197
12．5　實戰(zhàn) 198
實戰(zhàn)1—創(chuàng)建圖文混排網(wǎng)頁 198
實戰(zhàn)2—在網(wǎng)頁中插入媒體實例 199
第 13 章　使用表格輕松排列和布局網(wǎng)頁元素 201
13．1　插入表格和表格元素 201
13．1．1　插入表格 201
13．1．2　設置表格屬性 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　導入表格式數(shù)據(jù) 208
13．4．2　排序表格 210
13．5　實戰(zhàn) 211
實戰(zhàn)1—創(chuàng)建細線表格 211
實戰(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　初識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 對頁面整體規(guī)劃 227
14．5．2　設計各塊的位置 228
14．5．3　使用CSS 定位 228
14．6　使用CSS+DIV 布局的典型模式 230
14．6．1　一列固定寬度 230
14．6．2　一列自適應 230
14．6．3　兩列固定寬度 231
14．6．4　兩列寬度自適應 232
14．6．5　兩列右列寬度自適應 233
14．6．6　三列浮動中間寬度自適應 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　模板的應用 238
15．2．1　應用模板創(chuàng)建網(wǎng)頁 239
15．2．2　更新模板及其他網(wǎng)頁 241
15．3　創(chuàng)建和應用庫 242
15．3．1　將現(xiàn)有內(nèi)容創(chuàng)建為庫 242
15．3．2　在網(wǎng)頁中應用庫 243
15．3．3　編輯并更新網(wǎng)頁 244
15．3．4　將庫項目從源文件中分離 245
15．4　實戰(zhàn) 246
實戰(zhàn)1—創(chuàng)建企業(yè)網(wǎng)站模板 246
實戰(zhàn)2—利用模板創(chuàng)建網(wǎng)頁 249
第 16 章　利用行為輕易實現(xiàn)網(wǎng)頁特效 253
16．1　行為概述 253
16．1．1　使用行為面板 253
16．1．2　關于動作 254
16．1．3　關于事件 255
16．2　使用Dreamweaver 內(nèi)置行為 256
16．2．1　交換圖像 256
16．2．2　恢復交換圖像 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　預先載入圖像 264
16．2．8　設置狀態(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ù)實現(xiàn)打印功能 270
16．3．2　利用JavaScript 函數(shù)實現(xiàn)關閉窗口功能 272
第 17 章　設計制作企業(yè)網(wǎng)站 273
17．1　網(wǎng)站策劃 273
17．1．1　為什么要進行網(wǎng)站策劃 273
17．1．2　主要功能頁面 274
17．2　設計網(wǎng)站封面頁 275
17．2．1　設計網(wǎng)站封面首頁圖像 276
17．2．2　設計網(wǎng)站封面首頁圖像 280
17．3　創(chuàng)建本地站點 281
17．4　使用Dreamweaver 制作頁面 282
17．4．1　制作網(wǎng)站頂部導航 282
17．4．2　制作左側(cè)導航公告欄 284
17．4．3　制作產(chǎn)品展示 287