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

第0章　網(wǎng)站建設(shè)基礎(chǔ)　1
0.1　網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)　1
0.2　HTML入門　6
0.3　掌握網(wǎng)站建設(shè)工具　7
0.4　網(wǎng)站開(kāi)發(fā)的基本流程　8
0.4.1　明確網(wǎng)站定位　8
0.4.2　收集信息和素材　9
0.4.3　設(shè)計(jì)網(wǎng)頁(yè)圖像　9
0.4.4　制作頁(yè)面　9
0.4.5　開(kāi)發(fā)動(dòng)態(tài)功能　10
0.4.6　申請(qǐng)域名與空間　10
0.4.7　發(fā)布與上傳　10
0.4.8　網(wǎng)站的推廣　10
0.5　小結(jié)　11
第1部分　Dreamweaver CS3制作網(wǎng)頁(yè)篇
第1章　Dreamweaver CS3初步體驗(yàn)　15
1.1　了解Dreamweaver CS3　15
1.2　熟悉Dreamweaver CS3的工作界面　16
1.3　了解Dreamweaver CS3的新增功能　19
1.3.1　預(yù)置CSS布局模板　19
1.3.2　適合于Ajax的Spry框架　19
1.3.3　Spry效果　20
1.4　掌握Dreamweaver的基本功能　20
1.4.1　創(chuàng)建及保存網(wǎng)頁(yè)　20
1.4.2　插入表格　21
1.4.3　編輯文本　22
1.4.4　插入圖像　23
1.4.5　創(chuàng)建超級(jí)鏈接　24
1.4.6　使用表單　24
1.5　小結(jié)　26
第2章　創(chuàng)建站點(diǎn)和頁(yè)面　27
2.1　搭建“小小書屋”站點(diǎn)　27
2.2　設(shè)置遠(yuǎn)程站點(diǎn)信息　29
2.3　管理站點(diǎn)文件　30
2.3.1　創(chuàng)建文件夾和文件　30
2.3.2　移動(dòng)和復(fù)制文件　31
2.3.3　刪除文件　32
2.4　上傳文件到服務(wù)器　32
2.5　設(shè)置頁(yè)面的基本屬性　33
2.5.1　實(shí)例展示　33
2.5.2　實(shí)例操作過(guò)程　34
2.6　小結(jié)與練習(xí)　35
練習(xí)——新年祝?！?5
第3章　在頁(yè)面中添加文字和圖像　37
3.1　知識(shí)要點(diǎn)　37
3.1.1　設(shè)置文本屬性　37
3.1.2　網(wǎng)頁(yè)中圖像的常見(jiàn)格式　38
3.1.3　插入圖像并設(shè)置其屬性　39
3.1.4　插入鼠標(biāo)經(jīng)過(guò)圖像　40
3.2　在網(wǎng)頁(yè)中插入文本　40
3.2.1　實(shí)例展示　41
3.2.2　實(shí)例操作過(guò)程　41
3.3　創(chuàng)建精美的圖文混排網(wǎng)頁(yè)　43
3.3.1　實(shí)例展示　43
3.3.2　實(shí)例操作過(guò)程　43
3.4　插入鼠標(biāo)經(jīng)過(guò)圖像　46
3.4.1　實(shí)例展示　46
3.4.2　實(shí)例操作過(guò)程　46
3.5　在Dreamweaver中編輯圖像　48
3.5.1　實(shí)例展示　48
3.5.2　實(shí)例操作過(guò)程　49
3.6　滾動(dòng)顯示旅游景點(diǎn)圖像　51
3.6.1　實(shí)例展示　51
3.6.2　實(shí)例操作過(guò)程　52
3.7　小結(jié)與練習(xí)　53
練習(xí)——校園網(wǎng)站頁(yè)面　53
第4章　在頁(yè)面中設(shè)置和管理超級(jí)鏈接　54
4.1　知識(shí)要點(diǎn)　54
4.1.1　超級(jí)鏈接的概念　54
4.1.2　創(chuàng)建超級(jí)鏈接　55
4.1.3　創(chuàng)建熱點(diǎn)鏈接　56
4.1.4　制作跳轉(zhuǎn)菜單鏈接　57
4.2　制作基本文字鏈接　58
4.2.1　實(shí)例展示　58
4.2.2　實(shí)例操作過(guò)程　58
4.3　制作電子郵件鏈接　59
4.3.1　實(shí)例展示　59
4.3.2　實(shí)例操作過(guò)程　60
4.4　制作圖像熱點(diǎn)鏈接　60
4.4.1　實(shí)例展示　61
4.4.2　實(shí)例操作過(guò)程　61
4.5　制作錨點(diǎn)鏈接網(wǎng)頁(yè)　63
4.5.1　實(shí)例展示　63
4.5.2　實(shí)例操作過(guò)程　64
4.6　制作跳轉(zhuǎn)菜單鏈接　67
4.6.1　實(shí)例展示　67
4.6.2　實(shí)例操作過(guò)程　67
4.7　給鏈接文字添加提示　69
4.7.1　實(shí)例展示　69
4.7.2　實(shí)例操作過(guò)程　69
4.8　小結(jié)與練習(xí)　70
練習(xí)——電子郵件鏈接　70
第5章　使用表格和框架布局網(wǎng)頁(yè)　72
5.1　知識(shí)要點(diǎn)　72
5.1.1　插入表格　72
5.1.2　設(shè)置表格屬性　73
5.1.3　選擇表格元素　73
5.1.4　拆分、合并單元格　75
5.1.5　選擇框架和框架集　76
5.1.6　設(shè)置框架集及框架屬性　77
5.2　利用表格制作產(chǎn)品規(guī)格表　78
5.2.1　實(shí)例展示　78
5.2.2　實(shí)例操作過(guò)程　79
5.3　利用表格布局紫海星云網(wǎng)頁(yè)　81
5.3.1　實(shí)例展示　81
5.3.2　實(shí)例操作過(guò)程　82
5.4　利用框架設(shè)計(jì)網(wǎng)頁(yè)　86
5.4.1　實(shí)例展示　86
5.4.2　實(shí)例操作過(guò)程　86
5.5　小結(jié)與練習(xí)　91
練習(xí)——左側(cè)嵌套框架頁(yè)面　92
第6章　使用CSS美化和布局網(wǎng)頁(yè)　93
6.1　知識(shí)要點(diǎn)　93
6.1.1　【CSS樣式】面板　93
6.1.2　創(chuàng)建CSS樣式　94
6.1.3　設(shè)置CSS屬性　94
6.2　格式化文本　98
6.2.1　實(shí)例展示　99
6.2.2　實(shí)例操作過(guò)程　99
6.3　使用CSS制作立體文字　101
6.3.1　實(shí)例展示　101
6.3.2　實(shí)例操作過(guò)程　101
6.4　使用CSS制作導(dǎo)航菜單　103
6.4.1　實(shí)例展示　103
6.4.2　實(shí)例操作過(guò)程　104
6.5　使用CSS制作漂亮的彩色背景表格　107
6.5.1　實(shí)例展示　107
6.5.2　實(shí)例操作過(guò)程　107
6.6　使用CSS和Div布局網(wǎng)頁(yè)　109
6.6.1　實(shí)例展示　110
6.6.2　實(shí)例操作過(guò)程　110
6.7　小結(jié)與練習(xí)　122
練習(xí)——?jiǎng)痈泄鈺炍淖帧?22
第7章　使用模板和庫(kù)批量制作網(wǎng)頁(yè)　123
7.1　知識(shí)要點(diǎn)　123
7.1.1　模板的特點(diǎn)　123
7.1.2　創(chuàng)建模板　123
7.1.3　設(shè)置可編輯區(qū)　124
7.2　創(chuàng)建模板網(wǎng)頁(yè)　125
7.2.1　實(shí)例展示　125
7.2.2　實(shí)例操作過(guò)程　125
7.3　設(shè)定模板可編輯區(qū)域　132
7.3.1　實(shí)例展示　132
7.3.2　實(shí)例操作過(guò)程　133
7.4　使用模板創(chuàng)建新網(wǎng)頁(yè)　133
7.4.1　實(shí)例展示　133
7.4.2　實(shí)例操作過(guò)程　134
7.5　創(chuàng)建和使用庫(kù)　136
7.5.1　實(shí)例展示　136
7.5.2　實(shí)例操作過(guò)程　136
7.6　小結(jié)與練習(xí)　140
練習(xí)——設(shè)計(jì)工作室的模板網(wǎng)頁(yè)　140
第8章　在頁(yè)面中使用行為　141
8.1　知識(shí)要點(diǎn)　141
8.1.1　【行為】面板　141
8.1.2　打開(kāi)瀏覽器窗口　141
8.1.3　轉(zhuǎn)到URL　142
8.1.4　增大和收縮圖片　142
8.2　設(shè)計(jì)彈出窗口網(wǎng)頁(yè)　143
8.2.1　實(shí)例展示　143
8.2.2　實(shí)例操作過(guò)程　144
8.3　制作轉(zhuǎn)到URL網(wǎng)頁(yè)　145
8.3.1　實(shí)例展示　145
8.3.2　實(shí)例操作過(guò)程　145
8.4　在瀏覽器狀態(tài)欄中顯示文本　146
8.4.1　實(shí)例展示　146
8.4.2　實(shí)例操作過(guò)程　147
8.5　制作增大和收縮的圖片　148
8.5.1　實(shí)例展示　148
8.5.2　實(shí)例操作過(guò)程　148
8.6　制作動(dòng)聽(tīng)的背景音樂(lè)網(wǎng)頁(yè)　150
8.6.1　實(shí)例展示　150
8.6.2　實(shí)例操作過(guò)程　150
8.7　小結(jié)與練習(xí)　151
練習(xí)——彈出信息網(wǎng)頁(yè)　151
第9章　創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)　153
9.1　動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)和制作流程　153
9.1.1　動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)　153
9.1.2　動(dòng)態(tài)網(wǎng)頁(yè)的制作流程　154
9.1.3　搭建本地服務(wù)器　155
9.2　新聞系統(tǒng)的制作(之一)——設(shè)計(jì)數(shù)據(jù)庫(kù)表　157
9.3　新聞系統(tǒng)的制作(之二)——設(shè)計(jì)新聞瀏覽詳細(xì)頁(yè)面　158
9.3.1　實(shí)例展示　159
9.3.2　實(shí)例操作過(guò)程　159
9.4　新聞系統(tǒng)的制作(之三)——設(shè)計(jì)新聞列表頁(yè)面　162
9.4.1　實(shí)例展示　162
9.4.2　實(shí)例操作過(guò)程　162
9.5　新聞系統(tǒng)的制作(之四)——設(shè)計(jì)新聞添加頁(yè)面　169
9.5.1　實(shí)例展示　169
9.5.2　實(shí)例操作過(guò)程　170
9.6　小結(jié)　174
第2部分　Flash CS3制作動(dòng)畫篇
第10章　Flash CS3初步體驗(yàn)　177
10.1　Flash CS3的應(yīng)用領(lǐng)域　177
10.2　熟悉Flash CS3的工作界面　180
10.3　了解Flash的重要概念　181
10.3.1　幀　181
10.3.2　圖層　182
10.3.3　場(chǎng)景　182
10.3.4　元件　182
10.3.5　時(shí)間軸　183
10.3.6　動(dòng)作腳本　183
10.4　了解Flash CS3的新增功能　183
10.5　小結(jié)　187
第11章　繪制與編輯圖形　188
11.1　知識(shí)要點(diǎn)　188
11.1.1　知識(shí)要點(diǎn)總結(jié)　188
11.1.2　實(shí)例操作過(guò)程　189
11.2　繪制卡通雪人　192
11.2.1　實(shí)例展示　192
11.2.2　實(shí)例操作過(guò)程　193
11.3　繪制鞭炮　197
11.3.1　實(shí)例展示　197
11.3.2　實(shí)例操作過(guò)程　198
11.4　繪制小白兔　202
11.4.1　實(shí)例展示　202
11.4.2　實(shí)例操作過(guò)程　202
11.5　小結(jié)與練習(xí)　208
練習(xí)——卡通圖形　208
第12章　創(chuàng)建和編輯文本與對(duì)象　210
12.1　知識(shí)要點(diǎn)　210
12.1.1　知識(shí)要點(diǎn)總結(jié)　210
12.1.2　實(shí)例操作過(guò)程　213
12.2　制作波浪文字　215
12.2.1　實(shí)例展示　215
12.2.2　實(shí)例操作過(guò)程　216
12.3　制作浮雕文字　221
12.3.1　實(shí)例展示　221
12.3.2　實(shí)例操作過(guò)程　222
12.4　制作霓虹文字　223
12.4.1　實(shí)例展示　224
12.4.2　實(shí)例操作過(guò)程　224
12.5　制作多彩的藝術(shù)字　227
12.5.1　實(shí)例展示　227
12.5.2　實(shí)例操作過(guò)程　227
12.6　小結(jié)與練習(xí)　231
練習(xí)——填圖文字　231
第13章　利用時(shí)間軸和幀制作基本動(dòng)畫　233
13.1　知識(shí)要點(diǎn)　233
13.1.1　知識(shí)要點(diǎn)總結(jié)　233
13.1.2　實(shí)例操作過(guò)程　235
13.2　創(chuàng)建文字依次出現(xiàn)動(dòng)畫　237
13.2.1　實(shí)例展示　237
13.2.2　實(shí)例操作過(guò)程　238
13.3　字母變形動(dòng)畫　240
13.3.1　實(shí)例展示　240
13.3.2　實(shí)例操作過(guò)程　240
13.4　跳動(dòng)的小球　243
13.4.1　實(shí)例展示　243
13.4.2　實(shí)例操作過(guò)程　243
13.5　小結(jié)與練習(xí)　249
練習(xí)——逐幀動(dòng)畫　249
第14章　應(yīng)用元件、影片剪輯和庫(kù)　250
14.1　知識(shí)要點(diǎn)　250
14.1.1　知識(shí)要點(diǎn)總結(jié)　250
14.1.2　實(shí)例操作過(guò)程　253
14.2　制作專業(yè)按鈕　256
14.2.1　實(shí)例展示　256
14.2.2　實(shí)例操作過(guò)程　257
14.3　制作發(fā)光聲音按鈕　259
14.3.1　實(shí)例展示　259
14.3.2　實(shí)例操作過(guò)程　260
14.4　繪制滿天星空　265
14.4.1　實(shí)例展示　265
14.4.2　實(shí)例操作過(guò)程　265
14.5　小結(jié)與練習(xí)　269
練習(xí)——不規(guī)則按鈕　269
第15章　制作高級(jí)動(dòng)畫　271
15.1　知識(shí)要點(diǎn)　271
15.1.1　知識(shí)要點(diǎn)總結(jié)　271
15.1.2　實(shí)例操作過(guò)程　274
15.2　制作溫馨卡片　276
15.2.1　實(shí)例展示　276
15.2.2　實(shí)例操作過(guò)程　277
15.3　制作網(wǎng)站Banner　282
15.3.1　實(shí)例展示　282
15.3.2　實(shí)例操作過(guò)程　282
15.4　制作聲音按鈕　284
15.4.1　實(shí)例展示　284
15.4.2　實(shí)例操作過(guò)程　285
15.5　小結(jié)與練習(xí)　288
練習(xí)——網(wǎng)站Banner　288
第16章　使用ActionScript制作交互動(dòng)畫　290
16.1　知識(shí)要點(diǎn)　290
16.1.1　知識(shí)要點(diǎn)總結(jié)　290
16.1.2　實(shí)例操作過(guò)程　294
16.2　設(shè)計(jì)鼠標(biāo)跟隨效果動(dòng)畫　296
16.2.1　實(shí)例展示　296
16.2.2　實(shí)例操作過(guò)程　297
16.3　設(shè)計(jì)控制動(dòng)畫播放的效果　299
16.3.1　實(shí)例展示　299
16.3.2　實(shí)例操作過(guò)程　300
16.4　設(shè)計(jì)一個(gè)預(yù)加載的Loading　304
16.4.1　實(shí)例展示　304
16.4.2　實(shí)例操作過(guò)程　305
16.5　利用loadVariables語(yǔ)句制作滾動(dòng)文字效果　308
16.5.1　實(shí)例展示　308
16.5.2　實(shí)例操作過(guò)程　309
16.6　小結(jié)與練習(xí)　312
練習(xí)——全屏播放的Flash動(dòng)畫　312
第3部分　Fireworks CS3處理圖像篇
第17章　Fireworks CS3初步體驗(yàn)　317
17.1　了解Fireworks CS3　317
17.2　熟悉Fireworks CS3的工作界面　317
17.3　掌握Fireworks的基本功能　320
17.3.1　修改畫布大小　320
17.3.2　修改畫布顏色　321
17.3.3　選取工具的使用　321
17.3.4　繪制基本矢量對(duì)象　321
17.3.5　【鉛筆】工具　323
17.3.6　【橡皮圖章】工具　324
17.3.7　【紅眼消除】工具　325
17.3.8　使用填充　325
17.4　小結(jié)　326
第18章　繪制和編輯位圖與矢量圖形　327
18.1　知識(shí)要點(diǎn)　327
18.1.1　知識(shí)要點(diǎn)總結(jié)　327
18.1.2　實(shí)例操作過(guò)程　327
18.2　利用基本工具繪制矩形導(dǎo)航　330
18.2.1　實(shí)例展示　330
18.2.2　實(shí)例操作過(guò)程　331
18.3　繪制網(wǎng)頁(yè)打折海報(bào)　334
18.3.1　實(shí)例展示　334
18.3.2　實(shí)例操作過(guò)程　335
18.4　繪制小屋　338
18.4.1　實(shí)例展示　339
18.4.2　實(shí)例操作過(guò)程　339
18.5　利用繪圖工具繪制網(wǎng)站標(biāo)志　343
18.5.1　實(shí)例展示　343
18.5.2　實(shí)例操作過(guò)程　343
18.6　小結(jié)與練習(xí)　345
練習(xí)1——相冊(cè)效果　345
練習(xí)2——企業(yè)網(wǎng)站標(biāo)志　345
第19章　創(chuàng)建和編輯文本　346
19.1　知識(shí)要點(diǎn)　346
19.1.1　知識(shí)要點(diǎn)總結(jié)　346
19.1.2　實(shí)例操作過(guò)程　350
19.2　設(shè)計(jì)凹凸文字效果　351
19.2.1　實(shí)例展示　351
19.2.2　實(shí)例操作過(guò)程　351
19.3　設(shè)計(jì)環(huán)繞文字效果　354
19.3.1　實(shí)例展示　354
19.3.2　實(shí)例操作過(guò)程　354
19.4　制作透明立體導(dǎo)航按鈕　356
19.4.1　實(shí)例展示　356
19.4.2　實(shí)例操作過(guò)程　356
19.5　制作飄舞的彩帶文字　359
19.5.1　實(shí)例展示　359
19.5.2　實(shí)例操作過(guò)程　359
19.6　設(shè)計(jì)網(wǎng)頁(yè)彈出菜單　364
19.6.1　實(shí)例展示　364
19.6.2　實(shí)例操作過(guò)程　364
19.7　小結(jié)與練習(xí)　369
練習(xí)——光暈文字　369
第20章　創(chuàng)建頁(yè)面的熱點(diǎn)區(qū)域和切片　371
20.1　知識(shí)要點(diǎn)　371
20.1.1　知識(shí)要點(diǎn)總結(jié)　371
20.1.2　實(shí)例操作過(guò)程　373
20.2　切割首頁(yè)　374
20.3　優(yōu)化和輸出首頁(yè)　376
20.3.1　實(shí)例展示　376
20.3.2　實(shí)例操作過(guò)程　376
20.4　為圖像添加熱點(diǎn)　378
20.4.1　實(shí)例展示　378
20.4.2　實(shí)例操作過(guò)程　378
20.5　小結(jié)與練習(xí)　380
練習(xí)——?jiǎng)?chuàng)建網(wǎng)頁(yè)切片　380
第4部分　綜合案例篇
第21章　設(shè)計(jì)星宇科技公司網(wǎng)站　383
21.1　實(shí)例概述　383
21.1.1　確定網(wǎng)站的欄目和版塊　383
21.1.2　網(wǎng)站策劃　384
21.2　定義本地站點(diǎn)　385
21.3　使用Fireworks設(shè)計(jì)首頁(yè)　386
21.3.1　繪制網(wǎng)頁(yè)導(dǎo)航欄　386
21.3.2　導(dǎo)入外部圖像　388
21.3.3　繪制正文欄目　389
21.3.4　繪制底部信息　392
21.3.5　切割網(wǎng)頁(yè)圖像　393
21.4　使用Dreamweaver制作主頁(yè)　394
21.5　設(shè)計(jì)主頁(yè)特效　404
21.5.1　設(shè)計(jì)顯示狀態(tài)欄文本特效　404
21.5.2　設(shè)計(jì)背景音樂(lè)特效　405
21.6　小結(jié)與練習(xí)　407
練習(xí)——企業(yè)網(wǎng)站　407
第22章　創(chuàng)建在線購(gòu)物網(wǎng)站　408
22.1　在線購(gòu)物網(wǎng)站概述　408
22.2　購(gòu)物網(wǎng)站特點(diǎn)分析　411
22.2.1　大信息量的頁(yè)面　411
22.2.2　頁(yè)面結(jié)構(gòu)設(shè)計(jì)合理　411
22.2.3　完善的分類體系　411
22.2.4　商品圖片的使用　411
22.3　購(gòu)物網(wǎng)站主要功能頁(yè)面　411
22.4　創(chuàng)建數(shù)據(jù)庫(kù)與數(shù)據(jù)庫(kù)連接　415
22.4.1　創(chuàng)建數(shù)據(jù)庫(kù)表　415
22.4.2　創(chuàng)建數(shù)據(jù)庫(kù)連接　416
22.5　制作購(gòu)物系統(tǒng)前臺(tái)頁(yè)面　416
22.5.1　制作商品分類展示頁(yè)面　416
22.5.2　制作商品詳細(xì)信息頁(yè)面　424
22.6　制作購(gòu)物系統(tǒng)后臺(tái)管理頁(yè)面　427
22.6.1　制作管理員登錄頁(yè)面　427
22.6.2　制作添加商品分類頁(yè)面　431
22.6.3　制作添加商品頁(yè)面　435
22.6.4　制作商品管理頁(yè)面　439
22.6.5　制作修改頁(yè)面　445
22.6.6　設(shè)計(jì)刪除頁(yè)面　448
22.7　小結(jié)與練習(xí)　452
練習(xí)——鮮花和糕點(diǎn)購(gòu)物網(wǎng)站　452