Photoshop+Dreamweaver+Flash網(wǎng)站設(shè)計(jì)與制作全程揭秘

1.1  了解網(wǎng)站 1
1.1.1  網(wǎng)站是什么 1
1.1.2  互聯(lián)網(wǎng)的起源 1
1.1.3  網(wǎng)站的基本組成部分 2
1.2  網(wǎng)站建設(shè)的流程 2
1.3  了解網(wǎng)站建設(shè)的術(shù)語(yǔ) 3
1.3.1  關(guān)于域名 4
1.3.2  了解URL 5
1.4  申請(qǐng)商業(yè)域名和虛擬主機(jī) 5
1.4.1  申請(qǐng)域名 5
1.4.2  申請(qǐng)?zhí)摂M主機(jī) 6
1.5  申請(qǐng)免費(fèi)域名和虛擬主機(jī) 7
1.5.1  申請(qǐng)免費(fèi)虛擬主機(jī) 8
實(shí)例01+視頻：申請(qǐng)免費(fèi)虛擬主機(jī) 8
1.5.2  使用免費(fèi)的虛擬主機(jī) 9
實(shí)例02+視頻：使用免費(fèi)虛擬主機(jī) 9
1.6  經(jīng)營(yíng)性網(wǎng)站備案 10
1.6.1  什么是經(jīng)營(yíng)性網(wǎng)站 10
1.6.2  網(wǎng)站備案流程 10
1.7  常見(jiàn)網(wǎng)站的類(lèi)型 10
1.7.1  個(gè)人網(wǎng)站 10
1.7.2  企業(yè)網(wǎng)站 11
1.7.3  行業(yè)信息類(lèi)網(wǎng)站 11
1.7.4  影視音樂(lè)類(lèi)網(wǎng)站 11
1.7.5  休閑游戲類(lèi)網(wǎng)站 12
1.7.6  電子商務(wù)類(lèi)網(wǎng)站 12
1.7.7  門(mén)戶(hù)類(lèi)網(wǎng)站 12
1.8  本章小結(jié) 12
2.1  網(wǎng)站策劃 13
2.1.1  網(wǎng)站項(xiàng)目的定義 13
2.1.2  網(wǎng)站策劃方案 14
2.1.3  網(wǎng)站內(nèi)容規(guī)劃 14
2.1.4  獲得網(wǎng)站資源 15
2.2  網(wǎng)站的設(shè)計(jì)與制作 15
2.2.1  網(wǎng)頁(yè)的設(shè)計(jì)構(gòu)思 15
2.2.2  網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn) 17
2.3  網(wǎng)站項(xiàng)目的實(shí)施 19
2.3.1  網(wǎng)頁(yè)效果圖設(shè)計(jì) 19
2.3.2  頁(yè)面制作與程序設(shè)計(jì) 19
2.4  網(wǎng)頁(yè)的版式與布局分析 20
2.4.1  頁(yè)面布局的基本概念 20
2.4.2  頁(yè)面布局方法 21
2.4.3  頁(yè)面布局技術(shù) 22
2.5  網(wǎng)站的測(cè)試與發(fā)布 22
2.5.1  測(cè)試網(wǎng)站項(xiàng)目 23
2.5.2  發(fā)布網(wǎng)站項(xiàng)目 23
2.6  網(wǎng)站的推廣 24
2.6.1  網(wǎng)站宣傳的推出手段 24
2.6.2  搜索引擎優(yōu)化SEO 24
2.7  網(wǎng)站的維護(hù) 25
2.8  本章小結(jié) 25
3.1  色彩基礎(chǔ) 26
3.1.1  色彩學(xué) 26
3.1.2  色彩管理 27
3.1.3  色彩傳達(dá)的意義 28
3.2  網(wǎng)頁(yè)色彩設(shè)計(jì)的特性 28
3.2.1  網(wǎng)頁(yè)色彩的特性 29
3.2.2  網(wǎng)頁(yè)色彩的表現(xiàn)原理 29
3.2.3  網(wǎng)頁(yè)安全色 29
3.2.4  色彩模式 30
3.3  色彩與聯(lián)想作用配色 31
3.4  色彩的搭配 35
3.4.1  色彩搭配基礎(chǔ) 35
3.4.2  色彩搭配的原則 36
3.5  網(wǎng)頁(yè)配色的基本方法 39
3.5.1  文本配色 39
3.5.2  網(wǎng)頁(yè)配色關(guān)系 40
3.5.3  文本配色平衡 40
3.5.4  確定網(wǎng)頁(yè)的主題色 41
3.5.5  網(wǎng)頁(yè)配色常見(jiàn)問(wèn)題 41
3.6  網(wǎng)頁(yè)設(shè)計(jì)中的色彩選擇標(biāo)準(zhǔn) 44
3.6.1  根據(jù)行業(yè)選擇網(wǎng)頁(yè)顏色 44
3.6.2  根據(jù)瀏覽者的色彩偏好選擇顏色 45
3.6.3  根據(jù)色彩個(gè)性選擇顏色 49
3.6.4  根據(jù)色彩形象聯(lián)系分析選擇顏色 50
3.6.5  根據(jù)生命周期選擇顏色 51
3.7  網(wǎng)頁(yè)配色輔助工具 52
3.7.1  使用ColorKey XP配色 52
3.7.2  使用Kuler配色 53
3.8  本章小結(jié) 53
4.1  網(wǎng)頁(yè)的基本構(gòu)成元素 54
4.2  網(wǎng)站標(biāo)志的應(yīng)用 55
4.2.1  網(wǎng)站中的標(biāo)志 55
4.2.2  網(wǎng)站標(biāo)志的表現(xiàn)形式 57
4.2.3  網(wǎng)站標(biāo)識(shí)的設(shè)計(jì)規(guī)范 58
4.3  網(wǎng)頁(yè)中的字體 59
4.3.1  文字的基本設(shè)置 59
4.3.2  文字的整體編排 60
4.3.3  文字編排的形式 61
4.4  網(wǎng)頁(yè)中的圖像 61
4.5  網(wǎng)頁(yè)的版式類(lèi)型 62
4.6  本章小結(jié) 64
5.1  了解 Photoshop 65
5.2  Photoshop的操作界面 65
5.2.1  菜單欄 65
5.2.2  工具選項(xiàng)欄 66
5.2.3  工具箱 67
5.2.4  面板 67
5.2.5  圖像文檔窗口 67
5.2.6  狀態(tài)欄 68
5.3  Photoshop基本操作 68
5.3.1  新建文件 68
5.3.2  打開(kāi)文件 69
5.3.3  置入文件 69
實(shí)例03+視頻：置入EPS文件 69
5.3.4  導(dǎo)入導(dǎo)出文件 70
5.3.5  存儲(chǔ)文件 71
5.3.6  還原與恢復(fù) 71
5.4  圖像的查看 71
5.4.1  專(zhuān)家模式 72
5.4.2  多窗口查看圖像 72
5.4.3  使用縮放工具 72
5.4.4  使用抓手工具 73
5.4.5  使用旋轉(zhuǎn)視圖工具 73
5.4.6  使用導(dǎo)航器面板 74
5.5  圖像的修改 74
5.5.1  修改圖像大小 74
5.5.2  修改畫(huà)布大小 74
實(shí)例04+視頻：制作圖框 74
5.5.3  裁剪圖像 75
5.5.4  調(diào)整圖像的方向 76
5.5.5  使用裁剪命令和裁切命令 76
實(shí)例05+視頻：裁切圖像 77
5.6  使用輔助工具 78
5.6.1  使用標(biāo)尺 78
5.6.2  使用網(wǎng)格 79
5.6.3  使用參考線(xiàn) 79
實(shí)例06+視頻：參考線(xiàn)輔助定位 79
5.6.4  智能參考線(xiàn) 80
5.6.5  使用注釋 80
5.7  本章小結(jié) 81
6.1  創(chuàng)建選區(qū) 82
6.1.1  選區(qū)工具創(chuàng)建選區(qū) 82
實(shí)例07+視頻：制作簡(jiǎn)單的頁(yè)面圖標(biāo) 84
6.1.2  選區(qū)的基本操作 85
6.1.3  快速蒙版創(chuàng)建選區(qū) 86
6.1.4  鋼筆工具創(chuàng)建選區(qū) 87
6.2  選區(qū)的操作 87
6.2.1  移動(dòng)變換選區(qū) 87
6.2.2  調(diào)整選區(qū)邊緣 88
6.2.3  選區(qū)的運(yùn)算 89
6.2.4  填充選區(qū) 89
實(shí)例08+視頻：使用填充設(shè)計(jì)登錄界面 90
6.2.5  描邊選區(qū) 92
實(shí)例09+視頻：為按鈕描邊 92
6.3  粘貼的技巧 93
6.3.1  拷貝和粘貼 93
6.3.2  剪切 94
6.3.3  合并拷貝 94
6.3.4  選擇性粘貼 95
6.4  基本變形 95
6.4.1  自由變換 95
6.4.2  變換 96
實(shí)例10+視頻：變化頁(yè)面中的圖像 96
6.4.3  操控變形 98
6.5  繪制與擦除 98
6.5.1  設(shè)置顏色 98
6.5.2  使用畫(huà)筆工具繪圖 99
實(shí)例11+視頻：繪制網(wǎng)站標(biāo)志 100
6.5.3  擦除圖像 102
6.6  本章小結(jié) 103
7.1  修復(fù)圖像 104
7.1.1  污點(diǎn)修復(fù)畫(huà)筆工具 104
7.1.2  修復(fù)畫(huà)筆工具 104
7.1.3  修補(bǔ)工具 105
7.1.4  內(nèi)容感知移動(dòng)工具 105
7.1.5  仿制圖章工具 105
實(shí)例12+視頻：去除網(wǎng)頁(yè)中的水印 105
7.1.6  圖案圖章工具 107
實(shí)例13+視頻：自定義圖案繪制圖像 107
7.2  調(diào)整圖像模式 109
7.2.1  RGB模式和CMYK模式 109
7.2.2  位圖模式和灰度模式的轉(zhuǎn)換 109
實(shí)例14+視頻：轉(zhuǎn)換圖像模式 110
7.2.3  索引色模式轉(zhuǎn)換 111
7.2.4  Lab模式的轉(zhuǎn)換 111
7.3  認(rèn)識(shí)直方圖 112
7.4  調(diào)整圖像色調(diào) 112
7.4.1  自動(dòng)調(diào)整 112
7.4.2  調(diào)整色階 113
7.4.3  調(diào)整曲線(xiàn) 113
7.5  色彩調(diào)整 113
7.5.1  亮度/對(duì)比度 113
7.5.2  替換顏色 114
7.5.3  反相 114
7.5.4  色相/飽和度 114
實(shí)例15+視頻：全彩網(wǎng)頁(yè) 115
7.5.5  漸變映射 118
7.5.6  閾值 118
7.5.7  變化 118
7.5.8  照片濾鏡 119
7.5.9  陰影/高光 119
7.6  本章小結(jié) 119
8.1  圖層的基本操作 120
8.1.1  新建圖層和圖層組 120
8.1.2  刪除圖層 121
8.1.3  圖層的疊放 121
實(shí)例16+視頻：調(diào)整圖像疊放順序 121
8.1.4  圖層的疊加 123
實(shí)例17+視頻：網(wǎng)頁(yè)設(shè)計(jì)中的疊加應(yīng)用 123
8.1.5  圖層的合并 126
8.2  圖層的特殊混合 126
8.2.1  圖層不透明度 127
8.2.2  填充不透明度 127
8.2.3  修邊 127
8.3  使用圖層樣式 128
8.3.1  斜面和浮雕 128
8.3.2  描邊 128
實(shí)例18+視頻：網(wǎng)頁(yè)頁(yè)腳設(shè)計(jì) 129
8.3.3  內(nèi)陰影和內(nèi)發(fā)光 131
8.3.4  光澤 131
8.3.5  顏色、漸變和圖案疊加 132
實(shí)例19+視頻：制作網(wǎng)頁(yè)導(dǎo)航欄 132
8.3.6  外發(fā)光和投影 135
8.4  使用樣式面板 135
8.5  混合顏色帶 136
8.6  填充層和調(diào)整層 137
實(shí)例20+視頻：制作網(wǎng)站首頁(yè) 138
8.7  文字圖層 140
8.7.1  在網(wǎng)頁(yè)圖像中加入文字 140
8.7.2  加入文字選區(qū) 140
實(shí)例21+視頻：在網(wǎng)頁(yè)中加入文字選區(qū) 141
8.7.3  文字的排列與變形 142
8.8  本章小結(jié) 143
9.1  圖層的蒙版 144
9.1.1  添加圖層蒙版 144
9.1.2  蒙版屬性面板 144
9.1.3  快速蒙版 145
9.2  蒙版的種類(lèi) 145
9.2.1  圖層蒙版 145
實(shí)例22+視頻：制作網(wǎng)頁(yè)內(nèi)容 146
9.2.2  矢量蒙版 147
9.2.3  剪貼蒙版 148
實(shí)例23+視頻：制作網(wǎng)頁(yè)頁(yè)面 148
9.3  形狀圖層 150
9.3.1  使用形狀工具 150
實(shí)例24+視頻：制作網(wǎng)頁(yè)菜單欄 151
9.3.2  編輯形狀圖層 154
9.3.3  形狀圖層的層級(jí) 154
9.3.4  形狀圖層的對(duì)齊和分布 154
9.3.5  形狀圖層的計(jì)算 155
9.4  通道的功能 156
9.4.1  保存顏色信息 156
9.4.2  創(chuàng)建選區(qū) 156
9.5  通道的分類(lèi) 156
9.5.1  顏色通道 156
9.5.2  Alpha通道 157
9.5.3  專(zhuān)色通道和復(fù)合通道 158
9.6  通道的應(yīng)用 158
9.6.1  調(diào)整圖像色調(diào) 158
9.6.2  創(chuàng)建特殊選區(qū) 158
實(shí)例25+視頻：使用通道面板摳圖 159
9.6.3  分離和合并通道 160
9.7  使用“應(yīng)用圖像”命令 161
9.8  使用“計(jì)算”命令 161
實(shí)例26+視頻：使用“計(jì)算”命令更改膚色 162
9.9  本章小結(jié) 163
10.1  認(rèn)識(shí)濾鏡 164
 10.1.1  濾鏡的種類(lèi) 164
 10.1.2  濾鏡的使用方法 164
 10.1.3  濾鏡的使用規(guī)則 165
 10.1.4  重復(fù)使用濾鏡 166
