Dreamweaver CS3從入門到精通

第1章　認識Dreamweaver CS3　1
1.1　Dreamweaver CS3簡介　1
1.2　安裝Dreamweaver CS3　2
1.2.1　安裝Dreamweaver CS3的系統(tǒng)要求　2
1.2.2　安裝Dreamweaver CS3　2
1.3　Dreamweaver CS3的新增功能　4
1.4　經(jīng)典習(xí)題　8
1.4.1　填空題　8
1.4.2　操作題　8
第2章　Dreamweaver CS3操作界面　9
2.1　Dreamweaver CS3工作區(qū)　9
2.2　Dreamweaver CS3工具欄　10
2.2.1　【標準】工具欄　10
2.2.2　【文檔】工具欄　10
2.3　【屬性】面板　11
2.4　插入欄　11
2.4.1　【常用】插入欄　11
2.4.2　【布局】插入欄　12
2.4.3　【表單】插入欄　13
2.4.4　【數(shù)據(jù)】插入欄　13
2.4.5　【Spry】插入欄　14
2.4.6　【文本】插入欄　14
2.4.7　【收藏夾】插入欄　15
2.5　菜單欄　15
2.5.1　【文件】菜單　15
2.5.2　【編輯】菜單　16
2.5.3　【查看】菜單　16
2.5.4　【插入記錄】菜單　17
2.5.5　【修改】菜單　17
2.5.6　【文本】菜單　18
2.5.7　【命令】菜單　18
2.5.8　【站點】菜單　19
2.5.9　【窗口】菜單　19
2.5.10　【幫助】菜單　19
2.6　面板組　20
2.7　經(jīng)典習(xí)題　20
2.7.1　選擇題　20
2.7.2　填空題　20
2.7.3　操作題　20
第3章　創(chuàng)建與管理站點　21
3.1　創(chuàng)建本地站點　21
3.1.1　使用向?qū)Т罱ㄕ军c　21
3.1.2　通過高級面板創(chuàng)建站點　23
3.2　管理站點　25
3.2.1　打開站點　25
3.2.2　編輯站點　25
3.2.3　刪除站點　26
3.2.4　復(fù)制站點　26
3.3　管理站點中的文件　27
3.3.1　創(chuàng)建文件夾和文件　27
3.3.2　移動和復(fù)制文件　28
3.4　使用站點地圖　29
3.4.1　查看站點地圖　29
3.4.2　站點地圖布局　29
3.5　經(jīng)典習(xí)題　30
3.5.1　選擇題　30
3.5.2　填空題　31
3.5.3　操作題　31
第4章　設(shè)置頁面整體環(huán)境　32
4.1　設(shè)置頁面屬性　32
4.1.1　設(shè)置外觀　32
4.1.2　設(shè)置鏈接　33
4.1.3　設(shè)置標題　33
4.1.4　設(shè)置標題/編碼　34
4.1.5　設(shè)置跟蹤圖像　35
4.2　使用輔助設(shè)計　35
4.2.1　使用標尺　35
4.2.2　使用網(wǎng)格　36
4.3　實例演練——設(shè)置頁面屬性　37
4.4　經(jīng)典習(xí)題　40
4.4.1　選擇題　40
4.4.2　填空題　40
4.4.3　操作題　40
第5章　使用文本　41
5.1　插入文本　41
5.1.1　插入普通文本　41
5.1.2　插入特殊字符　43
5.1.3　插入日期　44
5.2　設(shè)置文本屬性　46
5.2.1　設(shè)置標題和段落格式　46
5.2.2　設(shè)置文本字體和字號　47
5.2.3　添加新字體　48
5.2.4　設(shè)置文本顏色　49
5.2.5　設(shè)置文本樣式　51
5.2.6　設(shè)置文本對齊方式　52
5.2.7　設(shè)置文本縮進和凸出　52
5.3　創(chuàng)建項目列表和編號列表　53
5.3.1　創(chuàng)建項目列表　53
5.3.2　創(chuàng)建嵌套列表　54
5.4　插入網(wǎng)頁頭部內(nèi)容　55
5.4.1　插入META　55
5.4.2　插入關(guān)鍵字　56
5.4.3　插入說明　57
5.4.4　刷新　57
5.4.5　設(shè)置基礎(chǔ)　57
5.4.6　設(shè)置鏈接　58
5.5　在網(wǎng)頁中插入其他元素　59
5.5.1　插入水平線　59
5.5.2　插入注釋　61
5.6　檢查拼寫與查找替換　61
5.6.1　檢查拼寫　62
5.6.2　查找和替換　63
5.7　實例演練——創(chuàng)建基本文本網(wǎng)頁　64
5.8　經(jīng)典習(xí)題　66
5.8.1　選擇題　66
5.8.2　填空題　66
5.8.3　操作題　67
第6章　使用圖像　68
6.1　網(wǎng)頁中常用的圖像格式　68
6.1.1　GIF格式　68
6.1.2　JPEG格式　69
6.1.3　PNG格式　69
6.2　在網(wǎng)頁中插入圖像　69
6.2.1　插入普通圖像　69
6.2.2　插入圖像占位符　70
6.2.3　插入鼠標經(jīng)過圖像　71
6.3　設(shè)置圖像屬性　73
6.3.1　調(diào)整圖像大小和邊距　73
6.3.2　設(shè)置圖像對齊方式　74
6.4　在網(wǎng)頁中編輯圖像　75
6.4.1　使用Photoshop優(yōu)化圖像　75
6.4.2　裁剪圖像　76
6.4.3　重新取樣圖像　77
6.4.4　調(diào)整圖像亮度和對比度　77
6.4.5　銳化圖像　78
6.5　實例演練　78
6.5.1　實例1——創(chuàng)建圖文混排網(wǎng)頁　78
6.5.2　實例2——創(chuàng)建翻轉(zhuǎn)圖像導(dǎo)航　80
6.6　經(jīng)典習(xí)題　83
6.6.1　選擇題　83
6.6.2　填空題　83
6.6.3　操作題　83
第7章　創(chuàng)建超級鏈接　84
7.1　關(guān)于超級鏈接的基本概念　84
7.1.1　絕對路徑　84
7.1.2　相對路徑　85
7.2　創(chuàng)建超級鏈接的方法　85
7.2.1　使用【屬性】面板創(chuàng)建鏈接　85
7.2.2　使用指向文件圖標創(chuàng)建鏈接　85
7.2.3　使用菜單創(chuàng)建鏈接　86
7.3　創(chuàng)建各種類型的鏈接　87
7.3.1　創(chuàng)建文本鏈接　87
7.3.2　創(chuàng)建圖像熱點鏈接　88
7.3.3　創(chuàng)建E-mail鏈接　90
7.3.4　創(chuàng)建下載文件鏈接　92
7.3.5　創(chuàng)建錨點鏈接　93
7.3.6　創(chuàng)建腳本鏈接　95
7.3.7　創(chuàng)建空鏈接　96
7.4　管理超級鏈接　97
7.4.1　自動更新鏈接　97
7.4.2　在站點范圍內(nèi)更改鏈接　98
7.4.3　檢查站點中的鏈接錯誤　99
7.5　實例演練　100
7.5.1　實例1——創(chuàng)建錨點鏈接網(wǎng)頁　100
7.5.2　實例2——創(chuàng)建圖像熱點鏈接　103
7.6　經(jīng)典習(xí)題　106
7.6.1　選擇題　106
7.6.2　填空題　106
7.6.3　操作題　106
第8章　使用表格布局網(wǎng)頁　107
8.1　創(chuàng)建表格　107
8.1.1　表格的基本概念　107
8.1.2　插入表格　108
8.2　設(shè)置表格及其元素屬性　109
8.2.1　設(shè)置表格屬性　109
8.2.2　設(shè)置單元格的屬性　110
8.3　表格的基本操作　110
8.3.1　選擇表格　110
8.3.2　調(diào)整表格和單元格的大小　111
8.3.3　添加或刪除行或列　112
8.3.4　拆分單元格　113
8.3.5　合并單元格　113
8.3.6　剪切、復(fù)制、粘貼表格　114
8.4　表格的其他功能　114
8.4.1　導(dǎo)入表格式數(shù)據(jù)　115
8.4.2　排序表格　117
8.4.3　使用預(yù)設(shè)表格樣式對表格進行格式設(shè)置　118
8.5　實例演練　121
8.5.1　實例1——制作網(wǎng)頁細線表格　121
8.5.2　實例2——制作網(wǎng)頁圓角表格　123
8.5.3　實例3——利用表格布局網(wǎng)頁　127
8.6　經(jīng)典習(xí)題　136
8.6.1　選擇題　136
8.6.2　填空題　136
8.6.3　操作題　136
第9章　使用層和時間軸　137
9.1　關(guān)于層　137
9.1.1　層的概念　137
9.1.2　層面板　138
9.2　插入層　138
9.2.1　創(chuàng)建普通層　138
9.2.2　創(chuàng)建嵌套層　139
9.3　設(shè)置層的屬性　140
9.3.1　設(shè)置層的顯示/隱藏屬性　141
9.3.2　改變層的堆疊順序　141
9.3.3　為層添加滾動條　141
9.3.4　改變層的可見性　142
9.4　層的基本操作　142
9.4.1　在層中插入對象　143
9.4.2　調(diào)整層的大小　143
9.4.3　移動層　144
9.4.4　對齊層　145
9.4.5　將層對齊到網(wǎng)格　146
9.5　層與表格的相互轉(zhuǎn)換　147
9.5.1　將層轉(zhuǎn)換為表格　147
9.5.2　將表格轉(zhuǎn)換為層　148
9.6　使用時間軸制作特效　149
9.6.1　【時間軸】面板　149
9.6.2　制作時間軸動畫　150
9.7　實例演練　154
9.7.1　實例1——利用層制作網(wǎng)頁下拉菜單　154
9.7.2　實例2——利用層布局網(wǎng)頁　157
9.8　經(jīng)典習(xí)題　161
9.8.1　選擇題　161
9.8.2　填空題　161
9.8.3　操作題　161
第10章　制作框架網(wǎng)頁　162
10.1　框架概述　162
10.1.1　框架結(jié)構(gòu)的組成　162
10.1.2　框架結(jié)構(gòu)的優(yōu)缺點　162
10.2　創(chuàng)建框架網(wǎng)頁　163
10.2.1　創(chuàng)建框架集　163
10.2.2　插入預(yù)定義框架集　164
10.2.3　創(chuàng)建嵌套框架集　165
10.3　框架的基本操作　165
10.3.1　選擇框架和框架集　165
10.3.2　保存框架和框架集　167
10.3.3　在框架中創(chuàng)建鏈接　167
10.4　框架和框架集屬性　168
10.4.1　設(shè)置框架屬性　169
10.4.2　設(shè)置框架集屬性　169
10.5　實例演練　170
10.5.1　實例1——使用浮動框架iframe　170
10.5.2　實例2——創(chuàng)建完整的框架網(wǎng)頁　172
10.6　經(jīng)典習(xí)題　180
10.6.1　選擇題　180
10.6.2　填空題　180
10.6.3　操作題　181
第11章　插入多媒體內(nèi)容　182
11.1　插入Flash　182
11.1.1　插入Flash動畫　182
11.1.2　插入Flash按鈕　184
11.1.3　插入Flash文本　186
11.1.4　插入FlashPaper　189
11.1.5　插入Flash視頻　189
11.2　插入Shockwave動畫　190
11.3　添加背景音樂　191
11.4　插入JavaApplet　194
11.5　插入ActiveX控件　196
11.6　插入插件　197
11.7　實例演練　199
11.7.1　實例1——插入透明Flash動畫　199
11.7.2　實例2——利用Java Applet制作水中倒影效果　201
11.8　經(jīng)典習(xí)題　203
11.8.1　選擇題　203
11.8.2　填空題　203
11.8.3　操作題　204
第12章　使用CSS美化網(wǎng)頁　205
12.1　CSS簡介　205
12.1.1　CSS的基本概念　205
12.1.2　CSS的類型與基本語法　206
12.2　使用CSS　207
12.2.1　建立標簽樣式　208
12.2.2　建立類樣式　208
12.2.3　建立自定義高級樣式　209
12.3　設(shè)置CSS樣式　209
12.3.1　設(shè)置文本樣式　209
12.3.2　設(shè)置背景樣式　210
12.3.3　設(shè)置區(qū)塊樣式　211
12.3.4　設(shè)置方框樣式　212
12.3.5　設(shè)置邊框樣式　212
12.3.6　設(shè)置列表樣式　213
12.3.7　設(shè)置定位樣式　213
12.3.8　設(shè)置擴展樣式　214
12.4　實例演練　215
12.4.1　實例1——應(yīng)用CSS固定字體大小　215
12.4.2　實例2——應(yīng)用CSS改變文本間行距　217
12.4.3　實例3——應(yīng)用CSS創(chuàng)建動感光暈文字　219
12.4.4　實例4——應(yīng)用CSS給文字添加邊框　222
12.5　經(jīng)典習(xí)題　223
12.5.1　選擇題　223
12.5.2　填空題　224
12.5.3　操作題　224
第13章　使用行為給網(wǎng)頁添加特效　225
13.1　行為的概念　225
13.2　行為的動作和事件　226
13.2.1　常見動作類型　226
13.2.2　常見事件　227
13.3　使用Dreamweaver內(nèi)置行為　228
13.3.1　交換圖像　228
13.3.2　彈出提示信息　230
13.3.3　打開瀏覽器窗口　231
13.3.4　拖動層　232
13.3.5　控制Flash影片　234
13.3.6　添加聲音　235
13.3.7　改變屬性　23713.3.8　設(shè)置層文本　239
13.3.9　顯示-隱藏元素　240
13.3.10　顯示彈出式菜單　242
13.3.11　檢查插件　244
13.3.12　檢查瀏覽器　245
13.3.13　檢查表單　245
13.3.14　設(shè)置導(dǎo)航欄圖像　247
13.3.15　設(shè)置狀態(tài)欄文本　249
13.3.16　設(shè)置框架文本　250
13.3.17　調(diào)用JavaScript　250
13.3.18　應(yīng)用跳轉(zhuǎn)菜單　251
13.3.19　轉(zhuǎn)到URL　252
13.3.20　預(yù)先載入圖像　253
13.4　經(jīng)典習(xí)題　255
13.4.1　選擇題　255
13.4.2　填空題　255
13.4.3　操作題　255
第14章　使用模板和庫提高網(wǎng)頁制作效率　256
14.1　使用【資源】面板管理站點資源　256
14.1.1　在【資源】面板中查看資源　256
14.1.2　將資源添加到文檔　257
14.1.3　在另外的站點中重新使用資源　257
14.1.4　在收藏夾中添加或刪除資源　258
14.2　創(chuàng)建模板　258
14.2.1 直接創(chuàng)建模板　259
14.2.2　從現(xiàn)有文檔創(chuàng)建模板　260
14.3　使用模板　261
14.3.1　定義可編輯區(qū)　261
14.3.2　定義新的可選區(qū)域　262
14.3.3　定義重復(fù)區(qū)域　263
14.3.4　基于模板創(chuàng)建網(wǎng)頁　263
14.4　管理模板　266
14.4.1　更新模板　266
14.4.2　把頁面從模板中分離出來　267
14.5　創(chuàng)建與應(yīng)用庫項目　268
14.5.1　關(guān)于庫項目　268
14.5.2　創(chuàng)建庫項目　268
14.5.3　應(yīng)用庫項目　271
14.5.4　修改庫項目　273
14.6　實例演練——創(chuàng)建完整的模板網(wǎng)頁　273
14.6.1　實例1——創(chuàng)建模板　274
14.6.2　實例2——利用模板創(chuàng)建網(wǎng)頁　279
14.7　經(jīng)典習(xí)題　284
14.7.1　選擇題　284
14.7.2　填空題　284
14.7.3　操作題　284
第15章　使用表單　285
15.1　創(chuàng)建表單　285
15.1.1　表單概述　285
15.1.2　插入表單　286
15.2　插入文本域　287
15.2.1　插入單行文本域　287
15.2.2　插入多行文本域　289
15.2.3　插入密碼域　289
15.3　插入復(fù)選框和單選按鈕　290
15.3.1　插入復(fù)選框　290
15.3.2　插入單選按鈕　291
15.4　插入列表和菜單　292
15.5　插入跳轉(zhuǎn)菜單　293
15.6　使用文件域和隱藏域　294
15.6.1　文件域　294
15.6.2　隱藏域　295
15.7　插入按鈕　295
15.8　檢查表單　297
15.9　實例演練——創(chuàng)建電子郵件表單　298
15.10　經(jīng)典習(xí)題　307
15.10.1　選擇題　307
15.10.2　填空題　308
15.10.3　操作題　308
第16章　Dreamweaver的擴展功能　309
16.1　Dreamweaver CS3插件簡介　309
16.2　安裝插件　310
16.3　實例演練——插件應(yīng)用實例　311
16.3.1　實例1——使用插件制作背景音樂網(wǎng)頁　311
16.3.2　實例2——使用插件制作彩色漸變文字效果　313
16.3.3　實例3——使用飄浮圖像插件創(chuàng)建飄浮廣告網(wǎng)頁　314
16.3.4　實例4——使用插件創(chuàng)建E-mail鏈接　315
16.3.5　實例5——使用插件創(chuàng)建根據(jù)不同的時段顯示不同的問候語效果　316
16.3.6　實例6——利用插件創(chuàng)建隨機切換的廣告圖　317
16.3.7　實例7——使用插件制作滾動標題欄　319
16.4　經(jīng)典習(xí)題　321
16.4.1　填空題　321
16.4.2　操作題　321
第17章　在Dreamweaver中編寫HTML代碼　322
17.1　HTML語言基礎(chǔ)　322
17.1.1　HTML概述　322
17.1.2　HTML基本結(jié)構(gòu)　323
17.2　HTML常用標記　323
17.2.1　文本與段落　323
17.2.2　表格　325
17.2.3　超級鏈接　326
17.2.4　圖像　327
17.2.5　框架　328
17.2.6　表單　331
17.3　在Dreamweaver中編輯代碼　333
17.3.1　查看源代碼　333
17.3.2　使用標簽選擇器和標簽編輯器　333
17.3.3　使用代碼提示　334
17.4　使用【代碼片斷】面板　338
17.4.1　插入代碼片斷　338
17.4.2　創(chuàng)建代碼片斷　339
17.5　優(yōu)化代碼　340
17.5.1　清理HTML/XHTML代碼　340
17.5.2　清理Word生成的HTML代碼　341
17.6　實例演練——使用標簽選擇器插入滾動公告　342
17.7　經(jīng)典習(xí)題　348
17.7.1　選擇題　348
17.7.2　填空題　348
17.7.3　操作題　348
第18章　創(chuàng)建動態(tài)網(wǎng)頁基礎(chǔ)　349
18.1　創(chuàng)建ASP應(yīng)用程序開發(fā)環(huán)境　349
18.1.1　安裝Internet信息服務(wù)器(IIS)　349
18.1.2　設(shè)置Internet信息服務(wù)器(IIS)　351
18.2　設(shè)計數(shù)據(jù)庫　352
18.3　建立數(shù)據(jù)庫連接　353
18.3.1　了解DSN　353
18.3.2　定義系統(tǒng)DSN　354
18.3.3　建立系統(tǒng)DSN連接　355
18.4　定義記錄集(查詢)　356
18.4.1　簡單記錄集(查詢)的定義　357
18.4.2　高級記錄集的定義　358
18.4.3　調(diào)用存儲過程　358
18.4.4　簡單的SQL查詢語句　359
18.5　其他數(shù)據(jù)源的定義　360
18.5.1　請求變量　360
18.5.2　階段變量　361
18.5.3　應(yīng)用程序變量　362
18.6　動態(tài)數(shù)據(jù)的綁定　362
18.6.1　綁定動態(tài)文本　362
18.6.2　設(shè)置動態(tài)文本數(shù)據(jù)格式　363
18.6.3　綁定動態(tài)圖像　365
18.6.4　向表單對象綁定動態(tài)數(shù)據(jù)　365
18.7　添加服務(wù)器行為　367
18.7.1　顯示多條記錄　367
18.7.2　移動記錄　367
18.7.3　顯示區(qū)域　368
18.7.4　頁面之間信息傳遞　369
18.7.5　用戶驗證　370
18.8　經(jīng)典習(xí)題　373
18.8.1　選擇題　373
18.8.2　填空題　373
18.8.3　操作題　373
第19章　創(chuàng)建動態(tài)網(wǎng)頁常見模塊　374
19.1　創(chuàng)建留言系統(tǒng)　374
19.1.1　需求分析與設(shè)計思路　374
19.1.2　創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接　376
19.1.3　創(chuàng)建留言列表頁面　380
19.1.4　創(chuàng)建留言詳細頁面　387
19.1.5　創(chuàng)建添加留言頁面　389
19.2　制作會員注冊登錄系統(tǒng)　395
19.2.1　需求分析與設(shè)計思路　395
19.2.2　創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接　396
19.2.3　制作注冊頁面　399
19.2.4　制作注冊成功與失敗頁面　403
19.2.5　制作會員登錄頁面　405
19.2.6　制作登錄成功與失敗頁面　407
19.3　制作在線調(diào)查系統(tǒng)　409
19.3.1　需求分析與設(shè)計思路　409
19.3.2　創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接　410
19.3.3　制作調(diào)查信息頁面　413
19.3.4　制作調(diào)查結(jié)果頁面　420
19.4　經(jīng)典習(xí)題　433
第20章　設(shè)計與制作購物網(wǎng)站　434
20.1　購物網(wǎng)站主要欄目和功能　434
20.2　購物網(wǎng)站分類　435
20.3　購物網(wǎng)站的購物流程　436
20.4　制作購物系統(tǒng)主頁　437
20.4.1　制作頭部文件　438
20.4.2　制作會員登錄　442
20.4.3　制作商城特別提示　445
20.4.4　制作商品分類導(dǎo)航　447
20.4.5　制作商品品牌導(dǎo)航　450
20.4.6　制作新品上架　452
20.4.7　制作促銷商品　455
20.4.8　制作最新養(yǎng)顏專題　457
20.4.9　制作網(wǎng)站最新公告　459
20.4.10　制作最新商品調(diào)查　460
20.4.11　制作精品推薦　463
20.4.12　制作最新站內(nèi)新聞　465
20.4.13　制作商品銷售排行榜　467
20.4.14　制作底部文件　470
20.5　經(jīng)典習(xí)題　471
20.5.1　填空題　471
20.5.2　操作題　471
第21章　設(shè)計與制作企業(yè)網(wǎng)站　472
21.1　企業(yè)網(wǎng)站設(shè)計概述　472
21.1.1　企業(yè)網(wǎng)站分類　472
21.1.2　本例主要功能頁面　474
21.2　創(chuàng)建本地站點　476
21.3　模板頁面的制作　477
21.3.1　創(chuàng)建頂部庫文件　478
21.3.2　創(chuàng)建底部庫文件　481
21.3.3　創(chuàng)建模板　483
21.4　利用模板創(chuàng)建網(wǎng)頁　487
21.5　制作網(wǎng)站新聞發(fā)布系統(tǒng)　490
21.5.1　新聞發(fā)布系統(tǒng)分析　490
21.5.2　設(shè)計數(shù)據(jù)庫　491
21.5.3　創(chuàng)建數(shù)據(jù)庫連接　493
21.5.4　制作新聞列表頁面　495
21.5.5　制作新聞詳細顯示頁面　499
21.5.6　制作管理員登錄頁面　502
21.5.7　制作新聞管理主頁面　505
21.5.8　制作新聞添加頁面　511
21.5.9　制作新聞修改和刪除頁面　514
21.6　經(jīng)典習(xí)題　518
21.6.1　填空題　518
21.6.2　操作題　518
第22章　站點的發(fā)布與推廣　519
22.1　測試站點　519
22.1.1　檢查鏈接　519
22.1.2　站點報告　520
22.1.3　清理文檔　521
22.2　發(fā)布網(wǎng)站　522
22.3　網(wǎng)站維護　524
22.3.1　網(wǎng)站內(nèi)容的更新　524
22.3.2　網(wǎng)站風(fēng)格的更新　525
22.4　網(wǎng)站的推廣　525
22.4.1　登錄搜索引擎　525
22.4.2　利用友情鏈接　525
22.4.3　借助網(wǎng)絡(luò)廣告　526
22.4.4　登錄網(wǎng)址導(dǎo)航站點　526
22.4.5　BBS宣傳　527
22.5　經(jīng)典習(xí)題　527
22.5.1　選擇題　527
22.5.2　填空題　527
22.5.3　操作題　527