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)典習題　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)典習題　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　復制站點　26
3.3　管理站點中的文件　27
3.3.1　創(chuàng)建文件夾和文件　27
3.3.2　移動和復制文件　28
3.4　使用站點地圖　29
3.4.1　查看站點地圖　29
3.4.2　站點地圖布局　29
3.5　經(jīng)典習題　30
3.5.1　選擇題　30
3.5.2　填空題　31
3.5.3　操作題　31
第4章　設置頁面整體環(huán)境　32
4.1　設置頁面屬性　32
4.1.1　設置外觀　32
4.1.2　設置鏈接　33
4.1.3　設置標題　33
4.1.4　設置標題/編碼　34
4.1.5　設置跟蹤圖像　35
4.2　使用輔助設計　35
4.2.1　使用標尺　35
4.2.2　使用網(wǎng)格　36
4.3　實例演練——設置頁面屬性　37
4.4　經(jīng)典習題　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　設置文本屬性　46
5.2.1　設置標題和段落格式　46
5.2.2　設置文本字體和字號　47
5.2.3　添加新字體　48
5.2.4　設置文本顏色　49
5.2.5　設置文本樣式　51
5.2.6　設置文本對齊方式　52
5.2.7　設置文本縮進和凸出　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　插入關鍵字　56
5.4.3　插入說明　57
5.4.4　刷新　57
5.4.5　設置基礎　57
5.4.6　設置鏈接　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)典習題　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　設置圖像屬性　73
6.3.1　調(diào)整圖像大小和邊距　73
6.3.2　設置圖像對齊方式　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)圖像導航　80
6.6　經(jīng)典習題　83
6.6.1　選擇題　83
6.6.2　填空題　83
6.6.3　操作題　83
第7章　創(chuàng)建超級鏈接　84
7.1　關于超級鏈接的基本概念　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)典習題　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　設置表格及其元素屬性　109
8.2.1　設置表格屬性　109
8.2.2　設置單元格的屬性　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　剪切、復制、粘貼表格　114
8.4　表格的其他功能　114
8.4.1　導入表格式數(shù)據(jù)　115
8.4.2　排序表格　117
8.4.3　使用預設表格樣式對表格進行格式設置　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)典習題　136
8.6.1　選擇題　136
8.6.2　填空題　136
8.6.3　操作題　136
第9章　使用層和時間軸　137
9.1　關于層　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　設置層的屬性　140
9.3.1　設置層的顯示/隱藏屬性　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)典習題　161
9.8.1　選擇題　161
9.8.2　填空題　161
9.8.3　操作題　161
第10章　制作框架網(wǎng)頁　162
10.1　框架概述　162
10.1.1　框架結(jié)構的組成　162
10.1.2　框架結(jié)構的優(yōu)缺點　162
10.2　創(chuàng)建框架網(wǎng)頁　163
10.2.1　創(chuàng)建框架集　163
10.2.2　插入預定義框架集　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　設置框架屬性　169
10.4.2　設置框架集屬性　169
10.5　實例演練　170
10.5.1　實例1——使用浮動框架iframe　170
10.5.2　實例2——創(chuàng)建完整的框架網(wǎng)頁　172
10.6　經(jīng)典習題　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)典習題　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　設置CSS樣式　209
12.3.1　設置文本樣式　209
12.3.2　設置背景樣式　210
12.3.3　設置區(qū)塊樣式　211
12.3.4　設置方框樣式　212
12.3.5　設置邊框樣式　212
12.3.6　設置列表樣式　213
12.3.7　設置定位樣式　213
12.3.8　設置擴展樣式　214
12.4　實例演練　215
12.4.1　實例1——應用CSS固定字體大小　215
12.4.2　實例2——應用CSS改變文本間行距　217
12.4.3　實例3——應用CSS創(chuàng)建動感光暈文字　219
12.4.4　實例4——應用CSS給文字添加邊框　222
12.5　經(jīng)典習題　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　設置層文本　239
13.3.9　顯示-隱藏元素　240
13.3.10　顯示彈出式菜單　242
13.3.11　檢查插件　244
13.3.12　檢查瀏覽器　245
13.3.13　檢查表單　245
13.3.14　設置導航欄圖像　247
13.3.15　設置狀態(tài)欄文本　249
13.3.16　設置框架文本　250
13.3.17　調(diào)用JavaScript　250
13.3.18　應用跳轉(zhuǎn)菜單　251
13.3.19　轉(zhuǎn)到URL　252
13.3.20　預先載入圖像　253
13.4　經(jīng)典習題　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　定義重復區(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)建與應用庫項目　268
14.5.1　關于庫項目　268
14.5.2　創(chuàng)建庫項目　268
14.5.3　應用庫項目　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)典習題　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　插入復選框和單選按鈕　290
15.3.1　插入復選框　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)典習題　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　實例演練——插件應用實例　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)典習題　321
16.4.1　填空題　321
16.4.2　操作題　321
第17章　在Dreamweaver中編寫HTML代碼　322
17.1　HTML語言基礎　322
17.1.1　HTML概述　322
17.1.2　HTML基本結(jié)構　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)典習題　348
17.7.1　選擇題　348
17.7.2　填空題　348
17.7.3　操作題　348
第18章　創(chuàng)建動態(tài)網(wǎng)頁基礎　349
18.1　創(chuàng)建ASP應用程序開發(fā)環(huán)境　349
18.1.1　安裝Internet信息服務器(IIS)　349
18.1.2　設置Internet信息服務器(IIS)　351
18.2　設計數(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　應用程序變量　362
18.6　動態(tài)數(shù)據(jù)的綁定　362
18.6.1　綁定動態(tài)文本　362
18.6.2　設置動態(tài)文本數(shù)據(jù)格式　363
18.6.3　綁定動態(tài)圖像　365
18.6.4　向表單對象綁定動態(tài)數(shù)據(jù)　365
18.7　添加服務器行為　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)典習題　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　需求分析與設計思路　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　需求分析與設計思路　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　需求分析與設計思路　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)典習題　433
第20章　設計與制作購物網(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　制作商品分類導航　447
20.4.5　制作商品品牌導航　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)典習題　471
20.5.1　填空題　471
20.5.2　操作題　471
第21章　設計與制作企業(yè)網(wǎng)站　472
21.1　企業(yè)網(wǎng)站設計概述　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ù)據(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)典習題　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)站風格的更新　525
22.4　網(wǎng)站的推廣　525
22.4.1　登錄搜索引擎　525
22.4.2　利用友情鏈接　525
22.4.3　借助網(wǎng)絡廣告　526
22.4.4　登錄網(wǎng)址導航站點　526
22.4.5　BBS宣傳　527
22.5　經(jīng)典習題　527
22.5.1　選擇題　527
22.5.2　填空題　527
22.5.3　操作題　527