巧學(xué)巧用Dreamweaver 8 Fireworks 8 Flash 8制作網(wǎng)頁(yè)

第1章　從零起步　3
1.1　基本知識(shí)　3
1.2　HTML入門(mén)　4
1.3　網(wǎng)站開(kāi)發(fā)的流程　9
1.3.1　明確網(wǎng)站定位　9
1.3.2　收集信息和素材　9
1.3.3　策劃?rùn)谀績(jī)?nèi)容　9
1.3.4　設(shè)計(jì)頁(yè)面方案　10
1.3.5　制作頁(yè)面　10
1.3.6　實(shí)現(xiàn)后臺(tái)功能　10
1.3.7　整合與測(cè)試網(wǎng)站　11
1.4　頁(yè)面設(shè)計(jì)布局介紹　11
1.4.1　版面構(gòu)成的原理　11
1.4.2　網(wǎng)頁(yè)版面構(gòu)成中常見(jiàn)的布局形式　12
1.4.3　網(wǎng)頁(yè)布局設(shè)計(jì)的步驟　16
1.4.4　網(wǎng)頁(yè)版面構(gòu)成的布局技巧　16
1.5　Dreamweaver快速入門(mén)　17
1.5.1　操作界面瀏覽　17
1.5.2　設(shè)定頁(yè)面　20
1.5.3　插入文本　21
1.5.4　插入和編輯圖片　22
1.5.5　插入和編輯表格　23
1.5.6　建立和編輯框架　25
1.5.7　關(guān)于Dynamic HTML　26
第2章　創(chuàng)建和編輯網(wǎng)頁(yè)文檔　27
2.1　建立本地網(wǎng)站　27
2.2　創(chuàng)建文檔　31
2.2.1　創(chuàng)建新的空白文檔　31
2.2.2　在已有文件的基礎(chǔ)上創(chuàng)建文檔　32
2.2.3　設(shè)置頁(yè)面屬性　32
2.3　插入和編輯文本　33
2.3.1　使用文本的屬性標(biāo)記格式化文本　33
2.3.2　用樣式表格式化文本　35
2.4　插入圖片　41
2.5　創(chuàng)建超級(jí)鏈接　42
2.5.1　創(chuàng)建文字超級(jí)鏈接　42
2.5.2　創(chuàng)建圖片超級(jí)鏈接　44
2.6　使用“資源”面板管理動(dòng)畫(huà)中的資源　46
2.6.1　使用“資源”面板　46
2.6.2　在頁(yè)面中使用資源　48
2.6.3　改變資源排列的次序　49
2.6.4　選擇和編輯資源　49
2.7　創(chuàng)建文檔的兩個(gè)技巧　50
2.7.1　去除頁(yè)邊的空白　50
2.7.2　去掉超級(jí)鏈接的下劃線　51
2.8　應(yīng)用表單技術(shù)　51
2.8.1　插入文本域　52
2.8.2　插入單選按鈕和復(fù)選框　54
2.8.3　插入列表/菜單　55
2.8.4　插入按鈕　56
第3章　網(wǎng)頁(yè)定位技術(shù)　59
3.1　表格　59
3.1.1　創(chuàng)建表格　59
3.1.2　基本表格制作實(shí)例　61
3.1.3　表格定位實(shí)例　63
3.2　網(wǎng)頁(yè)布局設(shè)計(jì)　66
3.2.1　關(guān)于布局單元格和表格　67
3.2.2　繪制布局單元格和表格　68
3.2.3　繪制嵌套表格　69
3.2.4　使用網(wǎng)格輔助線　70
3.2.5　為布局單元格添加內(nèi)容　70
3.2.6　清除自動(dòng)單元格高度　71
3.2.7　移動(dòng)或者重新設(shè)置布局單元格和表格的大小　71
3.2.8　格式化布局表格和單元格　72
3.2.9　設(shè)置布局寬度　74
3.2.10　使用空白圖片　75
3.2.11　利用自動(dòng)伸展的特性為不同的分辨率設(shè)計(jì)頁(yè)面　78
3.3　框架　79
3.3.1　創(chuàng)建框架和框架集　79
3.3.2　刪除框架　81
3.3.3　編輯框架　81
3.3.4　框架應(yīng)用實(shí)例　82
3.4　圖層　85
3.4.1　創(chuàng)建圖層　85
3.4.2　嵌套圖層　88
3.4.3　圖層的“Z軸”　91
3.4.4　使用圖層建立表格　91
3.5　模板　97
3.5.1　制作模板　98
3.5.2　使用模板　99
3.5.3　修改模板以更新文檔　103
3.6　庫(kù)　105
3.6.1　創(chuàng)建庫(kù)項(xiàng)目　105
3.6.2　操作庫(kù)項(xiàng)目　106
3.6.3　插入庫(kù)項(xiàng)目　108
3.6.4　將庫(kù)項(xiàng)目與源文件分離　108
第4章　動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)　109
4.1　翻滾圖　109
4.1.1　基本的翻滾圖　109
4.1.2　復(fù)雜的翻滾圖　112
4.2　添加內(nèi)置的Flash交互對(duì)象　114
4.2.1　插入和設(shè)置Flash按鈕對(duì)象　115
4.2.2　插入和設(shè)置Flash文本對(duì)象　116
4.2.3　設(shè)置Flash對(duì)象的屬性　117
4.3　使用Dreamweaver中的行為　118
4.3.1　彈出消息　118
4.3.2　在狀態(tài)欄中顯示消息　119
4.3.3　跳轉(zhuǎn)頁(yè)面　120
4.4　制作展開(kāi)菜單　120
4.5　制作跳轉(zhuǎn)菜單　123
4.6　拼圖游戲　126
4.6.1　準(zhǔn)備圖層　127
4.6.2　使圖片動(dòng)態(tài)分離　128
4.6.3　加入開(kāi)始按鈕　129
4.6.4　設(shè)置可拖曳圖層　131
4.6.5　調(diào)用JavaScript技巧　133
4.6.6　進(jìn)一步的改進(jìn)　135
第5章　網(wǎng)站建設(shè)技術(shù)　137
5.1　網(wǎng)站的管理與維護(hù)　137
5.1.1　設(shè)置合適的網(wǎng)站文件結(jié)構(gòu)　137
5.1.2　管理站點(diǎn)內(nèi)的鏈接　138
5.1.3　巧用“查找”和“替換”功能管理站點(diǎn)　139
5.2　在Internet上建立自己的Web站點(diǎn)　141
5.2.1　企業(yè)建立網(wǎng)站的過(guò)程　141
5.2.2　個(gè)人建立網(wǎng)站的過(guò)程　142
5.3　向服務(wù)器上傳主頁(yè)　143
5.4　網(wǎng)站開(kāi)發(fā)的“十要”與“十不要”　146
第6章　服務(wù)器端程序開(kāi)發(fā)　149
6.1　動(dòng)態(tài)網(wǎng)頁(yè)與ASP　149
6.2　ASP的開(kāi)發(fā)　151
6.2.1　ASP的運(yùn)行環(huán)境及配置　151
6.2.2　熟悉ASP程序　153
6.3　制作留言簿　155
6.3.1　準(zhǔn)備工作　156
6.3.2　建立站點(diǎn)　157
6.3.3　建立數(shù)據(jù)庫(kù)　158
6.3.4　制作演示留言頁(yè)面(index.asp)　159
6.3.5　制作添加留言頁(yè)面(insert.asp)　163
第2部分　Fireworks 8
第7章　Fireworks 8入門(mén)　169
7.1　Fireworks簡(jiǎn)介　169
7.1.1　Fireworks的優(yōu)點(diǎn)　170
7.1.2　Fireworks的適用對(duì)象　170
7.2　Fireworks 8的安裝環(huán)境　170
7.2.1　Fireworks 8的系統(tǒng)要求　170
7.2.2　Fireworks的安裝步驟　171
7.3　學(xué)習(xí)Fireworks的途徑　171
7.4　Fireworks 8的新特色　171
7.4.1　專(zhuān)業(yè)設(shè)計(jì)控制　171
7.4.2　無(wú)縫的跨軟件工作流程　172
7.4.3　性能顯著提高　172
7.4.4　用戶(hù)界面的改進(jìn)　172
7.4.5　新的特效　173
7.4.6　新的反鋸齒選項(xiàng)　173
7.4.7　完整的Unicod支持　173
7.5　Fireworks 8應(yīng)用程序界面　173
7.5.1　工具箱　174
7.5.2　主工具欄　176
7.5.3　修改工具欄　176
7.5.4　幀的播放工具欄(固定)　177
7.5.5　視域控制欄(固定)　177
7.6　面板　179
7.6.1　“屬性”面板　180
7.6.2　“顏色”面板　181
7.6.3　“混色器”面板　181
7.6.4　“信息”面板　182
7.6.5　“圖層”面板　182
7.6.6　“幀”面板　183
7.6.7　“樣式”面板　184
7.6.8　“行為”面板　184
7.6.9　“查找”面板　185
7.6.10　“形狀”面板　185
7.6.11　“URL”面板　186
7.6.12　“優(yōu)化”面板　186
7.6.13　“顏色表”面板　188
7.6.14　“歷史記錄”面板　189
7.6.15　“庫(kù)”面板　190
7.7　Fireworks 8命令對(duì)面板的控制　191
第8章　Fireworks應(yīng)用實(shí)例　193
8.1　制作主頁(yè)標(biāo)題　193
8.1.1　應(yīng)用場(chǎng)景說(shuō)明　193
8.1.2　要點(diǎn)提示及基本知識(shí)介紹　194
8.1.3　具體操作步驟　194
8.1.4　標(biāo)題的風(fēng)格　196
8.2　制作按鈕　197
8.2.1　應(yīng)用場(chǎng)景說(shuō)明　197
8.2.2　要點(diǎn)提示及基本知識(shí)介紹　197
8.2.3　具體操作步驟　197
8.2.4　迷你按鈕　201
8.3　制作網(wǎng)頁(yè)上彈出菜單　201
8.3.1　應(yīng)用說(shuō)明　201
8.3.2　要點(diǎn)提示及基本知識(shí)介紹　202
8.3.3　具體操作步驟　202
8.4　制作各種小球　206
8.4.1　應(yīng)用場(chǎng)景說(shuō)明　206
8.4.2　要點(diǎn)提示及基本知識(shí)介紹　206
8.4.3　具體操作步驟　206
8.4.4　試試看　208
8.5　晃動(dòng)文字的搖籃　208
8.5.1　應(yīng)用場(chǎng)景說(shuō)明　209
8.5.2　要點(diǎn)提示及基本知識(shí)介紹　209
8.5.3　具體操作步驟　209
8.5.4　指點(diǎn)迷津　213
8.6　3D導(dǎo)航條的制作(之一)——外觀的繪制　213
8.6.1　應(yīng)用場(chǎng)景說(shuō)明　213
8.6.2　要點(diǎn)提示及基本知識(shí)介紹　213
8.6.3　具體操作步驟　213
8.6.4　Fireworks的風(fēng)格　218
8.7　3D導(dǎo)航條的制作(之二)——熱點(diǎn)的添加　219
8.7.1　應(yīng)用場(chǎng)景說(shuō)明　219
8.7.2　要點(diǎn)提示及基本知識(shí)介紹　219
8.7.3　具體操作步驟　219
8.7.4　開(kāi)闊視野　220
8.8　分隔條的制作　221
8.8.1　應(yīng)用場(chǎng)景介紹　221
8.8.2　要點(diǎn)提示及基本知識(shí)介紹　221
8.8.3　具體操作步驟　221
8.8.4　各顯神通　224
8.9　制作變形花朵　224
8.9.1　應(yīng)用說(shuō)明　224
8.9.2　要點(diǎn)提示　224
8.9.3　具體操作步驟　224
第9章　Fireworks 8進(jìn)階實(shí)例　227
9.1　3D按鈕的制作　227
9.1.1　應(yīng)用說(shuō)明　227
9.1.2　要點(diǎn)提示　227
9.1.3　具體操作步驟　228
9.2　電視里的動(dòng)畫(huà)　229
9.2.1　應(yīng)用場(chǎng)景說(shuō)明　230
9.2.2　要點(diǎn)提示及基本知識(shí)介紹　230
9.2.3　具體操作步驟　230
9.2.4　經(jīng)驗(yàn)之談　232
9.3　制作透明立體導(dǎo)航條　233
9.3.1　應(yīng)用說(shuō)明　233
9.3.2　要點(diǎn)提示及基本知識(shí)介紹　233
9.3.3　具體操作步驟　233
9.4　網(wǎng)站首頁(yè)的優(yōu)化和導(dǎo)出　235
9.4.1　應(yīng)用說(shuō)明　235
9.4.2　要點(diǎn)提示　235
9.4.3　操作步驟　235
9.5　圖片色系的調(diào)整和鏡框效果　241
9.5.1　應(yīng)用說(shuō)明　241
9.5.2　要點(diǎn)提示　241
9.5.3　具體操作步驟　241
9.6　旋轉(zhuǎn)的齒輪　243
9.6.1　應(yīng)用說(shuō)明　243
9.6.2　要點(diǎn)提示　243
9.6.3　具體操作步驟　243
第3部分　Flash 8
第10章　Flash 8概述　249
10.1　Flash 8簡(jiǎn)介　249
10.1.1　創(chuàng)建Flash 8動(dòng)畫(huà)的系統(tǒng)要求　250
10.1.2　播放Flash 8動(dòng)畫(huà)的系統(tǒng)要求　250
10.1.3　安裝Flash 8　250
10.1.4　卸載Flash 8　250
10.2　Flash 8入門(mén)基礎(chǔ)　250
10.2.1　Flash 8的學(xué)習(xí)資料　251
10.2.2　Flash 8涉及的基本概念　251
10.3　主界面　252
10.4　工具欄　253
10.5　場(chǎng)景　254
10.6　時(shí)間軸視窗　256
10.6.1　時(shí)間軸視窗中的圖層的概念　256
10.6.2　時(shí)間軸視窗中的幀的種類(lèi)　256
10.6.3　對(duì)時(shí)間軸視窗的操作　257
10.6.4　時(shí)間軸視窗中影格的顯示方式　257
10.6.5　創(chuàng)建幀的標(biāo)簽　259
10.7　“庫(kù)”面板　259
10.7.1　“庫(kù)”面板的主要操作　260
10.7.2　“庫(kù)”面板的元件　262
10.8　網(wǎng)格和標(biāo)尺　262
10.9　打印Flash文件　263
10.10　加速顯示速度　264
10.11　預(yù)覽和發(fā)布　264
10.11.1　播放Shockwave Flash文件　265
10.11.2　發(fā)布Shockwave Flash文件　265
第11章　圖形的繪制及編輯　267
11.1　熱身練習(xí)　267
11.2　星星和月亮　268
11.2.1　實(shí)例效果　268
11.2.2　制作步驟　269
11.2.3　技術(shù)總結(jié)　272
11.3　卡通煙囪　272
11.3.1　實(shí)例效果　272
11.3.2　制作步驟　273
11.3.3　技術(shù)總結(jié)　281
第12章　基本動(dòng)畫(huà)　283
12.1　變臉　283
12.1.1　實(shí)例效果　283
12.1.2　制作步驟　283
12.1.3　技術(shù)總結(jié)　286
12.2　變矩形為五角星形　286
12.2.1　實(shí)例效果　286
12.2.2　制作步驟　286
12.2.3　技術(shù)總結(jié)　290
12.3　風(fēng)車(chē)　290
12.3.1　實(shí)例效果　290
12.3.2　制作步驟　290
12.3.3　技術(shù)總結(jié)　292
12.4　日出　293
12.4.1　實(shí)例效果　293
12.4.2　制作步驟　293
12.4.3　技術(shù)總結(jié)　298
12.5　飛鳥(niǎo)　299
12.5.1　實(shí)例效果　299
12.5.2　制作步驟　299
12.5.3　技術(shù)總結(jié)　302
12.6　倒計(jì)時(shí)牌　302
12.6.1　實(shí)例效果　302
12.6.2　制作步驟　302
12.6.3　技術(shù)總結(jié)　306
第13章　層的妙用　307
13.1　走迷宮　307
13.1.1　實(shí)例效果　307
13.1.2　制作步驟　307
13.1.3　技術(shù)總結(jié)　311
13.2　燈光寫(xiě)字　311
13.2.1　實(shí)例效果　311
13.2.2　制作步驟　311
13.2.3　技術(shù)總結(jié)　317
13.3　百葉窗　317
13.3.1　實(shí)例效果　317
13.3.2　制作步驟　317
13.3.3　技術(shù)總結(jié)　320
13.4　蜜蜂采蜜　320
13.4.1　實(shí)例效果　320
13.4.2　制作步驟　321
13.4.3　技術(shù)總結(jié)　323
第14章　動(dòng)態(tài)按鈕設(shè)計(jì)　325
14.1　動(dòng)畫(huà)按鈕　325
14.1.1　實(shí)例效果　325
14.1.2　制作步驟　325
14.1.3　技術(shù)總結(jié)　329
14.2　下拉菜單　329
14.2.1　實(shí)例效果　329
14.2.2　制作步驟　329
14.2.3　技術(shù)總結(jié)　333
14.3　工具提示　333
14.3.1　實(shí)例效果　333
14.3.2　制作步驟　333
第15章　高級(jí)交互　337
15.1　放大鏡　337
15.1.1　實(shí)例效果　337
15.1.2　制作步驟　337
15.1.3　技術(shù)總結(jié)　340
15.2　跟隨眼睛　340
15.2.1　實(shí)例效果　340
15.2.2　制作步驟　340
15.2.3　技術(shù)總結(jié)　343
15.3　拼圖游戲　343
15.3.1　實(shí)例效果　343
15.3.2　制作步驟　343
15.3.3　技術(shù)總結(jié)　350
第16章　元件與影片剪輯　351
16.1　草原　351
16.1.1　實(shí)例效果　351
16.1.2　制作步驟　351
16.2　放風(fēng)箏　355
16.2.1　實(shí)例效果　355
16.2.2　制作步驟　355
16.2.3　技術(shù)總結(jié)　359
16.3　水泡　359
16.3.1　實(shí)例效果　359
16.3.2　制作步驟　359
第17章　聲音效果　363
17.1　帶聲音的按鈕　363
17.1.1　實(shí)例效果　363
17.1.2　制作步驟　363
17.2　音樂(lè)播放器　365
17.2.1　實(shí)例效果　365
17.2.2　制作步驟　365
17.2.3　技術(shù)總結(jié)　369
第4部分　綜合實(shí)例
第18章　綜合實(shí)例(一)——俱樂(lè)部網(wǎng)站的制作　373
18.1　實(shí)例概述　373
18.2　網(wǎng)站策劃　374
18.3　使用Fireworks制作網(wǎng)頁(yè)　375
18.3.1　繪制網(wǎng)頁(yè)基本效果　375
18.3.2　繪制導(dǎo)航欄　377
18.3.3　繪制提示欄　378
18.3.4　細(xì)致調(diào)整頁(yè)面效果　380
18.3.5　繪制網(wǎng)頁(yè)鏈接頁(yè)效果　381
18.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　382
18.5　使用Fireworks切片并輸出首頁(yè)　382
18.6　利用Flash制作Banner　384
18.6.1　制作圖標(biāo)和網(wǎng)站名稱(chēng)　384
18.6.2　制作運(yùn)動(dòng)的小圖，增加Banner的動(dòng)感效果　387
18.7　在Dreamweaver 8中編輯首頁(yè)　389
18.8　使用Fireworks切片并導(dǎo)出二級(jí)頁(yè)面　391
18.9　在Dreamweaver中編輯導(dǎo)出的二級(jí)頁(yè)面　392
18.10　使用Fireworks切片并導(dǎo)出模板頁(yè)面　393
18.11　使用Dreamweaver編輯模板　393
18.12　在Dreamweaver中利用模板制作下載頁(yè)面　394
18.13　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　395
18.14　重新檢查所有頁(yè)面鏈接　395
18.15　插入Flash Banner并瀏覽最終效果　395
第19章　綜合實(shí)例(二)——理財(cái)網(wǎng)站的制作　397
19.1　實(shí)例概述　397
19.2　網(wǎng)站策劃　398
19.3　使用Fireworks制作網(wǎng)頁(yè)效果　398
19.3.1　繪制網(wǎng)頁(yè)基本效果　398
19.3.2　繪制導(dǎo)航欄　400
19.3.3　繪制正文欄　401
19.3.4　添加頁(yè)面裝飾　402
19.3.5　繪制網(wǎng)頁(yè)鏈接頁(yè)效果　403
19.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　404
19.5　使用Fireworks切片并輸出模板　404
19.6　在Fireworks中制作首頁(yè)并切片輸出HTML　406
19.7　使用Dreamweaver編輯模板頁(yè)　406
19.8　在Dreamweaver中制作首頁(yè)　408
19.9　制作Banner　410
19.10　使用Fireworks切片并導(dǎo)出二級(jí)頁(yè)面　414
19.11　使用Dreamweaver編輯二級(jí)頁(yè)面　414
19.12　為二級(jí)頁(yè)面輸入文本內(nèi)容　415
19.13　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　415
19.14　重新檢查所有頁(yè)面鏈接　415
19.15　插入Flash Banner并瀏覽最終效果　416
第20章　綜合實(shí)例　417
20.1　實(shí)例概述　417
20.1.1　實(shí)例文件的安排　417
20.1.2　預(yù)覽完成后的網(wǎng)站　418
20.2　網(wǎng)站策劃　418
20.3　定義本地站點(diǎn)　420
20.4　生成站點(diǎn)主頁(yè)　422
20.4.1　保存文檔　422
20.4.2　定義文檔頁(yè)標(biāo)題　422
20.5　設(shè)計(jì)頁(yè)面布局　422
20.5.1　兩種設(shè)計(jì)視圖方式　423
20.5.2　利用布局單元格制作設(shè)計(jì)區(qū)域　423
20.5.3　利用添加復(fù)合單元格制作導(dǎo)航區(qū)域　425
20.5.4　移動(dòng)布局單元格調(diào)整布局　425
20.5.5　在布局表格中給單元格分組　426
20.5.6　移動(dòng)布局表格　426
20.5.7　添加另一個(gè)布局單元格　426
20.5.8　生成一個(gè)布局表格　427
20.5.9　在布局表格中畫(huà)出布局單元格　427
20.6　給網(wǎng)頁(yè)添加內(nèi)容　428
20.6.1　插入俱樂(lè)部的徽標(biāo)　428
20.6.2　利用翻轉(zhuǎn)圖制作導(dǎo)航按鈕　428
20.6.3　生成其他導(dǎo)航按鈕　429
20.6.4　預(yù)覽導(dǎo)航欄的效果　430
20.6.5　插入網(wǎng)頁(yè)文字內(nèi)容　430
20.6.6　美化文字　430
20.7　在標(biāo)準(zhǔn)視圖下工作　431
20.7.1　設(shè)置單元格背景色　432
20.7.2　設(shè)置文字和單元格之間的空間細(xì)節(jié)　432
20.7.3　在單元格里面插入圖片　432
20.8　查看站點(diǎn)文件　432
20.9　鏈接文檔　433
20.10　使用“資源”面板　434
20.10.1　選擇一個(gè)新的文檔　434
20.10.2　查看站點(diǎn)的素材　435
20.10.3　插入其他素材圖片　435
20.10.4　插入歡迎Flash動(dòng)畫(huà)　435
20.10.5　生成網(wǎng)站常用的資源列表　436
20.10.6　添加多幅圖片到常用資源列表中　436
20.10.7　查看收藏素材　436
20.11　插入Flash對(duì)象　436
20.11.1　生成Flash文本對(duì)象　437
20.11.2　生成Flash按鈕對(duì)象　438
20.12　生成和編輯模板　438
20.12.1　從已存在的頁(yè)面生成模板　439
20.12.2　調(diào)整模板　440
20.12.3　對(duì)新頁(yè)面應(yīng)用模板　441
20.12.4　編輯基于模板的網(wǎng)頁(yè)　441
20.12.5　為網(wǎng)頁(yè)更換模板　442
20.13　檢查站點(diǎn)　442
20.13.1　生成設(shè)計(jì)備注　442
20.13.2　站點(diǎn)報(bào)告　443