網(wǎng)頁(yè)設(shè)計(jì)三合一教程與上機(jī)實(shí)訓(xùn)：Dreamweaver CS3 Fireworks CS3 Flsh CS3

第1篇　網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)
第1章　網(wǎng)站與網(wǎng)頁(yè)概述 1
1.1　網(wǎng)站與網(wǎng)頁(yè)的基礎(chǔ)知識(shí) 1
1.1.1　Internet與Web 1
1.1.2　Web的工作方式 2
1.1.3　網(wǎng)頁(yè)、網(wǎng)站和主頁(yè)的關(guān)系 4
1.2　網(wǎng)站規(guī)劃方案 4
1.2.1　網(wǎng)站類型及定位 5
1.2.2　網(wǎng)站開(kāi)發(fā)流程 8
1.2.3　網(wǎng)站策劃書(shū) 9
1.3　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 11
1.3.1　設(shè)計(jì)網(wǎng)站CI 11
1.3.2　確定網(wǎng)站風(fēng)格 12
1.3.3　設(shè)計(jì)頁(yè)面布局 13
1.3.4　搭配網(wǎng)頁(yè)色彩 13
1.4　選擇合適的網(wǎng)頁(yè)制作工具 14
1.5　本章小結(jié) 15
1.6　思考與練習(xí) 15
1.6.1　填空、判斷與選擇 15
1.6.2　問(wèn)與答 16
第2章　網(wǎng)頁(yè)圖片處理 17
2.1　矢量圖形與位圖圖像 17
2.1.1　矢量圖形 17
2.1.2　位圖圖像及質(zhì)量 18
2.1.3　分辨率對(duì)圖像的影響 18
2.2　網(wǎng)頁(yè)中圖片的應(yīng)用 19
2.2.1　網(wǎng)頁(yè)圖片格式 19
2.2.2　其他圖片格式 20
2.2.3　圖片應(yīng)用到網(wǎng)頁(yè)的注意事項(xiàng) 21
2.3　選擇合適的網(wǎng)頁(yè)圖片處理工具 22
2.4　本章小結(jié) 23
2.5　思考與練習(xí) 23
2.5.1　填空、判斷與選擇 23
2.5.2　問(wèn)與答 24
第3章　網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì) 25
3.1　動(dòng)畫(huà)的基礎(chǔ)知識(shí) 25
3.1.1　動(dòng)畫(huà)原理與發(fā)展 25
3.1.2　計(jì)算機(jī)動(dòng)畫(huà) 26
3.2　網(wǎng)頁(yè)中動(dòng)畫(huà)的應(yīng)用 26
3.2.1　網(wǎng)頁(yè)動(dòng)畫(huà)類型 26
3.2.2　網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)與創(chuàng)意 28
3.3　選擇合適的網(wǎng)頁(yè)動(dòng)畫(huà)制作工具 29
3.4　本章小結(jié) 30
3.5　思考與練習(xí) 30
3.5.1　填空、判斷與選擇 30
3.5.2　問(wèn)與答 30
第2篇　網(wǎng)頁(yè)設(shè)計(jì)三劍客
第4章　Dreamweaver CS3概述 31
4.1　安裝和啟動(dòng) 31
4.1.1　Dreamweaver CS3 對(duì)系統(tǒng)的基本要求 32
4.1.2　安裝和刪除過(guò)程分析 32
4.1.3　啟動(dòng)Dreamweaver CS3 35
4.2　工作環(huán)境 35
4.2.1　Dreamweaver CS3工作界面 35
4.2.2　使用開(kāi)始頁(yè) 39
4.2.3　巧用幫助系統(tǒng) 40
4.3　用Dreamweaver CS3制作網(wǎng)頁(yè)注意事項(xiàng) 41
4.3.1　網(wǎng)頁(yè)路徑地址分析 41
4.3.2　其他注意事項(xiàng) 43
4.4　本章小結(jié) 43
4.5　思考與練習(xí) 43
4.5.1　填空、判斷與選擇 43
4.5.2　問(wèn)與答 44
第5章　利用Dreamweaver CS3設(shè)計(jì)制作簡(jiǎn)單網(wǎng)頁(yè) 45
5.1　構(gòu)建和管理網(wǎng)站站點(diǎn) 45
5.1.1　站點(diǎn)的功能和作用 45
5.1.2　創(chuàng)建本地站點(diǎn) 45
5.1.3　站點(diǎn)的基本操作 47
5.2　制作網(wǎng)頁(yè)的準(zhǔn)備工作 47
5.2.1　新建、打開(kāi)和保存網(wǎng)頁(yè) 47
5.2.2　設(shè)置頁(yè)面屬性 49
5.2.3　設(shè)置Meta文件頭 51
5.3　網(wǎng)頁(yè)布局排版設(shè)計(jì) 52
5.3.1　表格排版 53
5.3.2　布局視圖排版 56
5.3.3　巧用網(wǎng)頁(yè)層 59
5.3.4　另類排版——框架 62
5.4　添加頁(yè)面內(nèi)容 66
5.4.1　插入網(wǎng)頁(yè)對(duì)象 67
5.4.2　插入超級(jí)鏈接 70
5.5　本章小結(jié) 72
5.6　思考與練習(xí) 72
5.6.1　填空、判斷與選擇 72
5.6.2　問(wèn)與答 73
第6章　美化頁(yè)面及提高制作效率 74
6.1　使用CSS美化頁(yè)面 74
6.1.1　關(guān)于CSS 74
6.1.2　創(chuàng)建、編輯及應(yīng)用CSS 75
6.1.3　CSS的高級(jí)操作 77
6.2　使用庫(kù) 79
6.2.1　關(guān)于庫(kù) 79
6.2.2　創(chuàng)建、應(yīng)用及編輯庫(kù) 80
6.2.3　庫(kù)的高級(jí)操作 81
6.3　使用模板 82
6.3.1　關(guān)于模板 82
6.3.2　創(chuàng)建、編輯、應(yīng)用及更新模板 82
6.3.3　模板的高級(jí)操作 85
6.4　本章小結(jié) 85
6.5　思考與練習(xí) 85
6.5.1　填空、判斷與選擇 85
6.5.2　問(wèn)與答 86
第7章　Dreamweaver CS3與動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 87
7.1　動(dòng)態(tài)網(wǎng)頁(yè)框架——HTML 87
7.1.1　關(guān)于HTML 87
7.1.2　HTML與Dreamweaver CS3 88
7.2　收集用戶信息——表單 91
7.2.1　關(guān)于表單 91
7.2.2　創(chuàng)建表單及表單域 92
7.3　動(dòng)態(tài)網(wǎng)頁(yè)編程——行為 100
7.3.1　關(guān)于行為 100
7.3.2　使用行為 101
7.4　本章小結(jié) 107
7.5　思考與練習(xí) 107
7.5.1　填空、判斷與選擇 107
7.5.2　問(wèn)與答 108
第8章　Fireworks CS3概述 109
8.1　安裝和啟動(dòng) 109
8.1.1　Fireworks CS3對(duì)系統(tǒng)的基本要求 110
8.1.2　安裝和刪除過(guò)程分析 110
8.1.3　啟動(dòng)Fireworks CS3 111
8.2　工作環(huán)境 112
8.2.1　Fireworks CS3工作界面 112
8.2.2　畫(huà)面顯示調(diào)整及文檔視圖 115
8.2.3　使用標(biāo)尺、網(wǎng)格與引導(dǎo)線 116
8.3　Web圖像的處理流程 117
8.4　本章小結(jié) 118
8.5　思考與練習(xí) 118
8.5.1　填空、判斷與選擇 118
8.5.2　問(wèn)與答 118
第9章　Fireworks CS3基本操作 119
9.1　創(chuàng)建與編輯文檔 119
9.1.1　創(chuàng)建文檔 119
9.1.2　改變文檔屬性 120
9.1.3　保存文檔及文件格式轉(zhuǎn)換 122
9.2　編輯文本 122
9.2.1　輸入文本及設(shè)置文本屬性 122
9.2.2　設(shè)置文本樣式 124
9.2.3　文本的變形 125
9.3　使用圖層控制圖像 125
9.3.1　“層”面板及圖層操作 126
9.3.2　圖層蒙版的應(yīng)用 128
9.3.3　混合及透明度 131
9.4　本章小結(jié) 132
9.5　思考與練習(xí) 132
9.5.1　填空、判斷與選擇 132
9.5.2　問(wèn)與答 132
第10章　利用Fireworks CS3設(shè)計(jì)網(wǎng)站CI——矢量圖形創(chuàng)建 133
10.1　創(chuàng)建矢量圖形 133
10.1.1　繪制基本圖形 133
10.1.2　繪制自動(dòng)形狀圖形 135
10.2　使用路徑工具 136
10.2.1　關(guān)于路徑 136
10.2.2　創(chuàng)建和編輯路徑 136
10.2.3　路徑使用技巧 139
10.3　本章小結(jié) 143
10.4　思考與練習(xí) 143
10.4.1　填空、判斷與選擇 143
10.4.2　問(wèn)與答 143
第11章　利用Fireworks CS3設(shè)計(jì)網(wǎng)站主頁(yè)——位圖圖像創(chuàng)建 144
11.1　創(chuàng)建選區(qū) 144
11.1.1　創(chuàng)建規(guī)則選區(qū)與不規(guī)則選區(qū) 145
11.1.2　創(chuàng)建特殊選區(qū) 147
11.1.3　選區(qū)的基本操作 148
11.2　繪制位圖圖像 151
11.2.1　位圖圖像工具的使用 152
11.2.2　創(chuàng)建按鈕（導(dǎo)航條） 156
11.2.3　創(chuàng)建圖像切片 157
11.3　圖像優(yōu)化與導(dǎo)出 158
11.3.1　圖像優(yōu)化過(guò)程 158
11.3.2　導(dǎo)出圖像 160
11.3.3　在Dreamweaver中使用Fireworks文檔 162
11.4　本章小結(jié) 163
11.5　思考與練習(xí) 164
11.5.1　填空、判斷與選擇 164
11.5.2　問(wèn)與答 164
第12章　Flash CS3概述 165
12.1　安裝和啟動(dòng) 165
12.1.1　Flash CS3對(duì)系統(tǒng)的基本要求166
12.1.2　安裝和刪除過(guò)程分析 166
12.1.3　啟動(dòng)Flash CS3 167
12.2　工作環(huán)境 168
12.2.1　Flash CS3工作界面 168
12.2.2　舞臺(tái)和工作區(qū) 172
12.3　Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的應(yīng)用 173
12.4　本章小結(jié) 174
12.5　思考與練習(xí) 174
12.5.1　填空、判斷與選擇 174
12.5.2　問(wèn)與答 175
第13章　利用Flash CS3制作簡(jiǎn)單動(dòng)畫(huà)網(wǎng)頁(yè) 176
13.1　對(duì)象的繪制與編輯——常用工具的使用 176
13.1.1　繪圖類工具的使用 176
13.1.2　填充類工具的使用 179
13.1.3　選擇類工具的使用 181
13.1.4　其他工具的使用 183
13.2　動(dòng)畫(huà)制作基礎(chǔ) 186
13.2.1　導(dǎo)入圖像 186
13.2.2　層的使用 188
13.2.3　元件的使用 190
13.3　創(chuàng)建動(dòng)畫(huà) 196
13.3.1　時(shí)間軸與幀 196
13.3.2　引導(dǎo)層和遮罩層動(dòng)畫(huà) 197
13.3.3　運(yùn)動(dòng)過(guò)渡動(dòng)畫(huà)和變形過(guò)渡動(dòng)畫(huà) 200
13.3.4　幀-幀動(dòng)畫(huà) 204
13.4　在動(dòng)畫(huà)中添加聲音 204
13.4.1　Flash CS3支持的聲音格式 204
13.4.2　導(dǎo)入與編輯聲音 205
13.4.3　聲音應(yīng)用實(shí)例 207
13.5　本章小結(jié) 208
13.6　思考與練習(xí) 208
13.6.1　填空、判斷與選擇 208
13.6.2　問(wèn)與答 209
第14章　利用Flash CS3制作交互式動(dòng)畫(huà)網(wǎng)頁(yè) 210
14.1　Flash編程基礎(chǔ) 210
14.1.1　認(rèn)識(shí)“動(dòng)作”面板 210
14.1.2　ActionScript語(yǔ)法 212
14.1.3　添加代碼的位置 216
14.2　創(chuàng)建交互式操作動(dòng)畫(huà) 217
14.2.1　創(chuàng)建動(dòng)態(tài)系統(tǒng)日期（幀動(dòng)畫(huà)的制作） 217
14.2.2　編輯按鈕腳本控制動(dòng)畫(huà)的狀態(tài)（按鈕動(dòng)畫(huà)的制作） 220
14.2.3　利用“復(fù)制影片”制作鼠標(biāo)跟蹤動(dòng)畫(huà)（影片剪輯動(dòng)畫(huà)的制作） 223
14.3　本章小結(jié) 227
14.4　思考與練習(xí) 227
14.4.1　填空、判斷與選擇 227
14.4.2　問(wèn)與答 227
第15章　利用Flash CS3發(fā)布網(wǎng)頁(yè) 228
15.1　測(cè)試及優(yōu)化Flash影片 228
15.1.1　測(cè)試影片 228
15.1.2　優(yōu)化影片 229
15.2　導(dǎo)出和發(fā)布影片 230
15.2.1　導(dǎo)出影片 230
15.2.2　發(fā)布影片 230
15.3　在Dreamweaver中使用Flash動(dòng)畫(huà) 233
15.4　本章小結(jié) 235
15.5　思考與練習(xí) 235
15.5.1　填空、判斷與選擇 235
15.5.2　問(wèn)與答 235