10.2  使用濾鏡庫(kù) 167
10.3  使用外掛濾鏡 168
 10.3.1  了解外掛濾鏡 168
 10.3.2  安裝使用外掛濾鏡 169
  實(shí)例27+視頻：安裝EYE CANDY濾鏡 170
10.4  油畫(huà) 171
10.5  消失點(diǎn) 172
  實(shí)例28+視頻：清除網(wǎng)頁(yè)中的雜物 172
10.6  使用動(dòng)作 173
  實(shí)例29+視頻：使用動(dòng)作制作網(wǎng)頁(yè) 174
10.7  網(wǎng)頁(yè)設(shè)計(jì)中自定義動(dòng)作 175
  實(shí)例30+視頻：使用自定義動(dòng)作制作網(wǎng)頁(yè) 175
10.8  本章小結(jié) 178
11.1  關(guān)于網(wǎng)頁(yè)切片 179
 11.1.1  創(chuàng)建切片 179
  實(shí)例31+視頻：基于參考線(xiàn)創(chuàng)建切片 180
 11.1.2  編輯切片 181
  實(shí)例32+視頻：調(diào)整創(chuàng)建的切片 182
11.2  優(yōu)化Web圖像 183
 11.2.1  Web安全色 183
 11.2.2  優(yōu)化Web圖像 184
  實(shí)例33+視頻：優(yōu)化Web圖像 184
 11.2.3  輸出Web圖像 186
