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

第1篇  基礎(chǔ)知識(shí)
第1章  網(wǎng)頁(yè)設(shè)計(jì)入門 1
1.1  什么是網(wǎng)頁(yè) 1
1.1.1  Web含義及工作方式 1
1.1.2  網(wǎng)頁(yè)、網(wǎng)站和主頁(yè) 3
1.2  網(wǎng)站開發(fā)流程 4
1.2.1  前期準(zhǔn)備 4
1.2.2  中期設(shè)計(jì)開發(fā) 5
1.2.3  后期維護(hù) 7
1.3  選擇合適的網(wǎng)頁(yè)制作工具 9
1.4  本章小結(jié) 10
1.5  思考與練習(xí) 10
1.5.1  填空、判斷與選擇 10
1.5.2  問與答 11
第2章  網(wǎng)頁(yè)圖片處理基礎(chǔ) 12
2.1  矢量圖與位圖 12
2.1.1  矢量圖圖像 12
2.1.2  位圖圖像及質(zhì)量 13
2.2  網(wǎng)頁(yè)圖片 14
2.2.1  網(wǎng)頁(yè)圖片的格式 14
2.2.2  圖片插入網(wǎng)頁(yè)注意事項(xiàng) 16
2.3  選擇合適的網(wǎng)頁(yè)圖片處理工具 17
2.4  本章小結(jié) 18
2.5  思考與練習(xí) 18
2.5.1  填空、判斷與選擇 18
2.5.2  問與答 18
第3章  網(wǎng)頁(yè)動(dòng)畫原理 19
3.1  什么是動(dòng)畫 19
3.1.1  動(dòng)畫原理與發(fā)展 19
3.1.2  計(jì)算機(jī)動(dòng)畫 20
3.2  網(wǎng)頁(yè)動(dòng)畫 20
3.2.1  網(wǎng)頁(yè)動(dòng)畫類型 20
3.3.2  網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)與創(chuàng)意 23
3.3  選擇合適的網(wǎng)頁(yè)動(dòng)畫制作工具 23
3.4  本章小結(jié) 24
3.5  思考與練習(xí) 24
3.5.1  填空、判斷與選擇 24
3.5.2  問與答 25
第2篇  Dreamweaver 8篇
第4章  Dreamweaver 8概述 26
4.1  安裝和啟動(dòng) 26
4.1.1  Dreamweaver 8 對(duì)系統(tǒng)基本
      要求 27
4.1.2  安裝和刪除過程分析 27
4.1.3  啟動(dòng)Dreamweaver 8 31
4.2  工作環(huán)境 32
4.2.1  認(rèn)識(shí)Dreamweaver 8工作界面 32
4.2.2  使用開始頁(yè) 36
4.2.3  巧用幫助系統(tǒng) 37
4.3  用Dreamweaver 8制作網(wǎng)頁(yè)注意事項(xiàng) 39
4.3.1  網(wǎng)頁(yè)路徑地址分析 39
4.3.2  其他注意事項(xiàng) 40
4.4  本章小結(jié) 41
4.5  思考與練習(xí) 41
4.5.1  填空、判斷與選擇 41
4.5.2  問與答 42
第5章  利用Dreamweaver 8設(shè)計(jì)
       制作簡(jiǎn)單網(wǎng)頁(yè) 43