第3篇　網(wǎng)站上傳、推廣與維護(hù)
第16章　網(wǎng)站測(cè)試與上傳 236
16.1　網(wǎng)站測(cè)試基礎(chǔ) 236
16.1.1　進(jìn)行網(wǎng)站測(cè)試的原因 236
16.1.2　網(wǎng)站測(cè)試內(nèi)容 237
16.2　網(wǎng)站的檢查和測(cè)試 238
16.2.1　檢查并修復(fù)超級(jí)鏈接 238
16.2.2　檢查瀏覽器的兼容性 239
16.2.3　網(wǎng)站綜合性檢查 239
16.3　網(wǎng)站上傳與發(fā)布 240
16.3.1　申請(qǐng)域名及空間 240
16.3.2　自行架構(gòu)Web、FTP服務(wù)器 241
16.3.3　上傳網(wǎng)站 245
16.4　本章小結(jié) 246
16.5　思考與練習(xí) 247
16.5.1　填空、判斷與選擇 247
16.5.2　問(wèn)與答 247
第17章　網(wǎng)站推廣應(yīng)用 248
17.1　如何讓別人搜到網(wǎng)站 248
17.1.1　提高網(wǎng)站訪問(wèn)量 248
17.1.2　搜索引擎的概念 250
17.1.3　注冊(cè)Baidu、Google搜索引擎 251
17.2　如何進(jìn)行網(wǎng)站備案 252
17.2.1　工業(yè)和信息化部“ICP/IP/域名信息”備案 253
17.2.2　備案過(guò)程與方法 253
17.3　本章小結(jié) 254
17.4　思考與練習(xí) 254
17.4.1　填空、判斷與選擇 254
17.4.2　問(wèn)與答 254
第18章　網(wǎng)站后期維護(hù) 255
18.1　定期更新網(wǎng)站資料 255
18.1.1　建立更新計(jì)劃 255
18.1.2　資料更新技巧 256
18.2　網(wǎng)站安全性防范 257
18.2.1　網(wǎng)站安全誤區(qū) 257
18.2.2　應(yīng)對(duì)網(wǎng)站攻擊策略 258
18.2.3　網(wǎng)頁(yè)部分加密技術(shù) 259
18.3　本章小結(jié) 260
18.4　思考與練習(xí) 260
18.4.1　填空、判斷與選擇 260
18.4.2　問(wèn)與答 260