11.3  創(chuàng)建GIF動(dòng)畫(huà) 187
 11.3.1  幀模式時(shí)間軸面板 187
  實(shí)例34+視頻：制作網(wǎng)頁(yè)廣告 187
 11.3.2  過(guò)度動(dòng)畫(huà)和反向幀 189
  實(shí)例35+視頻：制作淡入淡出動(dòng)畫(huà) 190
 11.3.3  更改動(dòng)畫(huà)中的圖層屬性 192
11.4  本章小結(jié) 193

12.1  與Photoshop相似的地方 194
12.2  與Photoshop不同的地方 194
12.3  在網(wǎng)頁(yè)設(shè)計(jì)中獨(dú)特的功能 195
 12.3.1  關(guān)于切片 195
 12.3.2  使用優(yōu)化面板 196
 12.3.3  “動(dòng)畫(huà)”命令 196
  實(shí)例36+視頻：制作文字掃光動(dòng)畫(huà) 196
 12.3.4  “元件”命令 200
  實(shí)例37+視頻：制作交互按鈕 200
 12.3.5  “熱點(diǎn)”工具 204
 12.3.6  “彈出菜單”命令 204
  實(shí)例38+視頻：制作彈出菜單 204
12.4  本章小結(jié) 206
13.1  行業(yè)分析 207
13.2  頁(yè)面配色分析 207
13.3  網(wǎng)頁(yè)布局分析 207
13.4  制作步驟 208
  實(shí)例39+視頻：制作時(shí)尚高檔網(wǎng)站 208
