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

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