第4篇　實(shí)驗(yàn)與課程設(shè)計(jì)
第19章　實(shí)驗(yàn)指導(dǎo)與項(xiàng)目實(shí)訓(xùn) 261
19.1　實(shí)驗(yàn)一：網(wǎng)頁(yè)基礎(chǔ)知識(shí) 261
19.2　實(shí)驗(yàn)二：認(rèn)識(shí)Dreamweaver CS3 263
19.3　實(shí)驗(yàn)三：制作簡(jiǎn)單網(wǎng)頁(yè) 264
19.4　實(shí)驗(yàn)四：頁(yè)面美化及提高制作效率 265
19.5　實(shí)驗(yàn)五：HTML與Dreamweaver 266
19.6　實(shí)驗(yàn)六：Dreamweaver應(yīng)用技能 267
19.7　實(shí)驗(yàn)七：認(rèn)識(shí)Fireworks CS3 268
19.8　實(shí)驗(yàn)八：Fireworks CS3基本操作 269
19.9　實(shí)驗(yàn)九：設(shè)計(jì)網(wǎng)站CI 270
19.10　實(shí)驗(yàn)十：設(shè)計(jì)網(wǎng)站的主要圖片 270
19.11　實(shí)驗(yàn)十一：認(rèn)識(shí)Flash CS3 271
19.12　實(shí)驗(yàn)十二：創(chuàng)建簡(jiǎn)單動(dòng)畫(huà)一 272
19.13　實(shí)驗(yàn)十三：創(chuàng)建簡(jiǎn)單動(dòng)畫(huà)二 273
19.14　實(shí)驗(yàn)十四：制作交互式動(dòng)畫(huà) 274
19.15　實(shí)驗(yàn)十五：發(fā)布動(dòng)畫(huà) 275
19.16　實(shí)驗(yàn)十六：網(wǎng)站測(cè)試與上傳 275
19.17　實(shí)驗(yàn)報(bào)告參考格式 277
實(shí)驗(yàn)報(bào)告 277
第20章　課程設(shè)計(jì) 278
附錄　習(xí)題答案 283