13.5  本章小結(jié) 216
14.1  行業(yè)分析 217
14.2  頁(yè)面配色分析 217
14.3  網(wǎng)頁(yè)布局分析 217
14.4  制作步驟 218
  實(shí)例40+視頻：兒童教育網(wǎng)設(shè)計(jì) 218
14.5  本章小結(jié) 227
15.1  認(rèn)識(shí)Dreamweaver 228
15.2  掌握Dreamweaver操作界面 228
 15.2.1  在文檔窗口中工作 228
 15.2.2  使用工具欄、檢查器和快捷菜單 229
 15.2.3  自定義Dreamweaver工作區(qū) 229 
  實(shí)例41+視頻：管理工作區(qū) 229
 15.2.4  使用鍵盤(pán)快捷鍵 230
  實(shí)例42+視頻：自定義快捷鍵 231
 15.2.5  添加管理擴(kuò)展功能 232
15.3  Dreamweaver的工作流程 232
15.4  使用可視化助理布局 233
 15.4.1  使用標(biāo)尺和網(wǎng)格 233
 15.4.2  使用輔助線(xiàn) 234
 15.4.3  使用跟蹤圖像 234
  實(shí)例43+視頻：使用跟蹤圖像規(guī)劃網(wǎng)頁(yè)草圖 235
15.5  本章小結(jié) 236
16.1  HTML技術(shù)介紹 237
 16.1.1  認(rèn)識(shí)HTML 237
 16.1.2  HTML文檔的基本結(jié)構(gòu) 238
  實(shí)例44+視頻：創(chuàng)建一個(gè)簡(jiǎn)單的HTML頁(yè)面 239
 16.1.3  HTML的標(biāo)簽形式 240
16.2  常用的重要標(biāo)簽 240
 16.2.1  常用的基本標(biāo)簽 240
 16.2.2  常用的文本標(biāo)簽 241
 16.2.3  常用的圖像標(biāo)簽屬性 241
 16.2.4  常用的格式標(biāo)簽 241
 16.2.5  常用的表格標(biāo)簽 242
  實(shí)例45+視頻：制作表格效果 243
 16.2.6  常用的超鏈接標(biāo)簽屬性 244
 16.2.7  分區(qū)標(biāo)簽 244
 16.2.8  多媒體標(biāo)簽 245
  實(shí)例46+視頻：在頁(yè)面中添加視頻 245
16.3  在Dreamweaver中編寫(xiě)HTML 246
  實(shí)例47+視頻：在設(shè)計(jì)視圖中制作網(wǎng)頁(yè) 247
16.4  HTML與CSS 248
16.5  HTML與JavaScript 249
 16.5.1  什么是JavaScript 249
 16.5.2  JavaScript的應(yīng)用范圍 249
