Dreamweaver8基礎(chǔ)與實(shí)例精講

第1章　網(wǎng)頁(yè)制作概述　1
1.1　Internet基礎(chǔ)知識(shí)　2
1.1.1　Internet簡(jiǎn)介　2
1.1.2　網(wǎng)站　2
1.1.3　網(wǎng)站地址　2
1.1.4　Web服務(wù)器　2
1.2　初識(shí)網(wǎng)頁(yè)　3
1.2.1　靜態(tài)網(wǎng)頁(yè)　3
1.2.2　動(dòng)態(tài)網(wǎng)頁(yè)　3
1.3　網(wǎng)頁(yè)的基本構(gòu)成　3
1.4　網(wǎng)頁(yè)布局的方法　4
1.4.1　紙上布局法　5
1.4.2　軟件布局法　5
1.5　常見(jiàn)的網(wǎng)頁(yè)布局類(lèi)型　5
1.5.1　“國(guó)”字型布局　5
1.5.2　“廠”字型布局　6
1.5.3　“框架”型布局　6
1.5.4　“封面”型布局　6
1.5.5　Flash型布局　7
1.6　HTML和JavaScript　7
1.6.1　HTML　7
1.6.2　網(wǎng)頁(yè)腳本語(yǔ)言JavaScript　8
1.7　習(xí)題　10
第2章　初識(shí)Dreamweaver 8　11
2.1　Dreamweaver 8簡(jiǎn)介　12
2.2　Dreamweaver 8的新功能　12
2.3　Dreamweaver 8的操作界面　14
2.3.1　文檔窗口　14
2.3.2　主菜單欄　14
2.3.3　插入欄　15
2.3.4　面板和面板組　15
2.3.5　【標(biāo)準(zhǔn)】工具欄　15
2.3.6　【屬性】面板　16
2.4　習(xí)題　16
第3章　使用表格布局網(wǎng)頁(yè)　17
3.1　添加表格　18
3.1.1　插入表格　18
3.1.2　查看和設(shè)置表格屬性　19
3.1.3　增減行與列　20
3.1.4　改變行列的大小　21
3.1.5　合并和拆分行列　22
3.2　選擇表格對(duì)象　22
3.2.1　選擇整個(gè)表格　23
3.2.2　選擇行或列　23
3.2.3　選擇單元格　24
3.3　導(dǎo)入和導(dǎo)出表格數(shù)據(jù)　24
3.4　使用表格對(duì)頁(yè)面進(jìn)行布局　28
3.4.1　布局模式　28
3.4.2　創(chuàng)建布局表格和布局單元格　28
3.5　實(shí)戰(zhàn)演練——使用表格布局頁(yè)面　31
3.5.1　實(shí)例1——對(duì)表格數(shù)據(jù)排序　31
3.5.2　實(shí)例2——利用表格制作個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)　32
3.6　習(xí)題　39
第4章　編輯網(wǎng)頁(yè)圖文　41
4.1　文本的輸入與設(shè)置　42
4.1.1　輸入文本　42
4.1.2　修改字體及樣式　43
4.1.3　設(shè)定文本字號(hào)　44
4.1.4　設(shè)定文本顏色　44
4.1.5　使用文本進(jìn)行超級(jí)鏈接　45
4.2　文本段落的編輯　46
4.2.1　創(chuàng)建新段落并設(shè)置標(biāo)題　47
4.2.2　對(duì)齊段落文本　48
4.2.3　縮進(jìn)段落文本　48
4.2.4　創(chuàng)建列表　49
4.3　在網(wǎng)頁(yè)中插入圖像　50
4.4　編輯圖像　52
4.4.1　調(diào)整圖像的大小　52
4.4.2　設(shè)置圖像的排列方式　53
4.4.3　使用外部圖像編輯器　53
4.5　實(shí)戰(zhàn)演練——在網(wǎng)頁(yè)中插入圖像　54
4.5.1　實(shí)例1——插入圖像占位符　54
4.5.2　實(shí)例2——插入鼠標(biāo)經(jīng)過(guò)圖像　56
4.6　實(shí)戰(zhàn)演練——網(wǎng)頁(yè)文本排版　59
4.6.1　實(shí)例3——為圖片增添替代文字　59
4.6.2　實(shí)例4——?jiǎng)?chuàng)建圖文混排效果　61
4.7　習(xí)題　63
第5章　創(chuàng)建超級(jí)鏈接　65
5.1　認(rèn)識(shí)超鏈接　66
5.2　超級(jí)鏈接的形式　66
5.2.1　鏈接到其他文檔或文件　66
5.2.2　鏈接到文檔中的特定位置　68
5.2.3　創(chuàng)建電子郵件鏈接　72
5.2.4　創(chuàng)建空鏈接和腳本鏈接　75
5.3　實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建超級(jí)鏈接　77
5.3.1　實(shí)例1——?jiǎng)?chuàng)建圖形熱點(diǎn)鏈接　77
5.3.2　實(shí)例2——?jiǎng)?chuàng)建錨點(diǎn)鏈接　84
5.4　習(xí)題　88
第6章　使用框架和框架集　89
6.1　認(rèn)識(shí)框架和框架集　90
6.2　框架的基本操作　90
6.2.1　創(chuàng)建框架和框架集　90
6.2.2　創(chuàng)建預(yù)定義的框架集　91
6.2.3　選擇框架和框架集　92
6.2.4　拆分框架　94
6.2.5　刪除一個(gè)框架　94
6.2.6　調(diào)整框架的大小　95
6.2.7　查看和設(shè)置框架集和框架屬性　95
6.2.8　指定鏈接目標(biāo)框架　96
6.3　實(shí)戰(zhàn)演練——制作框架頁(yè)面　99
6.3.1　實(shí)例1——制作完整的框架網(wǎng)頁(yè)　99
6.3.2　實(shí)例2——?jiǎng)?chuàng)建浮動(dòng)框架　108
6.4　習(xí)題　110
第7章　使用層和時(shí)間軸　111
7.1　創(chuàng)建層　112
7.2　層的基本操作　113
7.2.1　選定層　113
7.2.2　調(diào)整層大小　113
7.2.3　移動(dòng)層　115
7.2.4　對(duì)齊層　116
7.3　層與表格　116
7.3.1　將表格轉(zhuǎn)換為層　117
7.3.2　將層轉(zhuǎn)換為表格　118
7.4　時(shí)間軸　121
7.4.1　時(shí)間軸面板　121
7.4.2　修改時(shí)間軸動(dòng)畫(huà)　121
7.5　實(shí)戰(zhàn)演練——層的使用技巧　122
7.5.1　實(shí)例1——利用顯示-隱藏層制作下拉菜單　122
7.5.2　實(shí)例2——利用時(shí)間軸制作飛舞的圖像　129
7.6　習(xí)題　134
第8章　使用CSS樣式表　135
8.1　認(rèn)識(shí)CSS　136
8.1.1　CSS的基本概念　136
8.1.2　CSS的語(yǔ)法　136
8.2　CSS的應(yīng)用　137
8.2.1　創(chuàng)建CSS樣式　137
8.2.2　應(yīng)用CSS樣式　139
8.2.3　編輯CSS樣式　141
8.2.4　在網(wǎng)頁(yè)中導(dǎo)出CSS文件　143
8.3　鏈接外部樣式表　145
8.4　實(shí)戰(zhàn)演練——CSS使用技巧　147
8.4.1　實(shí)例1——制作沒(méi)有下劃線的鏈接　147
8.4.2　實(shí)例2——制作動(dòng)感文字　149
8.4.3　實(shí)例3——制作圖片邊框　152
8.5　習(xí)題　154
第9章　使用行為制作動(dòng)感網(wǎng)頁(yè)　155
9.1　認(rèn)識(shí)行為　156
9.2　認(rèn)識(shí)事件　156
9.3　應(yīng)用Dreamweaver內(nèi)置行為　157
9.3.1　調(diào)用JavaScript　157
9.3.2　改變屬性　159
9.3.3　檢查瀏覽器　162
9.3.4　檢查插件　165
9.3.5　控制Shockwave或Flash　166
9.3.6　拖動(dòng)層　171
9.3.7　轉(zhuǎn)到URL　174
9.3.8　打開(kāi)瀏覽器窗口　177
9.3.9　播放聲音　179
9.3.10　彈出消息　181
9.3.11　設(shè)置狀態(tài)欄文本　183
9.3.12　顯示—隱藏層　185
9.3.13　預(yù)先載入圖像　194
9.3.14　檢查表單　196
9.4　習(xí)題　198
第10章　應(yīng)用表單　199
10.1　表單的基礎(chǔ)知識(shí)　200
10.2　創(chuàng)建表單　200
10.3　添加表單對(duì)象　202
10.3.1　添加文本域　202
10.3.2　添加列表/菜單　205
10.3.3　添加單選按鈕　207
10.3.4　添加復(fù)選框　209
10.3.5　添加跳轉(zhuǎn)菜單　212
10.3.6　添加隱藏域　214
10.3.7　添加多行文本域　215
10.3.8　添加按鈕　217
10.3.9　添加標(biāo)簽　219
10.3.10　添加字段集　221
10.4　實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建完整的電子郵件表單　222
10.5　習(xí)題　236
第11章　使用模板和庫(kù)　237
11.1　模板和庫(kù)的概念　238
11.2　使用模板　238
11.2.1　創(chuàng)建模板　238
11.2.2　創(chuàng)建模板中的可編輯區(qū)域　240
11.2.3　創(chuàng)建重復(fù)區(qū)域　241
11.2.4　插入重復(fù)表格　243
11.2.5　基于模板創(chuàng)建文件　244
11.2.6　從模板中分離　249
11.2.7　修改模板后更新站點(diǎn)　251
11.3　使用庫(kù)項(xiàng)目　252
11.3.1　創(chuàng)建庫(kù)項(xiàng)目　252
11.3.2　在文檔中插入庫(kù)項(xiàng)目　256
11.3.3　編輯庫(kù)項(xiàng)目　258
11.4　實(shí)戰(zhàn)演練——利用模板和庫(kù)制作網(wǎng)頁(yè)　259
11.4.1　制作庫(kù)項(xiàng)目　259
11.4.2　制作模板網(wǎng)頁(yè)　265
11.4.3　利用模板創(chuàng)建網(wǎng)頁(yè)　270
11.5　習(xí)題　274
第12章　網(wǎng)絡(luò)多媒體的應(yīng)用　275
12.1　在網(wǎng)頁(yè)中插入Flash對(duì)象　276
12.1.1　了解Flash文件　276
12.1.2　插入Flash動(dòng)畫(huà)　276
12.1.3　插入Flash按鈕　278
12.1.4　插入Flash文本　280
12.2　插入Shockwave對(duì)象　282
12.3　插入Java Applet小程序　283
12.4　習(xí)題　285
第13章　插件的應(yīng)用　287
13.1　安裝插件　288
13.2　插件的種類(lèi)及使用方法　289
13.3　實(shí)戰(zhàn)演練——插件使用技巧　289
13.3.1　實(shí)例1——插入背景音樂(lè)　289
13.3.2　實(shí)例2——圖片漸變插件　291
13.3.3　實(shí)例3——制作滾動(dòng)公告　294
13.4　習(xí)題　295
第14章　制作動(dòng)態(tài)網(wǎng)頁(yè)　297
14.1　數(shù)據(jù)庫(kù)的基礎(chǔ)知識(shí)　298
14.1.1　動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)　298
14.1.2　數(shù)據(jù)庫(kù)系統(tǒng)概述　298
14.2　創(chuàng)建數(shù)據(jù)庫(kù)　298
14.3　建立數(shù)據(jù)庫(kù)連接　300
14.3.1　安裝IIS　300
14.3.2　指定服務(wù)器　302
14.3.3　創(chuàng)建ODBC連接　303
14.3.4　創(chuàng)建DSN連接　304
14.4　創(chuàng)建記錄集　305
14.5　綁定動(dòng)態(tài)數(shù)據(jù)　306
14.5.1　綁定動(dòng)態(tài)文本　306
14.5.2　顯示多項(xiàng)記錄　307
14.5.3　用戶身份驗(yàn)證　308
14.6　習(xí)題　310
第15章　網(wǎng)站設(shè)計(jì)綜合案例　311
15.1　規(guī)劃網(wǎng)站　312
15.1.1　規(guī)劃網(wǎng)站欄目　312
15.1.2　網(wǎng)站風(fēng)格定位　313
15.1.3　搜索網(wǎng)頁(yè)制作素材　314
15.2　創(chuàng)建本地站點(diǎn)　314
15.3　實(shí)戰(zhàn)演練　316
15.3.1　創(chuàng)建模板　316
15.3.2　利用模板創(chuàng)建二級(jí)頁(yè)面　328
15.3.3　利用插件制作漂浮廣告　335
15.4　站點(diǎn)上傳與發(fā)布　337
15.4.1　申請(qǐng)網(wǎng)站域名和空間　337
15.4.2　上傳文件　338
15.5　站點(diǎn)的推廣　341
15.6　習(xí)題　342