網(wǎng)頁設計三合一教程與上機實訓：Dreamweaver CS3 Fireworks CS3 Flsh CS3

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

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

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