新編網(wǎng)頁制作三合一實(shí)用教程

第1章 MACROMEDIA 網(wǎng)頁三劍客簡介 1
1.1 Macromedia Studio MX 2004簡介 1
1.2 Dreamweaver MX 2004簡介 2
1.3 Flash MX 2004簡介 3
1.4 Fireworks MX 2004簡介 5
1.5 網(wǎng)頁制作基礎(chǔ) 7
1.5.1 互聯(lián)網(wǎng)概述 7
1.5.2 網(wǎng)頁設(shè)計(jì)概述 8
小結(jié) 14
習(xí)題 14
第2章 初識(shí)DREAMWEAVER MX 2004 15
2.1 Dreamweaver MX 2004安裝與啟動(dòng) 15
2.1.1 安裝Dreamweaver MX 2004的系統(tǒng)要求 15
2.1.2 安裝Dreamweaver MX 2004 16
2.1.3 啟動(dòng)Dreamweaver MX 2004 16
2.2 Dreamweaver MX 2004界面構(gòu)成 17
2.2.1 MX 2004風(fēng)格的操作界面 17
2.2.2 編碼風(fēng)格的操作界面 18
2.2.3 設(shè)計(jì)風(fēng)格的操作界面 19
2.3 Dreamweaver MX 2004菜單與面板簡介 19
2.3.1 Dreamweaver MX 2004面板簡介 20
2.3.2 Dreamweaver MX 2004菜單簡介 31
2.4 Dreamweaver MX 2004基本參數(shù)設(shè)置 37
2.4.1 常規(guī)參數(shù)設(shè)置 37
2.4.2 預(yù)覽設(shè)置 37
2.4.3 快捷鍵參數(shù)設(shè)置 38
2.4.4 CSS樣式參數(shù)設(shè)置 39
2.4.5 代碼顏色參數(shù)設(shè)置 39
2.4.6 標(biāo)記色彩參數(shù)設(shè)置 40
2.4.7 不可見元素參數(shù)設(shè)置 40
2.4.8 站點(diǎn)參數(shù)設(shè)置 41
2.5 Dreamweaver MX 2004基本操作 41
2.5.1 新建網(wǎng)頁 41
2.5.2 保存網(wǎng)頁 43
2.5.3 打開網(wǎng)頁 43
2.5.4 設(shè)置頁面屬性 43
小結(jié) 44
習(xí)題 44
第3章 文本與圖像的應(yīng)用 45
3.1 網(wǎng)頁中的文本應(yīng)用 45
3.1.1 文字的輸入 45
3.1.2 設(shè)置文本格式 45
3.1.3 設(shè)置文本字體 46
3.1.4 設(shè)置文本字號(hào) 47
3.1.5 設(shè)置文本顏色 47
3.1.6 設(shè)置文本加粗. 傾斜以及對(duì)齊方式 49
3.1.7 設(shè)置文本超鏈接 49
3.1.8 設(shè)置文本的排序標(biāo)志 51
3.2 網(wǎng)頁中的圖像應(yīng)用 52
3.2.1 圖像基礎(chǔ)知識(shí) 52
3.2.2 插入圖片 52
3.2.3 設(shè)置圖片大小 54
3.2.4 設(shè)置圖片的對(duì)齊方式 54
3.2.5 設(shè)置圖片的熱點(diǎn)區(qū)域 55
3.2.6 設(shè)置圖片其他屬性 56
3.2.7 設(shè)置圖片外部編輯器 56
3.3 文本樣式應(yīng)用 57
3.3.1 定義CSS樣式 57
3.3.2 設(shè)置CSS參數(shù) 60
3.4 圖像變換效果應(yīng)用 67
小結(jié) 68
習(xí)題 69
第4章 表格與層的應(yīng)用 70
4.1 表格在網(wǎng)頁中的應(yīng)用 70
4.1.1 插入表格 70
4.1.2 在表格中填充內(nèi)容 71
4.1.3 添加及刪除行和列 72
4.1.4 設(shè)置表格和單元格屬性 73
4.1.5 嵌套表格 74
4.1.6 導(dǎo)入表格數(shù)據(jù) 75
4.1.7 導(dǎo)出表格數(shù)據(jù) 75
4.1.8 格式化表格 76
4.2 層在網(wǎng)頁中的應(yīng)用 77
4.2.1 插入層 77
4.2.2 設(shè)定層的屬性 78
4.2.3 調(diào)整層大小 80
4.2.4 改變層的位置 81
4.2.5 對(duì)齊層 81
4.2.6 在層中插入內(nèi)容 81
4.2.7 標(biāo)尺和網(wǎng)格的應(yīng)用 82
4.2.8 表格與層的相互轉(zhuǎn)換 83
4.3 布局視圖在網(wǎng)頁中的應(yīng)用 85
4.3.1 創(chuàng)建布局表格和單元格 85
4.3.2 在布局單元格中添加內(nèi)容 87
4.3.3 設(shè)置列寬 87
4.3.4 設(shè)置布局表格和單元格屬性 88
4.3.5 設(shè)置布局視圖參數(shù) 89
小結(jié) 90
習(xí)題 90
第5章 表單與框架的應(yīng)用 91
5.1 表單在網(wǎng)頁中的應(yīng)用 91
5.2 創(chuàng)建表單及表單對(duì)象 92
5.2.1 在網(wǎng)頁中插入表單 92
5.2.2 設(shè)置表單屬性 92
5.2.3 插入文本 93
5.2.4 插入隱藏域 95
5.2.5 插入復(fù)選框 96
5.2.6 插入單選按鈕 97
5.2.7 創(chuàng)建列表和菜單 98
5.2.8 創(chuàng)建跳轉(zhuǎn)菜單 100
5.2.9 創(chuàng)建圖像域 102
5.2.10 創(chuàng)建文件域 103
5.2.11 創(chuàng)建按鈕 103
5.3 框架在網(wǎng)頁中的應(yīng)用 104
5.3.1 使用框架 104
5.3.2 創(chuàng)建框架和框架集 105
5.3.3 選擇框架和框架集 106
5.3.4 設(shè)置框架屬性 107
5.3.5 設(shè)置框架集“屬性”面板選項(xiàng) 108
小結(jié) 108
習(xí)題 108
第6章 行為 110
6.1 行為與事件 110
6.1.1 行為與事件簡介 110
6.1.2 “行為”面板簡介 111
6.1.3 附加行為 112
6.1.4 更新行為 113
6.2 行為在網(wǎng)頁中的應(yīng)用 113
6.2.1 播放聲音 113
6.2.2 打開瀏覽器窗口 114
6.2.3 彈出消息 114
6.2.4 調(diào)用JavaScript 115
6.2.5 改變屬性 115
6.2.6 檢查表單 116
6.2.7 檢查插件 117
6.2.8 檢查瀏覽器 118
6.2.9 預(yù)先載入圖像 118
6.2.10 設(shè)置導(dǎo)航欄圖像 119
6.2.11 設(shè)置文本 120
6.2.12 拖動(dòng)層 121
6.2.13 顯示-隱藏層 123
6.2.14 轉(zhuǎn)到URL 123
6.3 擴(kuò)展Dreamweaver MX 2004內(nèi)置行為 124
小結(jié) 124
習(xí)題 124
第7章 DREAMWEAVER MX 2004應(yīng)用實(shí)例 125
7.1 制作Web相冊 125
7.2 圖片導(dǎo)航 128
7.3 插件的使用 133
小結(jié) 136
習(xí)題 136
第8章 初識(shí)FLASH MX 2004 138
8.1 Flash MX 2004安裝與啟動(dòng) 138
8.1.1 安裝Flash MX 2004的系統(tǒng)要求 138
8.1.2 安裝Flash MX 2004 138
8.1.3 啟動(dòng)Flash MX 2004 139
8.2 Flash MX 2004菜單與面板簡介 139
8.2.1 Flash MX 2004菜單簡介 140
8.2.2 時(shí)間軸 144
8.2.3 舞臺(tái) 145
小結(jié) 145
習(xí)題 145
第9章 FLASH MX 2004 使用基礎(chǔ) 146
9.1 Flash MX 2004基本工具簡介 146
9.1.1 箭頭工具的使用 146
9.1.2 部分選取工具 146
9.1.3 直線工具 147
9.1.4 套索工具 148
9.1.5 鋼筆工具 148
9.1.6 橢圓工具與矩形工具 149
9.1.7 文本工具 149
9.1.8 鉛筆工具 151
9.1.9 畫筆工具 152
9.1.10 墨水瓶工具 153
9.1.11 顏料桶工具 153
9.1.12 滴管工具 155
9.1.13 橡皮擦工具 155
9.2 調(diào)色板與混色器的使用 156
9.2.1 調(diào)色板的使用 156
9.2.2 混色器的使用 157
9.3 資源的導(dǎo)入與應(yīng)用 159
9.3.1 圖片資源的導(dǎo)入 159
9.3.2 轉(zhuǎn)換為矢量圖形 160
9.3.3 位圖填充 162
9.3.4 聲音資源的導(dǎo)入 163
9.3.5 事件聲音和流式聲音 163
9.3.6 對(duì)聲音資源的編輯 164
9.3.7 視頻資源的導(dǎo)入 167
9.3.8 對(duì)視頻資源的編輯 169
小結(jié) 170
習(xí)題 170
第10章 FLASH MX 2004動(dòng)畫制作 171
10.1 Flash MX 2004圖層應(yīng)用 171
10.1.1 圖層概述 171
10.1.2 新建圖層 171
10.1.3 視圖圖層 172
10.1.4 編輯圖層 172
10.1.5 引導(dǎo)層與遮罩層 174
10.2 元件. 實(shí)例和庫資源 179
10.2.1 元件. 實(shí)例和庫資源概述 179
10.2.2 元件的種類 180
10.2.3 創(chuàng)建圖形元件 180
10.2.4 創(chuàng)建按鈕元件 182
10.2.5 創(chuàng)建影片剪輯元件 185
10.2.6 創(chuàng)建元件實(shí)例 186
10.2.7 設(shè)置實(shí)例的屬性 187
10.2.8 使用共享庫資源 192
10.3 創(chuàng)建補(bǔ)間動(dòng)畫 192
10.3.1 Flash動(dòng)畫類型 192
10.3.2 關(guān)鍵幀 193
10.3.3 編輯幀 194
10.3.4 創(chuàng)建補(bǔ)間動(dòng)畫 194
10.3.5 創(chuàng)建路徑補(bǔ)間動(dòng)畫 195
10.3.6 變形過渡動(dòng)畫的制作 199
10.3.7 使用變形線索 201
10.4 逐幀動(dòng)畫的制作 202
小結(jié) 204
習(xí)題 204
第11章 ACTIONSCRIPT簡介 205
11.1 ActionScript語法概述 205
11.1.1 點(diǎn)的使用 205
11.1.2 大括號(hào)的使用 206
11.1.3 分號(hào)的使用 206
11.1.4 圓括號(hào)的使用 206
11.1.5 大小寫字母的使用 207
11.1.6 注釋的使用 207
11.1.7 關(guān)鍵字 207
11.1.8 常量 208
11.2 ActionScript數(shù)據(jù)類型 208
11.2.1 字符串 208
11.2.2 數(shù)值 209
11.2.3 邏輯變量 209
11.2.4 對(duì)象 210
11.2.5 電影剪輯 210
11.2.6 空值及未定義值 210
11.3 ActionScript變量 210
11.3.1 變量命名原則 211
11.3.2 變量賦值 211
11.3.3 變量類型 211
11.3.4 變量的申明 212
11.3.5 變量的使用 213
11.4 ActionScript運(yùn)算符 214
11.4.1 運(yùn)算符優(yōu)先級(jí) 214
11.4.2 算術(shù)運(yùn)算符 214
11.4.3 比較運(yùn)算符 215
11.4.4 字符串運(yùn)算符 215
11.4.5 邏輯運(yùn)算符 216
11.4.6 相等運(yùn)算符 216
11.4.7 賦值運(yùn)算符 217
11.5 編寫ActionScript腳本 217
11.5.1 面向?qū)ο蟮木幊谭椒?217
11.5.2 運(yùn)行控制方法 218
11.5.3 流程控制方法 219
11.5.4 常用術(shù)語 220
11.6 使用動(dòng)作面板 222
11.6.1 動(dòng)作面板 222
11.6.2 常用動(dòng)作 224
小結(jié) 226
習(xí)題 226
第12章 影片的測試與發(fā)布 227
12.1 測試影片 227
12.1.1 測試環(huán)境 227
12.1.2 帶寬狀況圖示 228
12.1.3 幀數(shù)圖表 229
12.1.4 數(shù)據(jù)流圖表 229
12.2 發(fā)布影片 229
12.2.1 發(fā)布文件格式 230
12.2.2 發(fā)布格式設(shè)置 230
12.2.3 發(fā)布影片 241
12.3 新增發(fā)布特性 242
12.3.1 Accessibility協(xié)助工具 242
12.3.2 錨點(diǎn) 243
12.3.3 增強(qiáng)SWF文件的壓縮性 243
12.3.4 支持多種媒體和平臺(tái) 243
小結(jié) 245
習(xí)題 245
第13章 FLASH MX 2004動(dòng)畫實(shí)例講解 246
13.1 補(bǔ)間動(dòng)畫實(shí)例——彈跳的小球 246
13.1.1 影片屬性的設(shè)置 246
13.1.2 小球的制作 247
13.1.3 陰影的制作 249
13.1.4 小球彈跳動(dòng)畫制作 250
13.1.5 陰影動(dòng)畫制作 253
13.1.6 發(fā)布動(dòng)畫 254
13.2 逐幀動(dòng)畫實(shí)例——行走的人 254
13.2.1 圖片系列的導(dǎo)入 255
13.2.2 發(fā)布動(dòng)畫 256
13.3 遮罩應(yīng)用實(shí)例——放大鏡 257
13.3.1 導(dǎo)入圖片 257
13.3.2 遮罩層的制作 259
13.3.3 發(fā)布動(dòng)畫 262
13.4 ActionScript實(shí)例——飛舞的文字 263
13.4.1 文字元件的創(chuàng)建 263
13.4.2 添加ActionScript代碼 264
13.4.3 發(fā)布影片 266
小結(jié) 267
習(xí)題 267
第14章 初識(shí)FIREWORKS MX 2004 268
14.1 Fireworks MX 2004安裝與啟動(dòng) 268
14.2 Fireworks MX 2004菜單簡介 270
14.2.1 “文件”菜單 270
14.2.2 “編輯”菜單 271
14.2.3 “視圖”菜單 272
14.2.4 “選擇”菜單 273
14.2.5 “修改”菜單 274
14.2.6 “文本”菜單 275
14.2.7 “命令”菜單 276
14.2.8 “濾鏡”菜單 276
14.2.9 “窗口”菜單 277
14.2.10 “幫助”菜單 278
14.3 Fireworks MX 2004面板簡介 278
14.3.1 繪畫區(qū)域 279
14.3.2 組合和分離面板 279
14.3.3 顯示和隱藏面板 280
14.3.4 “工具”面板 280
14.3.5 “屬性”面板 283
14.3.6 “優(yōu)化”面板 284
14.3.7 “層”面板 284
14.3.8 “幀和歷史記錄”面板 285
14.3.9 “資源”面板組 286
14.3.10 “混色器”面板 287
14.3.11 “樣本”面板 288
14.3.12 “信息”面板 288
14.3.13 “行為”面板 288
14.3.14 “查找”面板 289
小結(jié) 290
習(xí)題 290
第15章 FIREWORKS MX 2004 使用基礎(chǔ) 291
15.1 Fireworks MX 2004文檔處理 291
15.1.1 創(chuàng)建新文檔 291
15.1.2 打開文檔 293
15.1.3 保存文檔 295
15.1.4 設(shè)置文檔屬性 295
15.2 Fireworks MX 2004參數(shù)設(shè)置 297
15.2.1 常規(guī)設(shè)置 298
15.2.2 編輯設(shè)置 299
15.2.3 啟動(dòng)并編輯設(shè)置 300
15.2.4 文件夾設(shè)置 301
15.2.5 導(dǎo)入設(shè)置 302
15.2.6 HTML屬性設(shè)置 303
15.2.7 打印屬性設(shè)置 305
15.3 Fireworks MX 2004色彩基礎(chǔ) 305
15.3.1 網(wǎng)頁中的顏色 305
15.3.2 顏色的選取 305
15.3.3 “樣本”面板的使用 307
15.3.4 “混色器”的使用 309
小結(jié) 312
習(xí)題 312
第16章 FIREWORKS MX 2004處理圖形基礎(chǔ) 313
16.1 圖像基礎(chǔ) 313
16.1.1 矢量圖像和位圖圖像 313
16.1.2 分辨率及路徑 314
16.2 Fireworks MX 2004處理矢量圖形 314
16.2.1 兩種工作模式 314
16.2.2 標(biāo)尺與網(wǎng)格的使用 315
16.2.3 使用輔助線 316
16.2.4 路徑應(yīng)用 317
16.2.5 矢量圖的繪制 319
16.3 Fireworks MX 2004處理位圖 324
16.3.1 位圖處理工具簡介 324
16.3.2 圖像的選取 330
小結(jié) 332
習(xí)題 332
第17章 FIREWORKS MX 2004特殊效果應(yīng)用 333
17.1 筆觸應(yīng)用 333
17.1.1 使用筆觸 333
17.1.2 內(nèi)置筆觸 335
17.1.3 自定義筆觸 343
17.2 濾鏡的使用 349
17.2.1 “調(diào)整顏色”子菜單 349
17.2.2 “模糊”子菜單 353
17.2.3 “其他”子菜單 355
17.2.4 “銳化”子菜單 355
17.2.5 Eye Candy 4000 LE子菜單 356
17.3 填充的使用 357
17.3.1 實(shí)心 358
17.3.2 網(wǎng)頁抖動(dòng) 359
17.3.3 漸變填充 360
17.3.4 透明漸變 362
17.3.5 圖案填充 363
17.4 “屬性”面板內(nèi)置特效應(yīng)用 364
17.4.1 內(nèi)斜角和外斜角 364
17.4.2 投影效果 366
17.4.3 浮雕效果 367
17.4.4 發(fā)光效果 367
17.4.5 應(yīng)用多重效果 368
小結(jié) 369
習(xí)題 369
第18章 FIREWORKS MX 2004應(yīng)用實(shí)例 370
18.1 按鈕制作實(shí)例 370
18.2 雙色調(diào)文字制作實(shí)例 373
18.3 逐幀GIF動(dòng)畫制作實(shí)例 374
18.4 補(bǔ)間GIF動(dòng)畫制作實(shí)例 378
小結(jié) 379
習(xí)題 379
第19章 網(wǎng)頁三劍客綜合制作實(shí)例 380
19.1 在Fireworks MX 2004中制作動(dòng)畫logo 380
19.1.1 制作動(dòng)畫 380
19.1.2 添加文字 381
19.1.3 導(dǎo)出圖像 382
19.2 在Flash MX 2004中制作游戲 383
19.2.1 導(dǎo)入游戲面板 383
19.2.2 制作按鈕 383
19.2.3 制作其他元件 386
19.2.4 制作其他元件 388
19.3 在Dreamweaver MX 2004中制作游戲頁面 391
19.3.1 插入并編輯表格 391
19.3.2 導(dǎo)入動(dòng)畫 393
19.3.3 添加文字部分 394
19.4 個(gè)人空間的申請(qǐng)與上傳 396
19.4.1 個(gè)人空間的申請(qǐng) 396
19.4.2 主頁文件的上傳 399
19.4.3 主頁空間的管理與續(xù)費(fèi) 401
19.4.4 通過網(wǎng)易主頁模板工具快速制作主頁 406
小結(jié) 411
習(xí)題 411