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

第1篇　網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)
第1章　網(wǎng)站與網(wǎng)頁概述 1
1.1　網(wǎng)站與網(wǎng)頁的基礎(chǔ)知識(shí) 1
1.1.1　Internet與Web 1
1.1.2　Web的工作方式 2
1.1.3　網(wǎng)頁、網(wǎng)站和主頁的關(guān)系 4
1.2　網(wǎng)站規(guī)劃方案 4
1.2.1　網(wǎng)站類型及定位 5
1.2.2　網(wǎng)站開發(fā)流程 8
1.2.3　網(wǎng)站策劃書 9
1.3　網(wǎng)頁設(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ì)頁面布局 13
1.3.4　搭配網(wǎng)頁色彩 13
1.4　選擇合適的網(wǎng)頁制作工具 14
1.5　本章小結(jié) 15
1.6　思考與練習(xí) 15
1.6.1　填空、判斷與選擇 15
1.6.2　問與答 16
第2章　網(wǎng)頁圖片處理 17
2.1　矢量圖形與位圖圖像 17
2.1.1　矢量圖形 17
2.1.2　位圖圖像及質(zhì)量 18
2.1.3　分辨率對(duì)圖像的影響 18
2.2　網(wǎng)頁中圖片的應(yīng)用 19
2.2.1　網(wǎng)頁圖片格式 19
2.2.2　其他圖片格式 20
2.2.3　圖片應(yīng)用到網(wǎng)頁的注意事項(xiàng) 21
2.3　選擇合適的網(wǎng)頁圖片處理工具 22
2.4　本章小結(jié) 23
2.5　思考與練習(xí) 23
2.5.1　填空、判斷與選擇 23
2.5.2　問與答 24
第3章　網(wǎng)頁動(dòng)畫設(shè)計(jì) 25
3.1　動(dòng)畫的基礎(chǔ)知識(shí) 25
3.1.1　動(dòng)畫原理與發(fā)展 25
3.1.2　計(jì)算機(jī)動(dòng)畫 26
3.2　網(wǎng)頁中動(dòng)畫的應(yīng)用 26
3.2.1　網(wǎng)頁動(dòng)畫類型 26
3.2.2　網(wǎng)頁動(dòng)畫設(shè)計(jì)與創(chuàng)意 28
3.3　選擇合適的網(wǎng)頁動(dòng)畫制作工具 29
3.4　本章小結(jié) 30
3.5　思考與練習(xí) 30
3.5.1　填空、判斷與選擇 30
3.5.2　問與答 30
第2篇　網(wǎng)頁設(shè)計(jì)三劍客
第4章　Dreamweaver CS3概述 31
4.1　安裝和啟動(dòng) 31
4.1.1　Dreamweaver CS3 對(duì)系統(tǒng)的基本要求 32
4.1.2　安裝和刪除過程分析 32
4.1.3　啟動(dòng)Dreamweaver CS3 35
4.2　工作環(huán)境 35
4.2.1　Dreamweaver CS3工作界面 35
4.2.2　使用開始頁 39
4.2.3　巧用幫助系統(tǒng) 40
4.3　用Dreamweaver CS3制作網(wǎng)頁注意事項(xiàng) 41
4.3.1　網(wǎng)頁路徑地址分析 41
4.3.2　其他注意事項(xiàng) 43
4.4　本章小結(jié) 43
4.5　思考與練習(xí) 43
4.5.1　填空、判斷與選擇 43
4.5.2　問與答 44
第5章　利用Dreamweaver CS3設(shè)計(jì)制作簡單網(wǎng)頁 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)頁的準(zhǔn)備工作 47
5.2.1　新建、打開和保存網(wǎng)頁 47
5.2.2　設(shè)置頁面屬性 49
5.2.3　設(shè)置Meta文件頭 51
5.3　網(wǎng)頁布局排版設(shè)計(jì) 52
5.3.1　表格排版 53
5.3.2　布局視圖排版 56
5.3.3　巧用網(wǎng)頁層 59
5.3.4　另類排版——框架 62
5.4　添加頁面內(nèi)容 66
5.4.1　插入網(wǎng)頁對(duì)象 67
5.4.2　插入超級(jí)鏈接 70
5.5　本章小結(jié) 72
5.6　思考與練習(xí) 72
5.6.1　填空、判斷與選擇 72
5.6.2　問與答 73
第6章　美化頁面及提高制作效率 74
6.1　使用CSS美化頁面 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　使用庫 79
6.2.1　關(guān)于庫 79
6.2.2　創(chuàng)建、應(yīng)用及編輯庫 80
6.2.3　庫的高級(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　問與答 86
第7章　Dreamweaver CS3與動(dòng)態(tài)網(wǎng)頁設(shè)計(jì) 87
7.1　動(dòng)態(tài)網(wǎng)頁框架——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)頁編程——行為 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　問與答 108
第8章　Fireworks CS3概述 109
8.1　安裝和啟動(dòng) 109
8.1.1　Fireworks CS3對(duì)系統(tǒng)的基本要求 110
8.1.2　安裝和刪除過程分析 110
8.1.3　啟動(dòng)Fireworks CS3 111
8.2　工作環(huán)境 112
8.2.1　Fireworks CS3工作界面 112
8.2.2　畫面顯示調(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　問與答 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　問與答 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　問與答 143
第11章　利用Fireworks CS3設(shè)計(jì)網(wǎng)站主頁——位圖圖像創(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)化過程 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　問與答 164
第12章　Flash CS3概述 165
12.1　安裝和啟動(dòng) 165
12.1.1　Flash CS3對(duì)系統(tǒng)的基本要求166
12.1.2　安裝和刪除過程分析 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)畫在網(wǎng)頁中的應(yīng)用 173
12.4　本章小結(jié) 174
12.5　思考與練習(xí) 174
12.5.1　填空、判斷與選擇 174
12.5.2　問與答 175
第13章　利用Flash CS3制作簡單動(dòng)畫網(wǎng)頁 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)畫制作基礎(chǔ) 186
13.2.1　導(dǎo)入圖像 186
13.2.2　層的使用 188
13.2.3　元件的使用 190
13.3　創(chuàng)建動(dòng)畫 196
13.3.1　時(shí)間軸與幀 196
13.3.2　引導(dǎo)層和遮罩層動(dòng)畫 197
13.3.3　運(yùn)動(dòng)過渡動(dòng)畫和變形過渡動(dòng)畫 200
13.3.4　幀-幀動(dòng)畫 204
13.4　在動(dòng)畫中添加聲音 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　問與答 209
第14章　利用Flash CS3制作交互式動(dòng)畫網(wǎng)頁 210
14.1　Flash編程基礎(chǔ) 210
14.1.1　認(rèn)識(shí)“動(dòng)作”面板 210
14.1.2　ActionScript語法 212
14.1.3　添加代碼的位置 216
14.2　創(chuàng)建交互式操作動(dòng)畫 217
14.2.1　創(chuàng)建動(dòng)態(tài)系統(tǒng)日期（幀動(dòng)畫的制作） 217
14.2.2　編輯按鈕腳本控制動(dòng)畫的狀態(tài)（按鈕動(dòng)畫的制作） 220
14.2.3　利用“復(fù)制影片”制作鼠標(biāo)跟蹤動(dòng)畫（影片剪輯動(dòng)畫的制作） 223
14.3　本章小結(jié) 227
14.4　思考與練習(xí) 227
14.4.1　填空、判斷與選擇 227
14.4.2　問與答 227
第15章　利用Flash CS3發(fā)布網(wǎng)頁 228
15.1　測試及優(yōu)化Flash影片 228
15.1.1　測試影片 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)畫 233
15.4　本章小結(jié) 235
15.5　思考與練習(xí) 235
15.5.1　填空、判斷與選擇 235
15.5.2　問與答 235