16.6  本章小結(jié) 249
17.1  站點(diǎn)的新建 250
 17.1.1  在Dreamweaver中建立站點(diǎn) 250
  實(shí)例48+視頻：創(chuàng)建站點(diǎn) 250
 17.1.2  設(shè)置服務(wù)器 251
 17.1.3  版本控制選項(xiàng) 252
 17.1.4  站點(diǎn)的高級(jí)設(shè)置 252
17.2  創(chuàng)建網(wǎng)站基本頁(yè)面 253
  實(shí)例49+視頻：構(gòu)建站點(diǎn)結(jié)構(gòu) 253
 17.2.1  新建頁(yè)面 254
 17.2.2  重命名和刪除文件或文件夾 256
17.3  設(shè)置頁(yè)面頭部信息 256
 17.3.1  文檔標(biāo)題 256
 17.3.2  設(shè)置META 256
  實(shí)例50+視頻：網(wǎng)頁(yè)跳轉(zhuǎn)效果 259
 17.3.3  添加網(wǎng)頁(yè)關(guān)鍵字 260
  實(shí)例51+視頻：為頁(yè)面添加關(guān)鍵字 260
 17.3.4  向頁(yè)面添加說(shuō)明 262
17.4  設(shè)置網(wǎng)頁(yè)基本屬性 262
 17.4.1  設(shè)置外觀(guān)（CSS） 262
  實(shí)例52+視頻：在設(shè)計(jì)視圖中制作網(wǎng)頁(yè) 263
 17.4.2  設(shè)置外觀(guān)（HTML） 264
 17.4.3  設(shè)置鏈接（CSS） 264
  實(shí)例53+視頻：設(shè)置頁(yè)面文字鏈接效果 264
 17.4.4  設(shè)置標(biāo)題（CSS） 265
 17.4.5  設(shè)置標(biāo)題/編碼 266
17.5  插入圖像和文字 266
 17.5.1  在網(wǎng)頁(yè)中輸入文字 267
  實(shí)例54+視頻：貼入文本 267
 17.5.2  分行和分段 268
 17.5.3  插入特殊字符 269
 17.5.4  插入時(shí)間 269
  實(shí)例55+視頻：在頁(yè)面上插入時(shí)間 269
 17.5.5  文字列表樣式 271
 17.5.6  網(wǎng)頁(yè)圖像格式 271
 17.5.7  插入圖像 271
  實(shí)例56+視頻：在頁(yè)面中添加圖像 272
17.6  插入超鏈接 273
 17.6.1  文字超鏈接 273
  實(shí)例57+視頻：創(chuàng)建文字超鏈接 273
 17.6.2  圖像超鏈接 275
17.7  插入動(dòng)畫(huà)和聲音 275
 17.7.1  插入Flash動(dòng)畫(huà) 275
  實(shí)例58+視頻：在頁(yè)面中添加Flash動(dòng)畫(huà) 275
 17.7.2  插入聲音 276
  實(shí)例59+視頻：在頁(yè)面中添加背景音樂(lè) 277
 17.7.3  使用插件添加聲音 278
17.8  本章小結(jié) 278
18.1  認(rèn)識(shí)CSS樣式表 279
 18.1.1  CSS的優(yōu)越性 279
 18.1.2  CSS樣式的分類(lèi) 280
18.2  創(chuàng)建與編輯CSS樣式 280
 18.2.1  建立標(biāo)簽CSS樣式 280
  實(shí)例60+視頻：新建標(biāo)簽CSS樣式
                             調(diào)整頁(yè)面 280
 18.2.2  建立類(lèi)CSS樣式 282
  實(shí)例61+視頻：使用類(lèi)CSS樣式
                              調(diào)整頁(yè)面 282
 18.2.3  建立ID CSS樣式 283
  實(shí)例62+視頻：使用ID CSS樣式
                              調(diào)整頁(yè)面 284
 18.2.4  建立復(fù)合內(nèi)容樣式 285
  實(shí)例63+視頻：使用復(fù)合內(nèi)容樣式
                              調(diào)整頁(yè)面 285
18.3  鏈接外部樣式表 286
18.4  CSS的語(yǔ)法結(jié)構(gòu) 286
18.5  CSS規(guī)則的屬性效果 287
 18.5.1  文本屬性 287
 18.5.2  背景屬性 288
 18.5.3  區(qū)塊屬性 289
 18.5.4  方框?qū)傩?290
 18.5.5  邊框?qū)傩?291
 18.5.6  列表屬性 292
 18.5.7  定位屬性 293
 18.5.8  擴(kuò)展屬性 294
 18.5.9  過(guò)渡屬性 294
18.6  本章小結(jié) 295
19.1  Web標(biāo)準(zhǔn) 296
19.2  Div的定義 296
 19.2.1  什么是Div 296
 19.2.2  插入Div 297
 19.2.3  Div標(biāo)簽的嵌套 297
19.3  可視化盒模型 298
 19.3.1  盒模型的概念 298
 19.3.2  margin（邊界） 299
  實(shí)例64+視頻：使用margin屬性 299
 19.3.3  border（邊框） 300
  實(shí)例65+視頻：使用border屬性 301
 19.3.4  padding（填充） 302
  實(shí)例66+視頻：使用padding屬性 302
