網(wǎng)頁(yè)設(shè)計(jì)與制作教程（新世紀(jì)高職高專實(shí)用規(guī)劃教材）

第1章 網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 1
1.1 定位網(wǎng)站主題和名稱 1
1.1.1 合理選題 1
1.1.2 精選網(wǎng)站名稱 2
1.2 確立網(wǎng)站的CI形象 2
1.3 網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu) 4
1.3.1 網(wǎng)站的目錄結(jié)構(gòu) 4
1.3.2 網(wǎng)站的鏈接結(jié)構(gòu) 6
1.4 確定網(wǎng)站的整體風(fēng)格和
創(chuàng)意設(shè)計(jì) 6
1.4.1 網(wǎng)站風(fēng)格 6
1.4.2 網(wǎng)站創(chuàng)意 7
1.5 網(wǎng)頁(yè)設(shè)計(jì)“三劍客” 8
1.5.1 網(wǎng)頁(yè)設(shè)計(jì)軟件
Dreamweaver 9
1.5.2 網(wǎng)絡(luò)圖像處理軟件
Fireworks 9
1.5.3 網(wǎng)絡(luò)動(dòng)畫制作
軟件Flash 10
1.6 其他常用工具 11
1.6.1 網(wǎng)頁(yè)設(shè)計(jì)軟件
Microsoft FrontPage 11
1.6.2 用Netscape Designer
設(shè)計(jì)網(wǎng)頁(yè) 12
1.6.3 圖像處理軟件Photoshop 13
1.7 網(wǎng)頁(yè)及網(wǎng)頁(yè)中的元素 13
1.7.1 網(wǎng)頁(yè)的基本介紹 13
1.7.2 網(wǎng)頁(yè)中包括的元素 14
1.8 其他的設(shè)計(jì)元素 17
1.8.1 首頁(yè)設(shè)計(jì) 17
1.8.2 版面布局 18
1.8.3 網(wǎng)頁(yè)色彩搭配 20
1.9 制作并發(fā)布第一個(gè)網(wǎng)頁(yè) 21
1.9.1 準(zhǔn)備工作 21
1.9.2 定義本地站點(diǎn) 22
1.9.3 編輯網(wǎng)頁(yè) 23
1.9.4 發(fā)布網(wǎng)站 28
習(xí)題 30
第2章 Dreamweaver MX 2004入門 32
2.1 Dreamweaver MX 2004
的新特性 32
2.2 Dreamweaver MX 2004
工作界面 32
2.3 簡(jiǎn)單的頁(yè)面操作 34
2.3.1 管理頁(yè)面 34
2.3.2 操作HTML源文件 37
2.3.3 導(dǎo)入Word文件 38
2.4 網(wǎng)頁(yè)元素的運(yùn)用 39
2.4.1 插入文本 40
2.4.2 插入水平線、特殊字符
和時(shí)間 41
2.4.3 插入圖像 43
2.5 網(wǎng)頁(yè)鏈接 44
2.5.1 相對(duì)路徑和絕對(duì)路徑 45
2.5.2 制作鏈接 46
2.5.3 預(yù)覽鏈接效果 50
2.6 表格排版 50
2.6.1 創(chuàng)建新表格 51
2.6.2 修飾表格 52
2.6.3 嵌套表格 53
習(xí)題 53
第3章 在網(wǎng)頁(yè)中創(chuàng)建表單和樣式 55
3.1 使用表單制作動(dòng)態(tài)網(wǎng)頁(yè) 55
3.1.1 創(chuàng)建表單域 56
3.1.2 文本字段/文本區(qū)域 56
3.1.3 列表/菜單 57
3.1.4 單選按鈕與復(fù)選框 59
3.1.5 按鈕 60
3.1.6 隱藏區(qū)域 62
3.1.7 文件域 63
3.1.8 跳轉(zhuǎn)菜單 63
3.1.9 表單屬性 64
3.2 使用CSS樣式制作動(dòng)態(tài)網(wǎng)頁(yè) 65
3.2.1 CSS基礎(chǔ) 65
3.2.2 鏈接文字技術(shù) 67
3.2.3 三維文字 70
3.2.4 CSS濾鏡 74
習(xí)題 83
第4章 Dreamweaver MX 2004
動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 85
4.1 使用動(dòng)態(tài)圖層 85
4.1.1 鼠標(biāo)單擊按鈕時(shí)顯示
或隱藏圖層 85
4.1.2 鼠標(biāo)移到圖片時(shí)顯示
隱藏圖層 88
4.2 時(shí)間軸的應(yīng)用 92
4.2.1 時(shí)間軸的使用 92
4.2.2 簡(jiǎn)單的時(shí)間軸實(shí)例 93
4.2.3 制作彈出菜單 96
習(xí)題 99
第5章 用Dreamweaver MX 2004
管理網(wǎng)站 101
5.1 新建站點(diǎn) 101
5.1.1 設(shè)置本地信息 102
5.1.2 設(shè)置遠(yuǎn)程服務(wù)器信息 103
5.2 文件管理 105
5.2.1 調(diào)出并查看網(wǎng)站
文件目錄 105
5.2.2 增添文件夾 107
5.2.3 其他操作 107
5.2.4 上傳和下載文件 108
5.3 測(cè)試本地站點(diǎn) 108
5.3.1 檢測(cè)站點(diǎn)的瀏覽
器兼容性 108
5.3.2 檢查可能存在的
鏈接錯(cuò)誤 111
5.3.3 修改鏈接錯(cuò)誤 113
習(xí)題 114
第6章 Fireworks MX 2004入門 116
6.1 Fireworks MX 2004工作界面 116
6.1.1 啟動(dòng)和關(guān)閉
Fireworks MX 2004 116
6.1.2 Fireworks MX 2004
窗口簡(jiǎn)介 117
6.1.3 優(yōu)化預(yù)覽圖像 119
6.2 Fireworks MX 2004工具
的應(yīng)用 120
6.2.1 工具欄的使用 120
6.2.2 幀控制器 122
6.2.3 工具箱 122
6.3 面板使用與管理 124
6.3.1 常用面板功能介紹 124
6.3.2 組織面板組和面板 128
6.3.3 使用面板組或面板
【選項(xiàng)】菜單 130
6.3.4 保存面板布局 131
6.4 創(chuàng)建與導(dǎo)入文檔 132
6.4.1 創(chuàng)建新文檔 132
6.4.2 改變文檔的顯示屬性 133
6.4.3 旋轉(zhuǎn)與修剪畫布 134
6.4.4 導(dǎo)入文檔 136
6.5 導(dǎo)出文件 138
習(xí)題 139
第7章 繪制和編輯矢量圖 141
7.1 Fireworks的繪圖原理 141
7.1.1 Fireworks的對(duì)象 141
7.1.2 路徑 142
7.1.3 描邊和填充 143
7.1.4 Fireworks的工作模式 144
7.2 繪制路徑對(duì)象 144
7.2.1 繪圖前的準(zhǔn)備工作 144
7.2.2 繪制基本圖形 146
7.3 編輯路徑對(duì)象 150
7.3.1 選取和移動(dòng)對(duì)象 150
7.3.2 路徑對(duì)象的整形 153
7.3.3 路徑對(duì)象的操作 158
7.3.4 設(shè)置對(duì)象的描邊屬性 163
7.3.5 設(shè)置對(duì)象的填充屬性 168
7.3.6 用油漆桶工具填充 176
習(xí)題 177
第8章 編輯和處理位圖 179
8.1 位圖圖形及其編輯模式 179
8.2 創(chuàng)建位圖圖像 180
8.3 創(chuàng)建位圖選區(qū) 181
8.3.1 應(yīng)用位圖選取工具 181
8.3.2 選取框工具的
屬性設(shè)置 184
8.3.3 調(diào)整選取范圍 185
8.4 編輯位圖 188
8.4.1 用鉛筆工具和刷子
工具編輯像素 189
8.4.2 用油漆桶工具
編輯像素 190
8.4.3 復(fù)制位圖像素 191
8.4.4 羽化選區(qū)邊緣 192
8.4.5 刪除像素 193
8.4.6 裁切位圖 194
習(xí)題 195
第9章 創(chuàng)建和編輯文本 197
9.1 創(chuàng)建文本 197
9.1.1 輸入文本 197
9.1.2 移動(dòng)文本塊 198
9.2 導(dǎo)入文本 199
9.2.1 打開或?qū)爰兾?br />本文件 199
9.2.2 打開或?qū)隦TF文件 199
9.2.3 打開或?qū)牒形谋镜?br />Photoshop文件 200
9.3 編輯文本 201
9.3.1 修改文本的字體、
字號(hào)和樣式 202
9.3.2 調(diào)整文本的間距和
字符寬度 203
9.3.3 文本的走向和方向 204
9.3.4 對(duì)齊文本 205
9.3.5 設(shè)置文本填充顏色 206
9.3.6 平滑文本邊緣 207
9.3.7 進(jìn)行段落控制 207
9.4 應(yīng)用文字樣式 208
9.5 路徑文本 210
9.6 文本的變形和整形 211
習(xí)題 212
第10章 Fireworks MX 2004
綜合應(yīng)用 214
10.1 制作按鈕 214
10.1.1 創(chuàng)建一個(gè)按鈕 214
10.1.2 復(fù)制按鈕 217
10.2 制作懸停按鈕 218
10.3 添加特殊效果 220
10.4 應(yīng)用蒙版和熱區(qū) 222
10.4.1 應(yīng)用蒙版 222
10.4.2 創(chuàng)建熱區(qū) 223
10.5 制作動(dòng)畫 224
10.5.1 認(rèn)識(shí)【動(dòng)畫】
對(duì)話框 224
10.5.2 制作位圖動(dòng)畫 224
10.6 導(dǎo)入Fireworks MX 2004
圖像切割對(duì)象到
Dreamweaver MX 2004 226
10.6.1 執(zhí)行圖像切割功能 227
10.6.2 導(dǎo)出成HTML格式 228
10.6.3 導(dǎo)入Dreamweaver MX 2004
工作區(qū) 228
10.7 將Fireworks MX 2004設(shè)置為
Dreamweaver MX 2004 默認(rèn)
的圖像編輯器 231
10.7.1 設(shè)置Fireworks MX 2004為
Dreamweaver MX 2004默認(rèn)
的圖像編輯器 231
10.7.2 調(diào)用Fireworks 進(jìn)行
編輯圖像 232
習(xí)題 234
第11章 Flash MX 2004動(dòng)畫
制作基礎(chǔ) 236
11.1 Flash MX 2004簡(jiǎn)介 236
11.1.1 Flash MX 2004的
主界面 236
11.1.2 繪圖工具箱 237
11.1.3 舞臺(tái) 237
11.1.4 面板 237
11.1.5 圖層 238
11.1.6 時(shí)間軸 238
11.2 繪圖工具箱 239
11.2.1 鉛筆工具 239
11.2.2 直線工具、橢圓形工具和
矩形工具 240
11.2.3 畫筆工具 240
11.2.4 鋼筆工具 241
11.2.5 橡皮擦工具 242
11.2.6 墨水瓶工具 243
11.2.7 探色棒工具 243
11.2.8 箭頭工具 244
11.2.9 任意變形工具 244
11.3 編輯文本 246
11.3.1 基礎(chǔ)操作 246
11.3.2 制作空心字 247
11.3.3 制作倒影字 248
11.4 時(shí)間軸的操作 251
11.4.1 【時(shí)間軸】面板 251
11.4.2 時(shí)間軸的顯示比例 254
11.4.3 燈箱功能 255
11.4.4 幀操作實(shí)例 257
11.5 元件 258
11.5.1 元件的簡(jiǎn)介 259
11.5.2 元件的類型 260
11.5.3 管理元件 262
11.5.4 元件實(shí)例屬性 263
11.5.5 元件使用實(shí)例 266
習(xí)題 269
第12章 制作精彩Flash動(dòng)畫 271
12.1 卡通魚沿軌跡運(yùn)動(dòng)的實(shí)例 271
12.1.1 設(shè)置文檔屬性 272
12.1.2 制作圖形元件 272
12.1.3 制作場(chǎng)景 273
12.2 制作形狀漸變的動(dòng)畫 275
12.2.1 色彩漸變的動(dòng)畫 275
12.2.2 形狀漸變的動(dòng)畫 277
12.2.3 帶有形狀提示的
漸變動(dòng)畫 279
12.3 森林背景移動(dòng)實(shí)例 281
12.3.1 設(shè)置文檔屬性 282
12.3.2 制作文字元件 282
12.3.3 制作森林元件 283
12.3.4 增加電影的長(zhǎng)度 284
12.3.5 制作森林的運(yùn)動(dòng)
漸變 284
12.3.6 制作遮罩效果 285
12.3.7 修改動(dòng)畫速度 285
12.3.8 加工動(dòng)畫 285
12.4 遮罩文字實(shí)例 286
12.4.1 設(shè)置文檔屬性 287
12.4.2 制作元件 287
12.4.3 制作場(chǎng)景 288
12.5 轉(zhuǎn)動(dòng)倒影實(shí)例 291
12.5.1 設(shè)置文檔屬性 292
12.5.2 制作元件 292
12.5.3 制作場(chǎng)景 295
習(xí)題 296
第13章 Flash MX 2004動(dòng)畫的
交互功能 298
13.1 語言編程的基礎(chǔ) 298
13.1.1 編程語言的基本概念 298
13.1.2 Flash的編程語言與
JavaScript的區(qū)別
和聯(lián)系 299
13.1.3 編程動(dòng)作的書寫方法 299
13.1.4 為幀書寫腳本 302
13.1.5 為對(duì)象書寫動(dòng)作 302
13.2 動(dòng)作的基本語言 304
13.2.1 跳轉(zhuǎn)語句 304
13.2.2 跳轉(zhuǎn)到URL 305
13.2.3 監(jiān)測(cè)某幀是否下載 306
13.2.4 發(fā)送信息到動(dòng)畫
主程序 307
13.2.5 編輯動(dòng)畫片段 307
13.2.6 條件語句 310
13.3 按鈕控制影片實(shí)例 311
13.3.1 制作按鈕動(dòng)畫 311
13.3.2 設(shè)置按鈕控制命令 313
13.4 影片片段活用實(shí)例 316
13.4.1 控制卡通魚隨機(jī)
運(yùn)動(dòng) 316
13.4.2 利用鍵盤控制
魔鬼頭影片 318
習(xí)題 319
第14章 Flash動(dòng)畫制作綜合實(shí)例 321
14.1 星光閃爍的特效實(shí)例 321
14.1.1 設(shè)置文檔屬性 321
14.1.2 制作元件 322
14.1.3 制作場(chǎng)景 323
14.2 控制動(dòng)畫魚影片的實(shí)例 326
14.2.1 設(shè)置文檔屬性 326
14.2.2 制作元件 326
14.2.3 制作場(chǎng)景 328
14.3 制作金屬小球跟蹤鼠標(biāo) 331
14.3.1 設(shè)置文檔屬性 332
14.3.2 制作元件 332
14.3.3 制作場(chǎng)景 335
14.4 編程語言控制鼠標(biāo)跟隨實(shí)例 336
14.4.1 設(shè)置文檔屬性 336
14.4.2 制作元件 336
14.4.3 制作場(chǎng)景 339
14.5 新型菜單實(shí)例 341
14.5.1 設(shè)置文檔屬性 341
14.5.2 制作元件 341
14.5.3 制作場(chǎng)景 345
習(xí)題 345
附錄 習(xí)題答案 348