巧學(xué)巧用Dreamweaver8.Photoshop CS2.Flash8制作網(wǎng)頁(yè)（含盤）

第1部分　Dreamweaver 8
第1章　從零起步.　3
1.1　必須掌握的概念　3
1.2　HTML是基礎(chǔ)　4
1.3　Dreamweaver快速上手　8
1.3.1　操作界面　8
1.3.2　設(shè)定頁(yè)面　11
1.3.3　插入文本　11
1.3.4　插入圖片　12
1.3.5　表格　13
1.3.6　框架　15
1.3.7　關(guān)于Dynamic HTML　16
第2章　創(chuàng)建文檔　19
2.1　建立本地網(wǎng)站　19
2.2　創(chuàng)建文檔　22
2.2.1　創(chuàng)建新的空白文檔　23
2.2.2　在已有文件的基礎(chǔ)上創(chuàng)建文檔　24
2.2.3　設(shè)置頁(yè)面屬性　24
2.3　插入文本　25
2.3.1　使用文本的屬性標(biāo)記　25
2.3.2　用樣式表格式化文本　27
2.4　插入圖片　32
2.5　超級(jí)鏈接　34
2.5.1　文字超級(jí)鏈接　34
2.5.2　圖片超級(jí)鏈接　35
2.6　使用“資源”面板管理動(dòng)畫中的資源　37
2.6.1　使用“資源”面板　38
2.6.2　在頁(yè)面中使用資源　39
2.6.3　改變資源排列的次序　40
2.6.4　選擇和編輯資源　40
2.7　創(chuàng)建文檔的兩個(gè)技巧　41
2.7.1　去除頁(yè)邊的空白　41
2.7.2　如何去掉超級(jí)鏈接的下劃線　42
2.8　應(yīng)用表單技術(shù)　42
2.8.1　插入文本域　43
2.8.2　插入單選鈕和復(fù)選框　45
2.8.3　插入列表/菜單　46
2.8.4　插入按鈕　47
第3章　網(wǎng)頁(yè)定位技術(shù)　49
3.1　表格　49
3.1.1　創(chuàng)建表格　49
3.1.2　基本表格使用實(shí)例　51
3.1.3　表格定位實(shí)例　53
3.2　頁(yè)面布局　55
3.2.1　版面構(gòu)成的原理　55
3.2.2　網(wǎng)頁(yè)版面構(gòu)成中常見的布局形式　56
3.2.3　網(wǎng)頁(yè)布局設(shè)計(jì)的步驟　60
3.2.4　網(wǎng)頁(yè)版面構(gòu)成的布局技巧　61
3.2.5　關(guān)于布局單元格和表格　61
3.2.6　繪制布局單元格和表格　63
3.2.7　繪制嵌套表格　64
3.2.8　使用網(wǎng)格輔助線　65
3.2.9　為布局單元格添加內(nèi)容　65
3.2.10　清除自動(dòng)單元格高度　66
3.2.11　移動(dòng)或者重新設(shè)置布局單元格和表格的大小　67
3.2.12　格式化布局表格和單元格　67
3.2.13　設(shè)置布局寬度　69
3.2.14　使用空白圖片　70
3.2.15　利用自動(dòng)伸展的特性為不同的分辨率設(shè)計(jì)頁(yè)面　72
3.3　框架　73
3.3.1　創(chuàng)建框架和框架集　74
3.3.2　刪除框架　76
3.3.3　編輯框架　76
3.3.4　框架應(yīng)用實(shí)例　77
3.4　圖層　79
3.4.1　創(chuàng)建圖層　80
3.4.2　嵌套圖層　83
3.4.3　圖層的“Z軸”　85
3.4.4　使用圖層建立表格　85
3.5　模板　91
3.5.1　制作模板　92
3.5.2　使用模板　93
3.5.3　修改模板以更新文檔　98
3.6　庫(kù)　100
3.6.1　創(chuàng)建庫(kù)項(xiàng)目　100
3.6.2　操作庫(kù)項(xiàng)目　101
3.6.3　插入庫(kù)項(xiàng)目　103
3.6.4　將庫(kù)項(xiàng)目與源文件分離　103
第4章　動(dòng)態(tài)網(wǎng)頁(yè)的制作　105
4.1　翻滾圖的制作　105
4.1.1　基本的翻滾圖　105
4.1.2　復(fù)雜的翻滾圖　108
4.2　添加內(nèi)置的Flash交互對(duì)象　110
4.2.1　使用Flash按鈕對(duì)象　110
4.2.2　使用Flash文本對(duì)象　111
4.2.3　設(shè)置Flash對(duì)象的屬性　112
4.3　行為　113
4.3.1　彈出消息　114
4.3.2　在狀態(tài)欄顯示消息　115
4.3.3　跳轉(zhuǎn)頁(yè)面　115
4.4　行為的應(yīng)用　116
4.4.1　展開菜單　116
4.4.2　跳轉(zhuǎn)菜單　119
4.5　綜合練習(xí)——拼圖游戲　122
4.5.1　準(zhǔn)備圖層　122
4.5.2　使圖片動(dòng)態(tài)分離　124
4.5.3　加入開始按鈕　125
4.5.4　設(shè)置可拖曳圖層　127
4.5.5　調(diào)用JavaScript語(yǔ)句技巧　129
4.5.6　進(jìn)一步的改進(jìn)　131
第5章　網(wǎng)站建設(shè)與管理　133
5.1　網(wǎng)站管理與維護(hù)　133
5.1.1　設(shè)置合適的網(wǎng)站文件結(jié)構(gòu)　133
5.1.2　管理站點(diǎn)內(nèi)的鏈接　135
5.1.3　巧用查找和替換管理站點(diǎn)　136
5.2　建立自己的Web站點(diǎn)　137
5.2.1　企業(yè)建立網(wǎng)站的過程　137
5.2.2　個(gè)人建立網(wǎng)站的過程　138
5.3　向服務(wù)器上傳主頁(yè)　139
5.4　網(wǎng)站開發(fā)的“十要”與“十不要”　142
第6章　服務(wù)器端程序的開發(fā)　147
6.1　動(dòng)態(tài)網(wǎng)頁(yè)與ASP　147
6.2　ASP的開發(fā)　149
6.2.1　ASP運(yùn)行環(huán)境及配置　149
6.2.2　熟悉ASP程序　151
6.3　制作留言簿　153
6.3.1　準(zhǔn)備工作　154
6.3.2　建立站點(diǎn)　154
6.3.3　建立數(shù)據(jù)庫(kù)　155
6.3.4　制作演示留言頁(yè)面(index.asp)　156
6.3.5　制作添加留言頁(yè)面(insert.asp)　161
第2部分　Photoshop CS2
第7章　認(rèn)識(shí)Photoshop的操作界面　167
7.1　友好的界面　167
7.2　菜單欄　167
7.3　工具箱與選項(xiàng)欄　168
7.4　調(diào)板　169
7.5　調(diào)板井和Bridge功能　170
7.6　狀態(tài)區(qū)　170
7.7　文件的基本操作　171
第8章　基本操作　173
8.1　繪圖前的準(zhǔn)備工作　173
8.2　圖像的調(diào)整　174
8.2.1　調(diào)整圖像大小　174
8.2.2　調(diào)整畫布大小　175
8.3　輔助工具　175
8.3.1　標(biāo)尺　175
8.3.2　參考線　176
8.3.3　網(wǎng)格　176
8.4　設(shè)置前景色和背景色　177
8.4.1　默認(rèn)的前景色與背景色　177
8.4.2　更改和恢復(fù)前景色與背景色　177
8.5　圖形繪制工具　177
8.6　圖層控制　178
8.6.1　添加圖層　178
8.6.2　刪除圖層　179
8.6.3　合并圖層　179
8.6.4　編輯圖層　180
8.7　撤銷和重復(fù)操作　180
8.8　選擇對(duì)象　181
8.8.1　建立規(guī)則選區(qū)　181
8.8.2　建立不規(guī)則選區(qū)　181
8.9　路徑控制　183
8.9.1　創(chuàng)建路徑　183
8.9.2　路徑的應(yīng)用　183
8.10　移動(dòng)與復(fù)制對(duì)象　184
第9章　主要工具的應(yīng)用　187
9.1　漸變填充工具的應(yīng)用　187
9.2　畫筆工具的應(yīng)用　190
9.3　鋼筆工具的應(yīng)用　192
9.4　路徑選擇工具組的應(yīng)用　193
9.5　加深和減淡工具的應(yīng)用　194
9.6　綜合應(yīng)用　197
第10章　濾鏡的應(yīng)用　201
10.1　渲染. 風(fēng)格化與模糊　201
10.2　素描　203
10.3　扭曲和紋理　205
10.4　鏡頭光暈　206
10.5　像素化　208
10.6　星球爆炸特效　210
第11章　按鈕和圖標(biāo)　213
11.1　水晶按鈕　213
11.2　浮雕按鈕　214
11.3　鏤空按鈕　215
11.4　球形按鈕　216
11.5　蘋果圖標(biāo)　216
11.6　鏈接圖標(biāo)　217
11.7　推出圖標(biāo)　218
第12章　導(dǎo)航欄與Banner的制作　221
12.1　銜接式導(dǎo)航欄　221
12.2　統(tǒng)一風(fēng)格導(dǎo)航欄　223
12.3　結(jié)合效果的導(dǎo)航欄　224
12.4　兩級(jí)導(dǎo)航欄　225
12.5　動(dòng)態(tài)Banner(1)　227
12.6　動(dòng)態(tài)Banner(2)　229
第13章　頁(yè)面布局和細(xì)節(jié)制作　231
13.1　常見的網(wǎng)頁(yè)布局　231
13.2　商業(yè)網(wǎng)站的布局　233
13.3　公益網(wǎng)站的布局　236
13.4　紋理效果的廣告欄　239
13.5　對(duì)比效果的廣告欄　240
13.6　金屬效果的廣告欄..　241
第3部分　Flash 8
第14章　Flash 8概述　245
14.1　Flash 8簡(jiǎn)介　245
14.1.1　創(chuàng)建Flash 8動(dòng)畫的系統(tǒng)要求　245
14.1.2　播放Flash 8動(dòng)畫的系統(tǒng)要求　246
14.1.3　安裝Flash 8　246
14.1.4　卸載Flash 8　246
14.2　Flash 8入門基礎(chǔ)　246
14.2.1　Flash 8的教材　246
14.2.2　Flash 8涉及的基本概念　247
第15章　Flash 8的界面組成　249
15.1　主界面　249
15.2　工具欄　250
15.3　場(chǎng)景　250
15.4　時(shí)間軸視窗　251
15.4.1　時(shí)間軸視窗中的圖層的概念　252
15.4.2　時(shí)間軸視窗中的幀的種類　252
15.4.3　對(duì)時(shí)間軸視窗的操作　253
15.4.4　時(shí)間軸視窗中影格的顯示方式　253
15.4.5　創(chuàng)建幀的標(biāo)簽　254
15.5　“庫(kù)”面板　255
15.5.1 “庫(kù)”面板的主要操作　255
15.5.2　“庫(kù)”面板的元件　256
15.6　網(wǎng)格和標(biāo)尺　257
15.7　打印Flash文件　258
15.8　加速顯示速度　258
15.9　預(yù)覽和發(fā)布　259
15.9.1　播放Shockwave Flash文件　259
15.9.2　發(fā)布Shockwave Flash文件　260
第16章　圖形的繪制及編輯　261
16.1　筆觸和填充　261
16.2　繪制曲線為主體的圖形　262
16.3　繪制直線為主體的圖形　264
第17章　制作動(dòng)畫　273
17.1　時(shí)間軸的應(yīng)用　273
17.2　制作形狀補(bǔ)間動(dòng)畫　275
17.3　制作帶有提示點(diǎn)的形狀補(bǔ)間動(dòng)畫　277
17.4　制作運(yùn)動(dòng)補(bǔ)間動(dòng)畫　280
17.5　顏色漸變的應(yīng)用　282
17.6　綜合運(yùn)用逐幀動(dòng)畫和動(dòng)作動(dòng)畫的練習(xí)　287
17.7　逐幀動(dòng)畫的練習(xí)　290
第18章　使用元件　293
18.1　熱身練習(xí)　293
18.2　靜態(tài)元件的應(yīng)用　295
18.3　動(dòng)態(tài)元件的應(yīng)用　299
18.4　綜合練習(xí)　303
第19章　層在動(dòng)畫中的應(yīng)用　307
19.1　制作引導(dǎo)層動(dòng)畫　307
19.2　制作遮罩動(dòng)畫　311
19.3　遮罩動(dòng)畫深入　316
19.4　實(shí)踐練習(xí)　319
第20章　制作動(dòng)態(tài)按鈕　323
20.1　按鈕的狀態(tài)及應(yīng)用　323
20.2　動(dòng)畫按鈕　325
20.3　下拉菜單　329
20.4　工具提示　332
第21章　制作影片剪輯　337
21.1　影片剪輯的應(yīng)用　337
21.2　影片剪輯的嵌套　339
21.3　實(shí)踐練習(xí)　343
第22章　使用聲音　347
22.1　添加聲音　347
22.2　聲音的控制　348
第23章　ActionScript的應(yīng)用　353
23.1　放大鏡　353
23.2　跟隨眼睛　356
23.3　拼圖游戲　359
第4部分　綜合實(shí)例
第24章 綜合實(shí)例(一)——商務(wù)類網(wǎng)站　369
24.1　實(shí)例概述　369
24.2　網(wǎng)站策劃　370
24.3　使用Photoshop制作網(wǎng)頁(yè)效果　371
24.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　378
24.5　使用Photoshop切片并輸出模板　379
24.6　使用Dreamweaver編輯模板頁(yè)　380
24.7　在Photoshop中制作首頁(yè)并切片輸出HTML　381
24.8　在Dreamweaver中制作首頁(yè)　381
24.9　用Flash制作Banner　381
24.10　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　387
24.11　插入Flash Banner, 重新檢查所有頁(yè)面鏈接　387
第25章 綜合實(shí)例(二)——財(cái)經(jīng)新聞?lì)惥W(wǎng)站　389
25.1　實(shí)例概述　389
25.2　網(wǎng)站策劃　390
25.3　使用Photoshop制作網(wǎng)頁(yè)效果　390
25.3.1　繪制網(wǎng)頁(yè)基本效果　390
25.3.2　繪制導(dǎo)航欄　393
25.3.3　規(guī)劃網(wǎng)頁(yè)布局　394
25.3.4　繪制網(wǎng)頁(yè)鏈接頁(yè)效果　395
25.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　396
25.5　使用Photoshop切片并輸出模板　397
25.6　使用Dreamweaver編輯模板頁(yè)　398
25.7　在Photoshop中制作首頁(yè)并切片輸出HTML　399
25.8　在Dreamweaver中制作首頁(yè)　400
25.9　Flash制作Banner動(dòng)畫　400
25.10　使用Photoshop切片并導(dǎo)出二級(jí)頁(yè)面　405
25.11　使用Dreamweaver編輯二級(jí)頁(yè)面　406
25.12　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　406
25.13　為所有頁(yè)面輸入文本內(nèi)容　406
25.14　插入Flash Banner, 重新檢查所有頁(yè)面鏈接　407
第26章　綜合實(shí)例(三)——旅游網(wǎng)站　409
26.1　實(shí)例概述　409
26.1.1　實(shí)例文件的安排　409
26.1.2　預(yù)覽完成后的網(wǎng)站　410
26.2　網(wǎng)站策劃　410
26.3　定義本地站點(diǎn)　413
26.4　生成一個(gè)站點(diǎn)主頁(yè)　414
26.4.1　保存文檔　414
26.4.2　定義文檔頁(yè)標(biāo)題　414
26.5　在布局視圖下設(shè)計(jì)網(wǎng)頁(yè)　415
26.6　給網(wǎng)頁(yè)添加內(nèi)容　420
26.6.1　插入圖片　420
26.6.2　生成翻轉(zhuǎn)圖　420
26.6.3　生成其他的翻轉(zhuǎn)圖片　421
26.6.4　預(yù)覽文檔　422
26.6.5　插入文本　422
26.6.6　格式化文本　422
26.7　在標(biāo)準(zhǔn)視圖下工作　423
26.7.1　設(shè)置單元格屬性　424
26.7.2　添加單元格間距　424
26.7.3　在單元格里面插入圖片　424
26.8　查看站點(diǎn)文件　425
26.9　鏈接文檔　425
26.10　使用“資源”面板　426
26.10.1　選擇一個(gè)新的文檔　427
26.10.2　查看站點(diǎn)的素材　427
26.10.3　插入圖片　427
26.10.4　插入Flash動(dòng)畫　427
26.10.5　生成一個(gè)常用的資源列表　428
26.10.6　添加多幅圖片到常用資源列表中　428
26.10.7　查看收藏素材　428
26.11　插入Flash對(duì)象　428
26.11.1　生成Flash文本對(duì)象　429
26.11.2　生成一個(gè)Flash按鈕對(duì)象　430
26.12　使用模板　430
26.12.1　從已存在的頁(yè)面生成模板　431
26.12.2　調(diào)整模板　432
26.12.3　對(duì)一個(gè)新頁(yè)面應(yīng)用模板　433
26.12.4　編輯一個(gè)基于模板的網(wǎng)頁(yè)　433
26.12.5　為一個(gè)網(wǎng)頁(yè)更換模板　434
26.13　檢查站點(diǎn)　434
26.13.1　生成設(shè)計(jì)備注　434
26.13.2　站點(diǎn)報(bào)告　435