19.4  CSS布局定位 303
 19.4.1  relative（相對(duì)定位） 304
  實(shí)例67+視頻：使用相對(duì)定位布局頁(yè)面 304
 19.4.2  absolute（絕對(duì)定位） 305
  實(shí)例68+視頻：使用絕對(duì)定位布局頁(yè)面 306
 19.4.3  fixed（固定定位） 307
  實(shí)例69+視頻：使用固定定位布局頁(yè)面 307
 19.4.4  float（浮動(dòng)定位） 308
  實(shí)例70+視頻：使用浮動(dòng)定位布局頁(yè)面 308
 19.4.5  空白邊疊加 310
19.5  CSS布局方式 310
 19.5.1  居中布局方式 310
 19.5.2  浮動(dòng)布局方式 311
 19.5.3  高度自適應(yīng)布局方式 313
19.6  本章小結(jié) 313
20.1  使用AP Div對(duì)網(wǎng)頁(yè)排版 314
20.1.1  AP Div的基本使用 314
20.1.2  使用AP Div排版 315
 實(shí)例71+視頻：使用AP Div布局頁(yè)面 315
20.1.3  使用AP Div溢出排版 317
 實(shí)例72+視頻：制作文字滾動(dòng)條效果 317
20.2  使用AP Div實(shí)現(xiàn)網(wǎng)頁(yè)特效 318
 20.2.1  AP Div文本的設(shè)置 319
  實(shí)例73+視頻：使用AP Div制作容器文本 319
 20.2.2  AP Div的顯示和隱藏 320
  實(shí)例74+視頻：制作導(dǎo)航彈出效果 320
 20.2.3  拖動(dòng)網(wǎng)頁(yè)中的AP Div 322
  實(shí)例75+視頻：制作可拖動(dòng)的頁(yè)面元素 322
20.3  使用Spry構(gòu)件 324
 20.3.1  Spry菜單 324
  實(shí)例76+視頻：制作頁(yè)面下拉菜單 325
 20.3.2  Spry選項(xiàng)卡式面板 326
  實(shí)例77+視頻：制作化妝品網(wǎng)站銷(xiāo)售欄 327
 20.3.3  Spry折疊式面板 329
  實(shí)例78+視頻：制作游戲任務(wù)大廳 330
 20.3.4  Spry可折疊面板 332
  實(shí)例79+視頻：制作網(wǎng)站產(chǎn)品介紹欄 332
 20.3.5  Spry工具提示 334
  實(shí)例80+視頻：制作攝影展示頁(yè)面 334
20.4  本章小結(jié) 336
21.1  了解Dreamweaver中的行為 337
 21.1.1  什么是行為 337
 21.1.2  行為面板 337
 21.1.3  什么是事件 338
21.2  為網(wǎng)頁(yè)添加JavaScript 338
 21.2.1  彈出消息 338
  實(shí)例81+視頻：制作網(wǎng)頁(yè)彈出信息 338
 21.2.2  彈出瀏覽器窗口 339
  實(shí)例82+視頻：制作廣告彈出窗口 339
 21.2.3  設(shè)置文本域文字 341
  實(shí)例83+視頻：設(shè)置文本域文字 341
 21.2.4  跳轉(zhuǎn)菜單 342
  實(shí)例84+視頻：制作下拉列表鏈接菜單 342
 21.2.5  跳轉(zhuǎn)菜單開(kāi)始 344
 21.2.6  轉(zhuǎn)到URL 344
21.3  網(wǎng)站測(cè)試 345
 21.3.1  檢查瀏覽器的兼容性 345
  實(shí)例85+視頻：檢查頁(yè)面在瀏覽器中的
                           兼容性 345
 21.3.2  檢查鏈接 347
 21.3.3  檢查點(diǎn)報(bào)告 347
21.4  上傳網(wǎng)站 348
 21.4.1  域名、空間的申請(qǐng) 348
 21.4.2  使用Dreamweaver上傳網(wǎng)頁(yè)文件 348
  實(shí)例86+視頻：上傳站點(diǎn) 348
 21.4.3  文件的下載 350
21.5  本章小結(jié) 351
22.1  企業(yè)門(mén)戶(hù)類(lèi)網(wǎng)站功能分析 352
22.2  制作分析 352
22.3  版式布局分析 352
22.4  制作步驟 352
  實(shí)例87+視頻：制作時(shí)尚高檔網(wǎng)站 353
22.5  本章小結(jié) 359
23.1  兒童類(lèi)網(wǎng)站功能分析 360
23.2  制作分析 360
23.3  版式布局分析 360
23.4  制作步驟 361
  實(shí)例88+視頻：制作兒童教育網(wǎng)站 361
23.5  本章小結(jié) 369
24.1  Flash動(dòng)畫(huà)的特點(diǎn) 370
24.2  Flash動(dòng)畫(huà)的基本術(shù)語(yǔ) 370
 24.2.1  常見(jiàn)文件格式 370
 24.2.2  幀、關(guān)鍵幀和空白關(guān)鍵幀 371
 24.2.3  幀頻 371
 24.2.4  場(chǎng)景 372