5.1  構(gòu)建和管理網(wǎng)站站點(diǎn) 43
5.1.1  站點(diǎn)的功能和作用 43
5.1.2  創(chuàng)建本地站點(diǎn) 43
5.1.3  對(duì)站點(diǎn)的基本操作 45
5.2  制作頁(yè)面準(zhǔn)備工作 46
5.2.1  新建、打開和保存網(wǎng)頁(yè) 46
5.2.2  設(shè)置頁(yè)面屬性 47
5.2.3  Meta文件頭設(shè)置 49
5.3  網(wǎng)頁(yè)布局排版設(shè)計(jì) 50
5.3.1  表格排版設(shè)計(jì) 51
5.3.2  布局視圖排版 55
5.3.3  巧用網(wǎng)頁(yè)層 58
5.3.4  另類排版——框架 62
5.4  添加頁(yè)面內(nèi)容 66
5.4.1  插入網(wǎng)頁(yè)對(duì)象 66
5.4.2  超級(jí)鏈接 69
5.5  網(wǎng)站測(cè)試、上傳與發(fā)布 71
5.5.1  申請(qǐng)域名及空間 72
5.5.2  上傳網(wǎng)站 72
5.6  本章小結(jié) 74
5.7  思考與練習(xí) 74
5.7.1  填空、判斷與選擇 74
5.7.2  問與答 75
第6章  美化頁(yè)面及提高制作效率 76
6.1  使用CSS美化頁(yè)面 76
6.1.1  關(guān)于CSS 76
6.1.2  CSS的創(chuàng)建、編輯及應(yīng)用 77
6.1.3  對(duì)CSS的高級(jí)操作 79
6.2  使用庫(kù) 81
6.2.1  關(guān)于庫(kù) 81
6.2.2  庫(kù)的創(chuàng)建、應(yīng)用及編輯 82
6.2.3  對(duì)庫(kù)的高級(jí)操作 84
6.3  使用模板 84
6.3.1  關(guān)于模板 85
6.3.2  模板的創(chuàng)建、編輯、應(yīng)用及
      更新 85
6.3.3  對(duì)模板的高級(jí)操作 88
6.4  本章小結(jié) 88
6.5  思考與練習(xí) 89
6.5.1  填空、判斷與選擇 89
6.5.2  問與答 89
第7章  Dreamweaver 8與動(dòng)態(tài)
       網(wǎng)頁(yè)設(shè)計(jì) 90
7.1  動(dòng)態(tài)網(wǎng)頁(yè)框架——HTML超文本
         標(biāo)記語言 90
7.1.1  HTML 90
7.1.2  HTML與Dreamweaver 8 92
7.2  收集用戶信息——表單 95
7.2.1  表單 95
7.2.2  創(chuàng)建表單及表單域 96
7.3  動(dòng)態(tài)網(wǎng)頁(yè)編程——行為 104
7.3.1  行為 104
7.3.2  行為的使用 106
7.4  本章小結(jié) 112
7.5  思考與練習(xí) 112
7.5.1  填空、判斷與選擇 112
7.5.2  問與答 113
第3篇  Fireworks 8篇
第8章  Fireworks 8概述 114
8.1  安裝和啟動(dòng) 114
8.1.1  Fireworks 8對(duì)系統(tǒng)基本要求 115
8.1.2  安裝和刪除過程分析 116
8.1.3  啟動(dòng)Fireworks 8 118
8.2  工作環(huán)境 118
8.2.1  認(rèn)識(shí)Fireworks 8工作界面 118
8.2.2  畫面顯示調(diào)整及文檔視圖 122
8.2.3  使用標(biāo)尺、網(wǎng)格與引導(dǎo)線 123
8.3  Web圖像的處理流程 124
8.4  本章小結(jié) 125
8.5  思考與練習(xí) 125
8.5.1  填空、判斷與選擇 125
8.5.2  問與答 125
第9章  Fireworks 8基本操作 126
9.1  文檔的創(chuàng)建與編輯 126
9.1.1  創(chuàng)建文檔 126
9.1.2  改變文檔屬性 127
9.1.3  保存文檔及文件格式轉(zhuǎn)換 129
9.2  文本的設(shè)計(jì) 130
9.2.1  輸入文本及設(shè)置文本屬性 130
9.2.2  文本樣式設(shè)置 131
9.2.3  文本的變形 132
9.3  使用圖層控制圖像 133
9.3.1  “層”面板及圖層操作 133
9.3.2  圖層蒙版的應(yīng)用 136
9.3.3  混合及透明度 139
9.4  本章小結(jié) 140
9.5  思考與練習(xí) 140
9.5.1  填空、判斷與選擇 140
9.5.2  問與答 141
第10章  利用Fireworks 8設(shè)計(jì)網(wǎng)站CI
        ——矢量圖創(chuàng)建 142
