網(wǎng)頁設計三合一教程與上機實訓

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