24.3  Flash軟件的工作界面 372
 24.3.1  主菜單 372
 24.3.2  工具箱 373
 24.3.3  面板 373
 24.3.4  時(shí)間軸 374
 24.3.5  自定義快捷鍵 374
  實(shí)例89+視頻：自定義操作快捷鍵 375
 24.3.6  存儲(chǔ)和切換工作區(qū) 376
24.4  Flash的基本操作 377
 24.4.1  新建和管理文檔 377
  實(shí)例90+視頻：新建一個(gè)空白文檔 377
 24.4.2  打開(kāi)和保存文檔 378
  實(shí)例91+視頻：將文檔另存為 379
 24.4.3  撤銷(xiāo)、重做和重復(fù)命令 380
  實(shí)例92+視頻：制作按鈕底紋效果 381
24.5  Flash動(dòng)畫(huà)的設(shè)計(jì)要素 382
24.6  本章小結(jié) 383
25.1  填充和筆觸 384
 25.1.1  圖形屬性設(shè)置 384
 25.1.2  顏色設(shè)置 384
   實(shí)例93+視頻：位圖填充制作屋頂 385
 25.1.3  編輯筆觸 386
 25.1.4  對(duì)象繪制 387
  實(shí)例94+視頻：繪制卡通形象 387
25.2  繪圖工具的使用 388
 25.2.1  矩形工具和橢圓工具 388
 25.2.2  基本矩形工具和基本橢圓工具 389
  實(shí)例95+視頻：繪制網(wǎng)站按鈕 390
  實(shí)例96+視頻：制作網(wǎng)站留言界面 391
 25.2.3  多角星形工具 392
 25.2.4  線(xiàn)條工具和鉛筆工具 393
  實(shí)例97+視頻：使用線(xiàn)條工具繪制卡通房子 393
 25.2.5  刷子工具和鋼筆工具 394
 25.2.6  噴涂刷工具和Deco工具 395
  實(shí)例98+視頻：制作絢爛都市夜景 396
25.3  圖形的修改 397
  25.3.1  修改線(xiàn)條和輪廓 398
 實(shí)例99+視頻：制作卡通人物五官 398
  25.3.2  線(xiàn)條轉(zhuǎn)換為填充 400
  25.3.3  擴(kuò)展填充對(duì)象 400
  25.3.4  柔化填充邊緣 400
  實(shí)例100+視頻：制作發(fā)光的燈泡 401
25.4  本章小結(jié) 402

26.1  選擇對(duì)象 403
26.2  預(yù)覽圖形對(duì)象 404
26.3  移動(dòng)、復(fù)制對(duì)象 404
 26.3.1  移動(dòng)對(duì)象 405
 26.3.2  復(fù)制對(duì)象 405
 26.3.3  重制對(duì)象 406
  實(shí)例101+視頻：制作包裝紙 406
26.4  對(duì)象的變形操作 407
 26.4.1  自由變換對(duì)象 407
 26.4.2  扭曲圖形對(duì)象 408
 26.4.3  縮放對(duì)象 408
  實(shí)例102+視頻：使用縮放調(diào)整圖像 409
 26.4.4  封套對(duì)象 410
 26.4.5  翻轉(zhuǎn)對(duì)象 410
26.5  對(duì)象的3D操作 411
 26.5.1  3D平移對(duì)象 411
  實(shí)例103+視頻：制作由遠(yuǎn)及近動(dòng)畫(huà) 411
 26.5.2  3D旋轉(zhuǎn)對(duì)象 413
  實(shí)例104+視頻：3D旋轉(zhuǎn)的風(fēng)車(chē) 413
26.6  變形面板 414
26.7  合并圖形對(duì)象 415
  實(shí)例105+視頻：制作停車(chē)場(chǎng)標(biāo)志 416
26.8  本章小結(jié) 417
27.1  創(chuàng)建元件 418
 27.1.1  圖形元件 418
  實(shí)例106+視頻：制作閃耀救護(hù)車(chē) 419
 27.1.2  按鈕元件 420
  實(shí)例107+視頻：制作簡(jiǎn)單按鈕 420
 27.1.3  影片剪輯元件 422
  實(shí)例108+視頻：制作可愛(ài)卡通動(dòng)畫(huà) 422
27.2  編輯元件 424
 27.2.1  元件的注冊(cè)點(diǎn)和中心點(diǎn) 424
 27.2.2  在元件的編輯模式下編輯元件 425
27.3  庫(kù)面板 425
 27.3.1  使用庫(kù)面板管理資源 425
  實(shí)例109+視頻：使用文件夾管理文件 426
 27.3.2  公共庫(kù) 428
27.4  創(chuàng)建和編輯實(shí)例 428
 27.4.1  創(chuàng)建和復(fù)制實(shí)例 429
  實(shí)例110+視頻：復(fù)制滿(mǎn)天熱氣球 429
 27.4.2  改變實(shí)例的類(lèi)型 430
 27.4.3  設(shè)置實(shí)例的顏色樣式 430
實(shí)例111+視頻：制作不同顏色的按鈕 431
27.4.4  分離和交換實(shí)例 432
 實(shí)例112+視頻：替換實(shí)例中的元件 432