10.1  創(chuàng)建矢量圖形 142
10.1.1  繪制基本圖形 142
10.1.2  繪制自動(dòng)形狀圖形 144
10.2  使用路徑工具 145
10.2.1  什么是路徑 145
10.2.2  創(chuàng)建和編輯路徑 146
10.2.3  路徑使用技巧 149
10.3  本章小結(jié) 152
10.4  思考與練習(xí) 153
10.4.1  填空、判斷與選擇 153
10.4.2  問與答 153
第11章  利用Fireworks 8設(shè)計(jì)網(wǎng)站
         主頁(yè)——位圖創(chuàng)建 154
11.1  創(chuàng)建選區(qū) 154
11.1.1  創(chuàng)建規(guī)則選區(qū)與不規(guī)則選區(qū) 155
11.1.2  創(chuàng)建特殊選區(qū) 157
11.1.3  對(duì)選區(qū)的基本操作 158
11.2  繪制位圖 162
11.2.1  位圖工具的使用 162
11.2.2  創(chuàng)建按鈕（導(dǎo)航條） 167
11.2.3  創(chuàng)建圖像切片 169
11.3  圖像優(yōu)化與導(dǎo)出 170
11.3.1  圖像優(yōu)化過程 170
11.3.2  導(dǎo)出圖像 172
11.3.3  在Dreamweaver中使用Fireworks
       文檔 174
11.4  本章小結(jié) 176
11.5  思考與練習(xí) 176
11.5.1  填空、判斷與選擇 176
11.5.2  問與答 176
第4篇　Flash 8篇
第12章  Flash 8概述 177
12.1  安裝和啟動(dòng) 177
12.1.1  Flash 8對(duì)系統(tǒng)基本要求 178
12.1.2  安裝和刪除過程分析 179
12.1.3  啟動(dòng)Flash 8 181
12.2  工作環(huán)境 181
12.2.1  認(rèn)識(shí)Flash 8工作界面 181
12.2.2  舞臺(tái)和工作區(qū) 185
12.3  Flash動(dòng)畫在網(wǎng)頁(yè)中的應(yīng)用 186
12.4  本章小結(jié) 188
12.5  思考與練習(xí) 188
12.5.1  填空、判斷與選擇 188
12.5.1  問與答 189
第13章  利用Flash 8制作簡(jiǎn)單動(dòng)畫
        網(wǎng)頁(yè) 190
13.1  對(duì)象的繪制與編輯（常用工具的使用）
           190
13.1.1  繪圖類工具的使用 190
13.1.2  填充類工具的使用 193
13.1.3  選擇類工具的使用 195
13.1.4  其他工具的使用 197
13.2  動(dòng)畫制作基礎(chǔ) 200
13.2.1  導(dǎo)入圖像 200
13.2.2  層的使用 203
13.2.3  元件的使用 206
13.3  創(chuàng)建動(dòng)畫 211
13.3.1  時(shí)間軸與幀 212
13.3.2  引導(dǎo)層和遮罩層動(dòng)畫 212
13.3.3  運(yùn)動(dòng)過渡動(dòng)畫和變形過渡
       動(dòng)畫 216
13.3.4  幀—幀動(dòng)畫 220
13.4  在動(dòng)畫中添加聲音 221
13.4.1  Flash 8支持的聲音格式 221
13.4.2  導(dǎo)入與編輯聲音 222
13.4.3  聲音應(yīng)用實(shí)例 224
13.5  本章小結(jié) 225
13.6  思考與練習(xí) 225
13.6.1  填空、判斷與選擇 225
13.6.2  問與答 226
第14章  利用Flash 8 制作交互式
         動(dòng)畫網(wǎng)頁(yè) 227
