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

第0章　網(wǎng)站建設(shè)基礎(chǔ)　1
0.1　網(wǎng)頁制作基礎(chǔ)知識(shí)　1
0.2　HTML入門　6
0.3　掌握網(wǎng)站建設(shè)工具　7
0.4　網(wǎng)站開發(fā)的基本流程　8
0.4.1　明確網(wǎng)站定位　8
0.4.2　收集信息和素材　9
0.4.3　設(shè)計(jì)網(wǎng)頁圖像　9
0.4.4　制作頁面　9
0.4.5　開發(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)頁篇
第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)頁　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)和頁面　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è)置頁面的基本屬性　33
2.5.1　實(shí)例展示　33
2.5.2　實(shí)例操作過程　34
2.6　小結(jié)與練習(xí)　35
練習(xí)——新年祝福　35
第3章　在頁面中添加文字和圖像　37
3.1　知識(shí)要點(diǎn)　37
3.1.1　設(shè)置文本屬性　37
3.1.2　網(wǎng)頁中圖像的常見格式　38
3.1.3　插入圖像并設(shè)置其屬性　39
3.1.4　插入鼠標(biāo)經(jīng)過圖像　40
3.2　在網(wǎng)頁中插入文本　40
3.2.1　實(shí)例展示　41
3.2.2　實(shí)例操作過程　41
3.3　創(chuàng)建精美的圖文混排網(wǎng)頁　43
3.3.1　實(shí)例展示　43
3.3.2　實(shí)例操作過程　43
3.4　插入鼠標(biāo)經(jīng)過圖像　46
3.4.1　實(shí)例展示　46
3.4.2　實(shí)例操作過程　46
3.5　在Dreamweaver中編輯圖像　48
3.5.1　實(shí)例展示　48
3.5.2　實(shí)例操作過程　49
3.6　滾動(dòng)顯示旅游景點(diǎn)圖像　51
3.6.1　實(shí)例展示　51
3.6.2　實(shí)例操作過程　52
3.7　小結(jié)與練習(xí)　53
練習(xí)——校園網(wǎng)站頁面　53
第4章　在頁面中設(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í)例操作過程　58
4.3　制作電子郵件鏈接　59
4.3.1　實(shí)例展示　59
4.3.2　實(shí)例操作過程　60
4.4　制作圖像熱點(diǎn)鏈接　60
4.4.1　實(shí)例展示　61
4.4.2　實(shí)例操作過程　61
4.5　制作錨點(diǎn)鏈接網(wǎng)頁　63
4.5.1　實(shí)例展示　63
4.5.2　實(shí)例操作過程　64
4.6　制作跳轉(zhuǎn)菜單鏈接　67
4.6.1　實(shí)例展示　67
4.6.2　實(shí)例操作過程　67
4.7　給鏈接文字添加提示　69
4.7.1　實(shí)例展示　69
4.7.2　實(shí)例操作過程　69
4.8　小結(jié)與練習(xí)　70
練習(xí)——電子郵件鏈接　70
第5章　使用表格和框架布局網(wǎng)頁　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í)例操作過程　79
5.3　利用表格布局紫海星云網(wǎng)頁　81
5.3.1　實(shí)例展示　81
5.3.2　實(shí)例操作過程　82
5.4　利用框架設(shè)計(jì)網(wǎng)頁　86
5.4.1　實(shí)例展示　86
5.4.2　實(shí)例操作過程　86
5.5　小結(jié)與練習(xí)　91
練習(xí)——左側(cè)嵌套框架頁面　92
第6章　使用CSS美化和布局網(wǎng)頁　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í)例操作過程　99
6.3　使用CSS制作立體文字　101
6.3.1　實(shí)例展示　101
6.3.2　實(shí)例操作過程　101
6.4　使用CSS制作導(dǎo)航菜單　103
6.4.1　實(shí)例展示　103
6.4.2　實(shí)例操作過程　104
6.5　使用CSS制作漂亮的彩色背景表格　107
6.5.1　實(shí)例展示　107
6.5.2　實(shí)例操作過程　107
6.6　使用CSS和Div布局網(wǎng)頁　109
6.6.1　實(shí)例展示　110
6.6.2　實(shí)例操作過程　110
6.7　小結(jié)與練習(xí)　122
練習(xí)——?jiǎng)痈泄鈺炍淖帧?22
第7章　使用模板和庫批量制作網(wǎng)頁　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)頁　125
7.2.1　實(shí)例展示　125
7.2.2　實(shí)例操作過程　125
7.3　設(shè)定模板可編輯區(qū)域　132
7.3.1　實(shí)例展示　132
7.3.2　實(shí)例操作過程　133
7.4　使用模板創(chuàng)建新網(wǎng)頁　133
7.4.1　實(shí)例展示　133
7.4.2　實(shí)例操作過程　134
7.5　創(chuàng)建和使用庫　136
7.5.1　實(shí)例展示　136
7.5.2　實(shí)例操作過程　136
7.6　小結(jié)與練習(xí)　140
練習(xí)——設(shè)計(jì)工作室的模板網(wǎng)頁　140
第8章　在頁面中使用行為　141
8.1　知識(shí)要點(diǎn)　141
8.1.1　【行為】面板　141
8.1.2　打開瀏覽器窗口　141
8.1.3　轉(zhuǎn)到URL　142
8.1.4　增大和收縮圖片　142
8.2　設(shè)計(jì)彈出窗口網(wǎng)頁　143
8.2.1　實(shí)例展示　143
8.2.2　實(shí)例操作過程　144
8.3　制作轉(zhuǎn)到URL網(wǎng)頁　145
8.3.1　實(shí)例展示　145
8.3.2　實(shí)例操作過程　145
8.4　在瀏覽器狀態(tài)欄中顯示文本　146
8.4.1　實(shí)例展示　146
8.4.2　實(shí)例操作過程　147
8.5　制作增大和收縮的圖片　148
8.5.1　實(shí)例展示　148
8.5.2　實(shí)例操作過程　148
8.6　制作動(dòng)聽的背景音樂網(wǎng)頁　150
8.6.1　實(shí)例展示　150
8.6.2　實(shí)例操作過程　150
8.7　小結(jié)與練習(xí)　151
練習(xí)——彈出信息網(wǎng)頁　151
第9章　創(chuàng)建動(dòng)態(tài)網(wǎng)頁　153
9.1　動(dòng)態(tài)網(wǎng)頁的特點(diǎn)和制作流程　153
9.1.1　動(dòng)態(tài)網(wǎng)頁的特點(diǎn)　153
9.1.2　動(dòng)態(tài)網(wǎng)頁的制作流程　154
9.1.3　搭建本地服務(wù)器　155
9.2　新聞系統(tǒng)的制作(之一)——設(shè)計(jì)數(shù)據(jù)庫表　157
9.3　新聞系統(tǒng)的制作(之二)——設(shè)計(jì)新聞瀏覽詳細(xì)頁面　158
9.3.1　實(shí)例展示　159
9.3.2　實(shí)例操作過程　159
9.4　新聞系統(tǒng)的制作(之三)——設(shè)計(jì)新聞列表頁面　162
9.4.1　實(shí)例展示　162
9.4.2　實(shí)例操作過程　162
9.5　新聞系統(tǒng)的制作(之四)——設(shè)計(jì)新聞添加頁面　169
9.5.1　實(shí)例展示　169
9.5.2　實(shí)例操作過程　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í)例操作過程　189
11.2　繪制卡通雪人　192
11.2.1　實(shí)例展示　192
11.2.2　實(shí)例操作過程　193
11.3　繪制鞭炮　197
11.3.1　實(shí)例展示　197
11.3.2　實(shí)例操作過程　198
11.4　繪制小白兔　202
11.4.1　實(shí)例展示　202
11.4.2　實(shí)例操作過程　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í)例操作過程　213
12.2　制作波浪文字　215
12.2.1　實(shí)例展示　215
12.2.2　實(shí)例操作過程　216
12.3　制作浮雕文字　221
12.3.1　實(shí)例展示　221
12.3.2　實(shí)例操作過程　222
12.4　制作霓虹文字　223
12.4.1　實(shí)例展示　224
12.4.2　實(shí)例操作過程　224
12.5　制作多彩的藝術(shù)字　227
12.5.1　實(shí)例展示　227
12.5.2　實(shí)例操作過程　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í)例操作過程　235
13.2　創(chuàng)建文字依次出現(xiàn)動(dòng)畫　237
13.2.1　實(shí)例展示　237
13.2.2　實(shí)例操作過程　238
13.3　字母變形動(dòng)畫　240
13.3.1　實(shí)例展示　240
13.3.2　實(shí)例操作過程　240
13.4　跳動(dòng)的小球　243
13.4.1　實(shí)例展示　243
13.4.2　實(shí)例操作過程　243
13.5　小結(jié)與練習(xí)　249
練習(xí)——逐幀動(dòng)畫　249
第14章　應(yīng)用元件、影片剪輯和庫　250
14.1　知識(shí)要點(diǎn)　250
14.1.1　知識(shí)要點(diǎn)總結(jié)　250
14.1.2　實(shí)例操作過程　253
14.2　制作專業(yè)按鈕　256
14.2.1　實(shí)例展示　256
14.2.2　實(shí)例操作過程　257
14.3　制作發(fā)光聲音按鈕　259
14.3.1　實(shí)例展示　259
14.3.2　實(shí)例操作過程　260
14.4　繪制滿天星空　265
14.4.1　實(shí)例展示　265
14.4.2　實(shí)例操作過程　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í)例操作過程　274
15.2　制作溫馨卡片　276
15.2.1　實(shí)例展示　276
15.2.2　實(shí)例操作過程　277
15.3　制作網(wǎng)站Banner　282
15.3.1　實(shí)例展示　282
15.3.2　實(shí)例操作過程　282
15.4　制作聲音按鈕　284
15.4.1　實(shí)例展示　284
15.4.2　實(shí)例操作過程　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í)例操作過程　294
16.2　設(shè)計(jì)鼠標(biāo)跟隨效果動(dòng)畫　296
16.2.1　實(shí)例展示　296
16.2.2　實(shí)例操作過程　297
16.3　設(shè)計(jì)控制動(dòng)畫播放的效果　299
16.3.1　實(shí)例展示　299
16.3.2　實(shí)例操作過程　300
16.4　設(shè)計(jì)一個(gè)預(yù)加載的Loading　304
16.4.1　實(shí)例展示　304
16.4.2　實(shí)例操作過程　305
16.5　利用loadVariables語句制作滾動(dòng)文字效果　308
16.5.1　實(shí)例展示　308
16.5.2　實(shí)例操作過程　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í)例操作過程　327
18.2　利用基本工具繪制矩形導(dǎo)航　330
18.2.1　實(shí)例展示　330
18.2.2　實(shí)例操作過程　331
18.3　繪制網(wǎng)頁打折海報(bào)　334
18.3.1　實(shí)例展示　334
18.3.2　實(shí)例操作過程　335
18.4　繪制小屋　338
18.4.1　實(shí)例展示　339
18.4.2　實(shí)例操作過程　339
18.5　利用繪圖工具繪制網(wǎng)站標(biāo)志　343
18.5.1　實(shí)例展示　343
18.5.2　實(shí)例操作過程　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í)例操作過程　350
19.2　設(shè)計(jì)凹凸文字效果　351
19.2.1　實(shí)例展示　351
19.2.2　實(shí)例操作過程　351
19.3　設(shè)計(jì)環(huán)繞文字效果　354
19.3.1　實(shí)例展示　354
19.3.2　實(shí)例操作過程　354
19.4　制作透明立體導(dǎo)航按鈕　356
19.4.1　實(shí)例展示　356
19.4.2　實(shí)例操作過程　356
19.5　制作飄舞的彩帶文字　359
19.5.1　實(shí)例展示　359
19.5.2　實(shí)例操作過程　359
19.6　設(shè)計(jì)網(wǎng)頁彈出菜單　364
19.6.1　實(shí)例展示　364
19.6.2　實(shí)例操作過程　364
19.7　小結(jié)與練習(xí)　369
練習(xí)——光暈文字　369
第20章　創(chuàng)建頁面的熱點(diǎn)區(qū)域和切片　371
20.1　知識(shí)要點(diǎn)　371
20.1.1　知識(shí)要點(diǎn)總結(jié)　371
20.1.2　實(shí)例操作過程　373
20.2　切割首頁　374
20.3　優(yōu)化和輸出首頁　376
20.3.1　實(shí)例展示　376
20.3.2　實(shí)例操作過程　376
20.4　為圖像添加熱點(diǎn)　378
20.4.1　實(shí)例展示　378
20.4.2　實(shí)例操作過程　378
20.5　小結(jié)與練習(xí)　380
練習(xí)——?jiǎng)?chuàng)建網(wǎng)頁切片　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ì)首頁　386
21.3.1　繪制網(wǎng)頁導(dǎo)航欄　386
21.3.2　導(dǎo)入外部圖像　388
21.3.3　繪制正文欄目　389
21.3.4　繪制底部信息　392
21.3.5　切割網(wǎng)頁圖像　393
21.4　使用Dreamweaver制作主頁　394
21.5　設(shè)計(jì)主頁特效　404
21.5.1　設(shè)計(jì)顯示狀態(tài)欄文本特效　404
21.5.2　設(shè)計(jì)背景音樂特效　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　大信息量的頁面　411
22.2.2　頁面結(jié)構(gòu)設(shè)計(jì)合理　411
22.2.3　完善的分類體系　411
22.2.4　商品圖片的使用　411
22.3　購(gòu)物網(wǎng)站主要功能頁面　411
22.4　創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接　415
22.4.1　創(chuàng)建數(shù)據(jù)庫表　415
22.4.2　創(chuàng)建數(shù)據(jù)庫連接　416
22.5　制作購(gòu)物系統(tǒng)前臺(tái)頁面　416
22.5.1　制作商品分類展示頁面　416
22.5.2　制作商品詳細(xì)信息頁面　424
22.6　制作購(gòu)物系統(tǒng)后臺(tái)管理頁面　427
22.6.1　制作管理員登錄頁面　427
22.6.2　制作添加商品分類頁面　431
22.6.3　制作添加商品頁面　435
22.6.4　制作商品管理頁面　439
22.6.5　制作修改頁面　445
22.6.6　設(shè)計(jì)刪除頁面　448
22.7　小結(jié)與練習(xí)　452
練習(xí)——鮮花和糕點(diǎn)購(gòu)物網(wǎng)站　452