第3篇　網(wǎng)站上傳、推廣與維護(hù)
第16章　網(wǎng)站測試與上傳 236
16.1　網(wǎng)站測試基礎(chǔ) 236
16.1.1　進(jìn)行網(wǎng)站測試的原因 236
16.1.2　網(wǎng)站測試內(nèi)容 237
16.2　網(wǎng)站的檢查和測試 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　問與答 247
第17章　網(wǎng)站推廣應(yīng)用 248
17.1　如何讓別人搜到網(wǎng)站 248
17.1.1　提高網(wǎng)站訪問量 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　備案過程與方法 253
17.3　本章小結(jié) 254
17.4　思考與練習(xí) 254
17.4.1　填空、判斷與選擇 254
17.4.2　問與答 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)頁部分加密技術(shù) 259
18.3　本章小結(jié) 260
18.4　思考與練習(xí) 260
18.4.1　填空、判斷與選擇 260
18.4.2　問與答 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)頁基礎(chǔ)知識(shí) 261
19.2　實(shí)驗(yàn)二：認(rèn)識(shí)Dreamweaver CS3 263
19.3　實(shí)驗(yàn)三：制作簡單網(wǎng)頁 264
19.4　實(shí)驗(yàn)四：頁面美化及提高制作效率 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)建簡單動(dòng)畫一 272
19.13　實(shí)驗(yàn)十三：創(chuàng)建簡單動(dòng)畫二 273
19.14　實(shí)驗(yàn)十四：制作交互式動(dòng)畫 274
19.15　實(shí)驗(yàn)十五：發(fā)布動(dòng)畫 275
19.16　實(shí)驗(yàn)十六：網(wǎng)站測試與上傳 275
19.17　實(shí)驗(yàn)報(bào)告參考格式 277
實(shí)驗(yàn)報(bào)告 277
第20章　課程設(shè)計(jì) 278
附錄　習(xí)題答案 283