Dreamweaver MX 2004 Flash MX 2004 Fireworks MX 2004網(wǎng)頁(yè)設(shè)計(jì)與制作教程

編著者
Web和網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)篇
第1章 Web基礎(chǔ) 2
1.1 Internet概述 2
1.1.1 計(jì)算機(jī)網(wǎng)絡(luò)的應(yīng)用 2
1.1.2 Internet的發(fā)展 3
1.2 網(wǎng)絡(luò)協(xié)議 3
1.2.1 TCP/IP參考模型 3
1.2.2 HTTP協(xié)議 4
1.2.3 FTP協(xié)議 5
1.3 Web瀏覽器與服務(wù)器 6
1.3.1 萬(wàn)維網(wǎng) 6
1.3.2 瀏覽器 6
1.3.3 服務(wù)器 7
1.4 IP地址與域名 8
1.4.1 IP地址 8
1.4.2 DNS解析 8
1.4.3 申請(qǐng)域名 8
1.5 本章小結(jié) 9
1.6 思考與練習(xí) 9
第2章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 10
2.1 動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè) 10
2.2 安裝Web服務(wù)器 10
2.2.1 Windows XP Professional環(huán)境下的IIS安裝 10
2.2.2 Linux環(huán)境下的Apache Web服務(wù)器安裝 13
2.3 HTML簡(jiǎn)介 14
2.3.1 HTML的結(jié)構(gòu) 14
2.3.2 HTML標(biāo)簽 15
2.3.3 文字排版 15
2.3.4 畫(huà)線 18
2.3.5 鏈接 18
2.3.6 使用多媒體資源 18
2.4 XML簡(jiǎn)介 19
2.5 JavaScript簡(jiǎn)介 20
2.6 網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver MX 2004 21
2.7 動(dòng)畫(huà)設(shè)計(jì)工具Flash MX 2004 22
2.8 圖像處理工具Fireworks MX 2004 23
2.9 本章小結(jié) 25
2.10 思考與練習(xí) 25
Dreamweaver MX 2004網(wǎng)頁(yè)設(shè)計(jì)篇
第3章 Dreamweaver MX 2004入門(mén) 28
3.1 Dreamweaver MX 2004的工作界面 28
3.1.1 起始頁(yè)的使用 28
3.1.2 操作環(huán)境介紹 29
3.2 創(chuàng)建第一個(gè)網(wǎng)站 31
3.2.1 建立新網(wǎng)站 31
3.2.2 網(wǎng)站文件管理 33
3.2.3 網(wǎng)頁(yè)編輯與瀏覽 33
3.2.4 建立文件之間的鏈接 34
3.3 網(wǎng)頁(yè)文本編輯 35
3.3.1 網(wǎng)頁(yè)文本輸入 35
3.3.2 設(shè)置文本格式 35
3.4 網(wǎng)頁(yè)圖像處理 36
3.4.1 HTML語(yǔ)言支持的圖像格式 36
3.4.2 圖像的插入 37
3.4.3 設(shè)置圖像格式 38
3.5 使用表格配置網(wǎng)頁(yè)版面 38
3.5.1 表格的插入 40
3.5.2 使用表格 41
3.6 在網(wǎng)頁(yè)之間進(jìn)行跳轉(zhuǎn) 44
3.6.1 導(dǎo)航條的創(chuàng)建 44
3.6.2 超級(jí)鏈接的使用 46
3.7 制作多媒體網(wǎng)頁(yè) 49
3.7.1 Flash的使用 49
3.7.2 使用音頻和視頻文件 53
3.8 本章小結(jié) 54
3.9 思考與練習(xí) 55
第4章 網(wǎng)頁(yè)布局設(shè)計(jì) 56
4.1 控制網(wǎng)頁(yè)布局 56
4.2 使用CSS樣式表格式化網(wǎng)頁(yè) 56
4.2.1 CSS樣式表 57
4.2.2 應(yīng)用CSS樣式 57
4.3 管理樣式表 67
4.4 本章小結(jié) 69
4.5 思考與練習(xí) 69
第5章 網(wǎng)頁(yè)制作高級(jí)技術(shù) 70
5.1 與網(wǎng)站進(jìn)行數(shù)據(jù)交互 70
5.1.1 創(chuàng)建表單 70
5.1.2 向表單中插入對(duì)象 72
5.2 使用框架進(jìn)行網(wǎng)頁(yè)導(dǎo)航 80
5.2.1 建立框架 80
5.2.2 編輯框架 81
5.3 使用層控制網(wǎng)頁(yè)版面 86
5.3.1 層的創(chuàng)建 87
5.3.2 層的屬性 87
5.3.3 層的操作 88
5.3.4 層與表格的轉(zhuǎn)換 92
5.4 使用模板統(tǒng)一網(wǎng)站風(fēng)格 93
5.4.1 創(chuàng)建模板 93
5.4.2 使用模板 96
5.5 使用行為豐富網(wǎng)頁(yè)功能 97
5.5.1 行為面板 97
5.5.2 基本事件介紹 98
5.5.3 基本動(dòng)作介紹 99
5.6 通過(guò)插件擴(kuò)展Dreamweaver功能 113
5.6.1 下載插件 114
5.6.2 插件的管理 114
5.6.3 插件的使用 117
5.7 本章小結(jié) 119
5.8 思考與練習(xí) 120
Flash MX 2004動(dòng)畫(huà)設(shè)計(jì)篇
第6章 Flash MX 2004入門(mén) 122
6.1 Flash MX 2004的工作界面 122
6.1.1 舞臺(tái) 123
6.1.2 工具箱 123
6.1.3 主菜單 124
6.1.4 浮動(dòng)面板 124
6.1.5 時(shí)間軸 125
6.1.6 屬性面板 129
6.2 自定義工作環(huán)境 129
6.2.1 常規(guī)屬性頁(yè) 129
6.2.2 編輯屬性頁(yè) 130
6.2.3 剪貼板屬性頁(yè) 131
6.2.4 警告屬性頁(yè) 132
6.2.5 動(dòng)作腳本屬性頁(yè) 132
6.3 常用面板 133
6.3.1 對(duì)齊面板 133
6.3.2 混色器面板 134
6.3.3 顏色樣本面板 134
6.3.4 信息面板 135
6.3.5 變形面板 135
6.4 創(chuàng)建第一個(gè)動(dòng)畫(huà) 136
6.4.1 創(chuàng)建新動(dòng)畫(huà) 136
6.4.2 編輯動(dòng)畫(huà) 137
6.4.3 動(dòng)畫(huà)的預(yù)覽、創(chuàng)建與發(fā)布 139
6.5 本章小結(jié) 140
6.6 思考與練習(xí) 140
第7章 Flash MX 2004繪圖基礎(chǔ) 141
7.1 矢量圖形 141
7.2 工具箱簡(jiǎn)介 141
7.3 繪制圖形 141
7.3.1 畫(huà)線 141
7.3.2 畫(huà)圓柱體 144
7.4 添加文字 147
7.5 調(diào)整圖形 148
7.5.1 選取圖形 148
7.5.2 改變圖形的形狀 152
7.5.3 填充圖形的高級(jí)技巧 153
7.6 本章小結(jié) 154
7.7 思考與練習(xí) 155
第8章 對(duì)象、元件與圖層 156
8.1 編輯對(duì)象 156
8.1.1 選取 156
8.1.2 復(fù)制 156
8.1.3 刪除 157
8.1.4 移動(dòng) 157
8.1.5 變形 157
8.1.6 組合 158
8.2 元件與實(shí)例 158
8.2.1 元件與實(shí)例簡(jiǎn)介 158
8.2.2 元件的類型 159
8.2.3 創(chuàng)建和編輯元件 160
8.3 圖層 161
8.3.1 創(chuàng)建引導(dǎo)圖層 162
8.3.2 創(chuàng)建遮罩圖層 163
8.4 制作文本元件 164
8.5 本章小結(jié) 165
8.6 思考與練習(xí) 165
第9章 多媒體素材的導(dǎo)入與處理 166
9.1 導(dǎo)入文件的基本方法 166
9.2 使用圖形素材 167
9.2.1 矢量化位圖 167
9.2.2 設(shè)置位圖屬性 169
9.3 使用聲音素材 169
9.3.1 給動(dòng)畫(huà)添加聲音 169
9.3.2 給按鈕添加聲音 170
9.4 本章小結(jié) 173
9.5 思考與練習(xí) 173
第10章 制作動(dòng)畫(huà) 174
10.1 管理幀 174
10.1.1 幀編輯 174
10.1.2 使用洋蔥皮 175
10.1.3 調(diào)整幀頻 176
10.2 逐幀動(dòng)畫(huà) 176
10.2.1 秒表動(dòng)畫(huà) 176
10.2.2 凸出文字動(dòng)畫(huà) 177
10.3 運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà) 178
10.4 形狀補(bǔ)間動(dòng)畫(huà) 180
10.4.1 簡(jiǎn)單變形動(dòng)畫(huà) 181
10.4.2 控制變形動(dòng)畫(huà) 182
10.5 創(chuàng)建引導(dǎo)動(dòng)畫(huà) 184
10.6 創(chuàng)建遮罩動(dòng)畫(huà) 187
10.7 使用時(shí)間軸特效 189
10.8 本章小結(jié) 190
10.9 思考與練習(xí) 191
Fireworks MX 2004圖像處理篇
第11章 Fireworks MX 2004入門(mén) 194
11.1 Fireworks MX 2004的工作界面 194
11.1.1 開(kāi)始頁(yè)面 195
11.1.2 文檔窗口 196
11.1.3 工具面板 196
11.1.4 浮動(dòng)面板 196
11.1.5 屬性面板 197
11.2 文檔的基本操作 198
11.2.1 創(chuàng)建文檔 198
11.2.2 設(shè)置文檔的屬性 202
11.2.3 瀏覽和查看圖片 205
11.3 位圖編輯 208
11.3.1 選取位圖 209
11.3.2 繪制與修飾位圖 215
11.4 矢量圖形的繪制和編輯 221
11.4.1 繪制圖形 221
11.4.2 選擇和變形對(duì)象 226
11.4.3 對(duì)象的組織 227
11.4.4 路徑的操作 229
11.5 為圖像添加文本 231
11.5.1 創(chuàng)建和編輯文本 231
11.5.2 文本附加到路徑 233
11.5.3 文本轉(zhuǎn)換為路徑 233
11.6 本章小結(jié) 234
11.7 思考與練習(xí) 234
第12章 層和蒙版 236
12.1 圖像的分層處理 236
12.1.1 層概述 236
12.1.2 創(chuàng)建和編輯層 237
12.1.3 設(shè)置圖像的不透明度和混合模式 240
12.2 使用蒙版遮蓋圖像 242
12.2.1 蒙版概述 242
12.2.2 創(chuàng)建蒙版 244
12.2.3 編輯蒙版 248
12.3 本章小結(jié) 251
12.4 思考與練習(xí) 252
第13章 圖像特效處理 253
13.1 使用濾鏡添加特殊的圖像效果 253
13.1.1 調(diào)整圖像的顏色 253
13.1.2 使圖像產(chǎn)生模糊效果 254
13.1.3 向圖像中添加雜點(diǎn) 256
13.1.4 圖像的銳化 257
13.1.5 其他濾鏡 258
13.1.6 第三方濾鏡 259
13.2 為圖像添加動(dòng)態(tài)效果 259
13.2.1 斜角和浮雕 260
13.2.2 陰影和光暈 261
13.2.3 創(chuàng)建自定義動(dòng)態(tài)效果 262
13.3 使用樣式 262
13.4 利用“創(chuàng)意”菜單添加特效 263
13.4.1 圖像的漸隱效果 263
13.4.2 轉(zhuǎn)換圖像的色調(diào) 264
13.4.3 添加圖片框 264
13.4.4 添加箭頭 264
13.5 本章小結(jié) 265
13.6 思考與練習(xí) 265
第14章 制作GIF動(dòng)畫(huà) 267
14.1 動(dòng)畫(huà)概述 267
14.1.1 制作動(dòng)畫(huà)的常用工具 267
14.1.2 動(dòng)畫(huà)的幀 268
14.1.3 使用“洋蔥皮”查看相鄰幀 270
14.2 制作動(dòng)畫(huà)的基本方法 270
14.2.1 使用現(xiàn)有的GIF動(dòng)畫(huà) 271
14.2.2 合并圖像生成動(dòng)畫(huà) 271
14.2.3 逐幀制作動(dòng)畫(huà) 272
14.2.4 分散到幀生成動(dòng)畫(huà) 273
14.2.5 利用動(dòng)畫(huà)元件制作動(dòng)畫(huà) 273
14.2.6 應(yīng)用補(bǔ)間實(shí)例制作動(dòng)畫(huà) 276
14.3 控制動(dòng)畫(huà)的播放 277
14.3.1 顯示和隱藏動(dòng)畫(huà)幀 277
14.3.2 設(shè)置幀延遲 278
14.3.3 設(shè)置動(dòng)畫(huà)播放次數(shù) 278
14.3.4 動(dòng)畫(huà)預(yù)覽 278
14.4 動(dòng)畫(huà)實(shí)例 279
14.5 本章小結(jié) 280
14.6 思考與練習(xí) 280
第15章 圖像的交互性設(shè)計(jì) 283
15.1 切割圖像 283
15.1.1 切片概述 283
15.1.2 創(chuàng)建和編輯切片對(duì)象 284
15.1.3 使切片具有簡(jiǎn)單的交互效果 286
15.2 創(chuàng)建熱點(diǎn) 290
15.2.1 創(chuàng)建熱點(diǎn) 290
15.2.2 編輯熱點(diǎn) 290
15.3 按鈕和導(dǎo)航欄的制作 291
15.3.1 按鈕概述 291
15.3.2 創(chuàng)建按鈕 291
15.3.3 編輯按鈕 294
15.3.4 創(chuàng)建圖像導(dǎo)航欄 294
15.4 應(yīng)用彈出菜單導(dǎo)航 295
15.4.1 創(chuàng)建和編輯彈出菜單 295
15.4.2 導(dǎo)出彈出菜單 296
15.5 本章小結(jié) 297
15.6 思考與練習(xí) 297
第16章 文檔的優(yōu)化和導(dǎo)出 299
16.1 文檔的優(yōu)化 299
16.1.1 使用預(yù)設(shè)的優(yōu)化設(shè)置 299
16.1.2 JPEG圖像的優(yōu)化設(shè)置 300
16.1.3 GIF圖像的優(yōu)化設(shè)置 302
16.1.4 預(yù)覽和比較優(yōu)化設(shè)置 304
16.2 文檔的導(dǎo)出 304
16.2.1 導(dǎo)出部分圖像 305
16.2.2 使用導(dǎo)出菜單 305
16.2.3 導(dǎo)出HTML文件 306
16.3 導(dǎo)出向?qū)?308
16.4 快速導(dǎo)出 312
16.5 本章小結(jié) 312
16.6 思考與練習(xí) 312
第17章 網(wǎng)頁(yè)制作綜合實(shí)例解析 313
17.1 網(wǎng)頁(yè)設(shè)計(jì)準(zhǔn)備工作 313
17.1.1 網(wǎng)站風(fēng)格定位 313
17.1.2 網(wǎng)站素材收集 315
17.2 網(wǎng)站制作實(shí)例解析 315
17.3 網(wǎng)頁(yè)賞析 323
17.3.1 上海萬(wàn)豐汽車(chē)公司網(wǎng)頁(yè)賞析 323
17.3.2 Flash動(dòng)畫(huà)網(wǎng)頁(yè)賞析 326
17.4 本章小結(jié) 328
17.5 思考練習(xí) 328