27.5  本章小結(jié) 434
28.1  逐幀動(dòng)畫(huà) 435
 28.1.1  逐幀動(dòng)畫(huà)的特點(diǎn) 435
 28.1.2  制作逐幀動(dòng)畫(huà) 435
  實(shí)例113+視頻：制作網(wǎng)站Loading 436
28.2  補(bǔ)間動(dòng)畫(huà) 437
 28.2.1  補(bǔ)間動(dòng)畫(huà)的特點(diǎn) 437
 28.2.2  制作補(bǔ)間動(dòng)畫(huà) 437
  實(shí)例114+視頻：制作網(wǎng)站橫幅 438
 28.2.3  使用動(dòng)畫(huà)編輯器 439
  實(shí)例115+視頻：制作游戲網(wǎng)站首頁(yè) 439
 28.2.4  為動(dòng)畫(huà)增加緩動(dòng) 441
  實(shí)例116+視頻：制作動(dòng)畫(huà)的緩動(dòng)效果 441
28.3  形狀補(bǔ)間和傳統(tǒng)補(bǔ)間動(dòng)畫(huà) 443
 28.3.1  制作形狀補(bǔ)間動(dòng)畫(huà) 443
  實(shí)例117+視頻：制作飛舞的頭發(fā) 443
 28.3.2  制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà) 445
  實(shí)例118+視頻：制作化妝品橫幅條 445
28.4  遮罩動(dòng)畫(huà) 446
 28.4.1  遮罩動(dòng)畫(huà)的特點(diǎn) 447
 28.4.2  制作遮罩動(dòng)畫(huà) 447
  實(shí)例119+視頻：制作商品淡出效果 447
28.5  引導(dǎo)動(dòng)畫(huà) 449
 28.5.1  引導(dǎo)動(dòng)畫(huà)的特點(diǎn) 449
 28.5.2  傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層與引導(dǎo)層 449
  實(shí)例120+視頻：使用引導(dǎo)層制作動(dòng)畫(huà) 450
28.6  制作骨骼動(dòng)畫(huà) 451
  實(shí)例121+視頻：為元件添加骨骼 451
28.7  制作3D動(dòng)畫(huà) 453
  實(shí)例122+視頻：制作3D動(dòng)畫(huà) 453
28.8  使用動(dòng)畫(huà)預(yù)設(shè)面板 455
  實(shí)例123+視頻：制作自定義動(dòng)畫(huà) 456
28.9  Flash中聲音的應(yīng)用 457
 28.9.1  導(dǎo)入聲音文件 458
 28.9.2  將聲音添加到時(shí)間軸 458
   28.9.3  為元件添加聲音 458
    實(shí)例124+視頻：制作神奇的按鈕 459
   28.9.4  為動(dòng)畫(huà)重新設(shè)置背景聲音 460
   28.9.5  聲音的重復(fù) 460
   28.9.6  聲音與動(dòng)畫(huà)同步 461
28.10  本章小結(jié) 461


29.1  ActionScript 概述 462
29.1.1  ActionScript版本 462
29.1.2  使用動(dòng)作面板 462
29.1.3  腳本助手模式 463
 實(shí)例125+視頻：使用腳本助手制作動(dòng)畫(huà) 463
29.1.4  代碼提示 465
 實(shí)例126+視頻：使用代碼提示制作動(dòng)畫(huà) 465
29.2  使用ActionScript 466
29.2.1  在幀中使用代碼 466
 實(shí)例127+視頻：使用幀中代碼制作動(dòng)畫(huà) 466
29.2.2  在元件上使用代碼 468
 實(shí)例128+視頻：在元件上使用代碼制作動(dòng)畫(huà) 468
29.2.3  在外部類(lèi)文件中編寫(xiě)代碼 469
 實(shí)例129+視頻：使用外部類(lèi)代碼制作動(dòng)畫(huà) 469
29.2.4  ActionScript代碼的封裝 470
29.3  使用行為面板 470
  實(shí)例130+視頻：使用行為面板制作動(dòng)畫(huà) 471
29.4  使用代碼片段面板 472
  實(shí)例131+視頻：使用代碼片段面板制作
                              動(dòng)畫(huà) 472
29.5  發(fā)布Flash動(dòng)畫(huà) 474
 29.5.1  發(fā)布設(shè)置 474
  實(shí)例132+視頻：使用“發(fā)布”命令發(fā)布
                                動(dòng)畫(huà) 474
 29.5.2  發(fā)布SWF加密文件 475
  實(shí)例133+視頻：發(fā)布加密的SWF動(dòng)畫(huà)
                                文件 475
29.6  本章小結(jié) 476
30.1  動(dòng)畫(huà)制作方法分析 477
30.2  動(dòng)畫(huà)表現(xiàn)形式分析 477
30.3  制作步驟 478
  實(shí)例134+視頻：制作網(wǎng)站導(dǎo)航 478
30.4  本章小結(jié) 482
31.1  動(dòng)畫(huà)制作方法分析 483
31.2  動(dòng)畫(huà)表現(xiàn)形式分析 483
31.3  制作步驟 484
  實(shí)例135+視頻：制作網(wǎng)頁(yè)背景動(dòng)畫(huà) 484
31.4  本章小結(jié) 488