14.1  Flash編程基礎(chǔ) 227
14.1.1  認(rèn)識(shí)“動(dòng)作”面板 227
14.1.2  ActionScript語法 229
14.1.3  添加代碼的位置 233
14.2  創(chuàng)建交互式操作動(dòng)畫 234
14.2.1  創(chuàng)建動(dòng)態(tài)系統(tǒng)日期
       （幀動(dòng)畫的制作） 234
14.2.2  編輯按鈕腳本控制動(dòng)畫的狀態(tài)
       （按鈕動(dòng)畫的制作） 238
14.2.3  利用“復(fù)制影片”制作鼠標(biāo)跟蹤
       動(dòng)畫（影片剪輯動(dòng)畫的制作） 241
14.3  本章小結(jié) 246
14.4  思考與練習(xí) 246
14.4.1  填空、判斷與選擇 246
14.4.2  問與答 247
第15章  利用Flash 8發(fā)布網(wǎng)頁(yè) 248
15.1  測(cè)試Flash影片 248
15.1.1  測(cè)試影片 248
15.1.2  優(yōu)化動(dòng)畫 249
15.2  導(dǎo)出和發(fā)布影片 250
15.2.1  導(dǎo)出影片 250
15.2.2  發(fā)布動(dòng)畫 251
15.3  在Dreamweaver中使用Flash動(dòng)畫 254
15.4  本章小結(jié) 256
15.5  思考與練習(xí) 256
15.5.1  填空、判斷與選擇 256
15.5.2  問與答 257
第5篇　實(shí)驗(yàn)指導(dǎo)與提高篇
第16章  實(shí)驗(yàn)指導(dǎo) 258
16.1  實(shí)驗(yàn)一：網(wǎng)頁(yè)基礎(chǔ)知識(shí) 258
16.2  實(shí)驗(yàn)二：認(rèn)識(shí)Dreamweaver 8 260
16.3  實(shí)驗(yàn)三：制作簡(jiǎn)單網(wǎng)頁(yè) 261
16.4  實(shí)驗(yàn)四：頁(yè)面美化及提高
          制作效率 263
16.5  實(shí)驗(yàn)五：HTML與Dreamweaver 264
16.6  實(shí)驗(yàn)六：Dreamweaver應(yīng)用技能 265
16.7  實(shí)驗(yàn)七：認(rèn)識(shí)Fireworks 8 266
16.8  實(shí)驗(yàn)八：Fireworks基本操作 267
16.9  實(shí)驗(yàn)九：設(shè)計(jì)網(wǎng)站CI 268
16.10  實(shí)驗(yàn)十：網(wǎng)站主要圖片設(shè)計(jì) 269
16.11  實(shí)驗(yàn)十一：認(rèn)識(shí)Flash 8 270
16.12  實(shí)驗(yàn)十二：創(chuàng)建簡(jiǎn)單動(dòng)畫一 271
16.13  實(shí)驗(yàn)十三：創(chuàng)建簡(jiǎn)單動(dòng)畫二 272
16.14  實(shí)驗(yàn)十四：交互式動(dòng)畫制作 273
16.15  實(shí)驗(yàn)十五：動(dòng)畫發(fā)布 274
16.16  本章附錄：實(shí)驗(yàn)報(bào)告參考格式 275
第17章  課程設(shè)計(jì)與綜合測(cè)試 276
17.1  課程設(shè)計(jì)——網(wǎng)頁(yè)綜合編輯能力
          訓(xùn)練 276
17.2  上機(jī)測(cè)試題 280
17.3  理論測(cè)試題（閉卷） 282
附錄A  教學(xué)大綱 287
附 錄B  習(xí)題答案 294