新手學(xué)DREAMWEAVER制作網(wǎng)頁

第1章　網(wǎng)頁制作基礎(chǔ)　1
1.1　認識網(wǎng)頁　2
1.1.1　什么是網(wǎng)頁　2
1.1.2　網(wǎng)頁的分類　2
1.1.3　網(wǎng)站的分類　2
1.1.4　網(wǎng)頁頁面的組成元素　3
1.2　網(wǎng)頁制作原則　4
1.3　網(wǎng)頁構(gòu)架　4
1. “匚”字型布局結(jié)構(gòu)　4
2. “亙”字型布局結(jié)構(gòu)　4
3. “目”字型布局結(jié)構(gòu)　5
4. “曰”字型對稱布局結(jié)構(gòu)　5
5. POP布局結(jié)構(gòu)　5
6. 綜合布局結(jié)構(gòu)　5
1.4　網(wǎng)頁制作的一般步驟　5
1.5　本章小結(jié)　6
第2章　初識Dreamweaver 8　7
2.1　Dreamweaver 8的啟動與退出　8
2.1.1　啟動Dreamweaver 8　8
2.1.2　退出Dreamweaver 8　8
2.2　Dreamweaver 8的工作環(huán)境　8
2.2.1　菜單欄　9
2.2.2　插入欄　9
2.2.3　工具欄　10
2.2.4　狀態(tài)欄　10
2.2.5　【屬性】面板　11
2.2.6　可?？康母用姘褰M　11
2.3　文檔的創(chuàng)建和存儲　11
2.3.1　創(chuàng)建新文檔　11
2.3.2　打開現(xiàn)有文檔　12
2.3.3　存儲文檔　12
1. 直接保存　12
2. 另存文檔　12
2.4　設(shè)置頁面屬性　13
2.4.1　設(shè)置外觀　13
2.4.2　設(shè)置鏈接　14
2.4.3　設(shè)置標(biāo)題　14
2.4.4　設(shè)置標(biāo)題/編碼　14
2.4.5　設(shè)置跟蹤圖像　15
2.5　在【設(shè)計】視圖中選擇元素　15
2.5.1　不可見元素　15
2.5.2　控制不可見元素的顯示和隱藏　15
2.6　典型實例　16
2.6.1　實例目標(biāo)　16
2.6.2　制作過程　16
2.7　本章小結(jié)　18
2.8　過關(guān)演練　18
第3章　站點的創(chuàng)建與規(guī)劃　19
3.1　創(chuàng)建站點的準備工作　20
3.1.1　站點的概念　20
3.1.2　規(guī)劃站點結(jié)構(gòu)　20
3.2　創(chuàng)建本地站點　20
3.2.1　如何創(chuàng)建站點　20
3.2.2　管理站點內(nèi)容　22
1. 添加文件或文件夾　23
2. 刪除文件或文件夾　23
3. 重命名文件或文件夾　23
3.3　管理站點　23
3.3.1　編輯站點　24
3.3.2　刪除站點　24
3.4　本章小結(jié)　24
3.5　過關(guān)演練　24
第4章　給網(wǎng)頁添加多彩文本　25
4.1　添加文本　26
4.1.1　添加文字　26
4.1.2　添加日期　26
4.1.3　添加水平線　26
4.1.4　添加特殊字符　26
4.1.5　在字符之間添加空格　27
4.2　設(shè)置文本格式　27
4.2.1　設(shè)置文本字體樣式　27
4.2.2　設(shè)置文本大小　27
4.2.3　設(shè)置文本顏色　28
4.2.4　設(shè)置文本對齊方式　28
4.3　使用CSS樣式修飾網(wǎng)頁　29
4.3.1　認識【CSS樣式】面板　29
4.3.2　創(chuàng)建CSS樣式　29
1. 創(chuàng)建自定義CSS樣式　29
2. 重定義HTML標(biāo)簽　30
3. 使用CSS選擇器定義樣式　30
4.3.3　設(shè)置CSS樣式格式　31
1. 類型　31
2. 背景　31
3. 區(qū)塊　32
4. 方框　32
5. 邊框　33
6. 列表　33
4.3.4　管理CSS樣式　33
1. 編輯已定義的CSS樣式　33
2. 刪除已定義的CSS樣式　33
4.3.5　鏈接外部CSS樣式　34
4.4　典型實例　34
4.4.1　實例目標(biāo)　34
4.4.2　制作過程　34
4.5　本章小結(jié)　36
4.6　過關(guān)演練　36
第5章　超級鏈接的應(yīng)用　37
5.1　超級鏈接概述　38
5.1.1　鏈接的基本概念　38
5.1.2　超級鏈接的分類　38
5.2　創(chuàng)建超級鏈接　39
5.2.1　鏈接到文檔　39
5.2.2　鏈接到命名錨　40
1. 創(chuàng)建命名錨　40
2. 鏈接到命名錨　40
5.2.3　創(chuàng)建E-mail鏈接　41
5.2.4　創(chuàng)建空鏈接　41
5.2.5　創(chuàng)建JavaScript腳本鏈接　41
5.3　管理超級鏈接　42
5.3.1　設(shè)置Dreamweaver 8的鏈接管理特性　42
5.3.2　移動文件時更新鏈接　42
5.3.3　測試鏈接　42
5.4　典型實例　43
5.4.1　實例目標(biāo)　43
5.4.2　制作過程　43
1. 創(chuàng)建文本超級鏈接　43
2. 創(chuàng)建圖像超級鏈接　44
5.5　本章小結(jié)　44
5.6　過關(guān)演練　44
第6章　巧用圖像美化網(wǎng)頁　45
6.1　網(wǎng)頁中圖像的格式　46
6.2　圖像操作　46
6.2.1　插入圖像　46
6.2.2　設(shè)置圖像屬性　47
6.3　插入相關(guān)圖像對象　48
6.3.1　插入圖像占位符　48
6.3.2　插入鼠標(biāo)經(jīng)過圖像　49
6.3.3　插入導(dǎo)航條　50
6.3.4　插入Fireworks HTML　51
6.4　客戶端圖像映像　52
6.4.1　概述　52
6.4.2　創(chuàng)建圖像映像和熱區(qū)　52
6.4.3　修改或解除熱區(qū)　53
1. 移動熱區(qū)　53
2. 同時選中多個熱區(qū)　53
3. 調(diào)整熱區(qū)大小　53
4. 解除圖像熱區(qū)　54
6.5　創(chuàng)建網(wǎng)站相冊　54
6.5.1　認識網(wǎng)站相冊　54
6.5.2　制作網(wǎng)站相冊　54
6.6　本章小結(jié)　56
6.7　過關(guān)演練　56
第7章　利用媒體讓網(wǎng)頁動起來　57
7.1　媒體概述　58
7.2　插入Flash對象　58
7.2.1　了解Flash文件格式　58
7.2.2　插入Flash動畫　58
7.2.3　插入Flash按鈕　61
7.2.4　插入Flash文本　62
7.3　插入其他媒體對象　63
7.3.1　插入Shockwave影片　63
7.3.2　插入Java Applet　63
7.3.3　插入插件　64
7.4　插入聲音　64
7.4.1　插入背景音樂　65
7.4.2　插入音頻　65
7.5　典型實例　65
7.5.1　實例目標(biāo)　66
7.5.2　制作過程　66
7.6　本章小結(jié)　67
7.7　過關(guān)演練　68
第8章　用表格布局頁面　69
8.1　認識表格　70
8.1.1　表格的組成　70
8.1.2　在HTML中實現(xiàn)表格的代碼　70
1.  table 和 /table 標(biāo)記　70
2.  tr 和 /tr 標(biāo)記　71
3.  th 和 /th 標(biāo)記以及 td 和 /td 標(biāo)記　71
8.2　表格的基本操作　71
8.2.1　插入表格　71
8.2.2　插入嵌套表格　72
8.2.3　在表格中添加內(nèi)容　73
8.2.4　選中表格元素　73
1. 選中整張表格　73
2. 選中表格行　73
3. 選中表格列　74
4. 選中單元格　74
8.2.5　單元格的合并與拆分　74
1. 拆分單元格　74
2. 合并單元格　75
8.2.6　調(diào)整表格行或者列　75
1. 插入表格行或者列　75
2. 刪除表格行或者列　76
8.3　表格和單元格的屬性設(shè)置　76
8.3.1　設(shè)置表格屬性　76
8.3.2　設(shè)置單元格屬性　76
8.4　編輯表格　77
8.4.1　移動表格行　77
8.4.2　套用現(xiàn)有表格格式　77
8.4.3　排序表格　78
8.4.4　表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出　79
1. 導(dǎo)入表格式數(shù)據(jù)　79
2. 導(dǎo)出表格式數(shù)據(jù)　79
8.5　布局模式　80
8.5.1　了解布局模式　80
8.5.2　繪制布局表格和布局單元格　80
1. 繪制布局表格　80
2. 繪制布局單元格　81
3. 繪制嵌套布局表格　81
8.5.3　編輯布局表格和布局單元格　82
1. 隱藏和顯示布局表格標(biāo)簽　82
2. 在單元格中添加內(nèi)容　82
3. 調(diào)整布局表格和單元格的大小和位置　82
8.5.4　設(shè)置布局表格和布局單元格屬性　83
8.5.5　布局表格的應(yīng)用實例　84
8.6　典型實例　85
8.6.1　實例目標(biāo)　85
8.6.2　制作過程　85
8.7　本章小結(jié)　88
8.8　過關(guān)演練　88
第9章　用層布局頁面　89
9.1　層的概述　90
9.2　層的創(chuàng)建　90
9.2.1　創(chuàng)建層　90
9.2.2　學(xué)習(xí)層的HTML源代碼　92
9.2.3　創(chuàng)建嵌套層　92
9.2.4　設(shè)置層格式　93
9.2.5　設(shè)置層的默認參數(shù)　94
9.3　層的基本操作　95
9.3.1　顯示【層】面板　95
9.3.2　激活層　95
9.3.3　選中層　96
1. 選中單個層　96
2. 選中多個層　96
9.3.4　重設(shè)層的大小　96
1. 重設(shè)單個層的大小　96
2. 重設(shè)多個層的大小　97
9.3.5　調(diào)整層的位置　97
1. 移動層　97
2. 對齊層　97
9.3.6　改變層的名稱　98
9.4　設(shè)置層屬性　99
9.4.1　控制層的可見性　99
9.4.2　控制層的重疊順序　99
9.5　層和表格的相互轉(zhuǎn)換　100
9.5.1　防止層重疊　100
9.5.2　將層轉(zhuǎn)換為表格　101
9.5.3　將表格轉(zhuǎn)換為層　102
9.6　利用層排版時的注意事項　102
9.6.1　控制層邊框和層錨記的可見性　102
9.6.2　構(gòu)建相對定位的層　103
9.7　典型實例-吉隆家電　103
9.7.1　實例目標(biāo)　103
9.7.2　制作過程　103
9.8　典型實例-制作浮動廣告　109
9.8.1　實例目標(biāo)　109
9.8.2　制作過程　109
9.9　本章小結(jié)　112
9.10　過關(guān)演練　112
第10章　用框架布局頁面　113
10.1　認識框架和框架集　114
10.2　創(chuàng)建框架集　114
10.2.1　自主創(chuàng)建框架集　114
1. 鼠標(biāo)拖動法　114
2. 菜單插入法　115
10.2.2　創(chuàng)建預(yù)定義框架集　116
10.2.3　創(chuàng)建嵌套框架集　116
1. 使用【修改】菜單欄創(chuàng)建　117
2. 使用【插入】欄創(chuàng)建　117
10.3　保存框架和框架集　117
1. 框架集和頁面文檔單獨保存　117
2. 框架集和頁面文檔同時保存　118
10.4　框架和框架集的基本操作　118
10.4.1　【框架】面板　119
10.4.2　選中框架和框架集　119
1. 在【文檔】窗口中選中119
2. 在【框架】面板中選中　119
10.4.3　拆分框架　120
10.4.4　刪除框架　120
10.4.5　框架鏈接　120
10.4.6　設(shè)置框架和框架集的屬性　123
1. 設(shè)置框架的屬性　123
2. 設(shè)置框架集的屬性　124
10.4.7　設(shè)置框架的大小　126
10.5　典型實例　126
10.5.1　實例目標(biāo)　126
10.5.2　制作過程　127
10.6　本章小結(jié)　129
10.7　過關(guān)演練　130
第11章　創(chuàng)建表單網(wǎng)頁　131
11.1　認識表單　132
11.2　創(chuàng)建表單域　132
11.3　設(shè)置表單域?qū)傩浴?32
11.4　添加表單對象　133
11.4.1　表單對象的介紹　133
11.4.2　添加文本字段　134
11.4.3　添加隱藏域　136
11.4.4　添加文本區(qū)域　136
11.4.5　添加復(fù)選框　137
11.4.6　添加單選按鈕　137
11.4.7　添加單選按鈕組　137
11.4.8　添加列表/菜單　139
11.4.9　添加跳轉(zhuǎn)菜單　140
11.4.10　添加圖像域　142
11.4.11　添加文件域　142
11.4.12　添加按鈕　143
11.4.13　添加標(biāo)簽　144
11.4.14　添加字段集　144
11.5　表單的排版　145
11.6　表單的測試　145
11.7　典型實例　146
11.7.1　實例目標(biāo)　146
11.7.2　制作過程　146
11.8　本章小結(jié)　152
11.9　過關(guān)演練　152
第12章　使用行為創(chuàng)建動態(tài)網(wǎng)頁　153
12.1　行為概述　154
12.1.1　行為　154
12.1.2　事件　154
12.2　行為的基本操作　155
12.2.1　認識【行為】面板　156
12.2.2　添加行為　156
12.2.3　修改行為　157
12.2.4　刪除行為　157
12.2.5　下載和安裝第三方行為　157
12.3　主要行為的應(yīng)用　158
12.3.1　交換圖像　158
12.3.2　彈出信息　159
12.3.3　打開瀏覽器窗口　160
12.3.4　拖動層　162
1. 【基本】選項卡的設(shè)置　162
2. 【高級】選項卡的設(shè)置　163
12.3.5　顯示-隱藏層　167
12.3.6　顯示彈出式菜單　169
1.【內(nèi)容】選項卡　169
2.【外觀】選項卡　170
3.【高級】選項卡　170
4.【位置】選項卡　170
12.3.7　設(shè)置導(dǎo)航欄圖像　173
12.3.8　改變屬性　175
12.3.9　控制Shockwave或Flash　177
12.3.10　轉(zhuǎn)到URL　179
12.3.11　調(diào)用JavaScript　181
12.4　本章小結(jié)　182
12.5　過關(guān)演練　182
第13章　使用模板提高網(wǎng)頁制作效率　183
13.1　認識【資源】面板　184
13.2　模板的創(chuàng)建與編輯　184
13.2.1　創(chuàng)建模板　185
13.2.2　編輯模板　186
1. 創(chuàng)建可編輯區(qū)域　186
2. 更改可編輯區(qū)域　186
3. 刪除可編輯區(qū)域　187
4. 定義可編輯區(qū)域標(biāo)記屬性　187
13.2.3　在模板中定義重復(fù)區(qū)域　188
1. 定義重復(fù)區(qū)域　188
2. 定義重復(fù)表格　188
13.2.4　在模板中定義可選區(qū)域　188
1. 定義可選區(qū)域　188
2. 定義可編輯的可選區(qū)域　189
3. 修改可選區(qū)域　189
13.3　模板的應(yīng)用　189
13.3.1　應(yīng)用模板創(chuàng)建網(wǎng)頁　189
1. 使用【新建文檔】對話框創(chuàng)建網(wǎng)頁　189
2. 在【資源】面板中創(chuàng)建網(wǎng)頁　190
3. 將當(dāng)前網(wǎng)頁應(yīng)用模板　190
13.3.2　將已有網(wǎng)頁從模板更新　190
13.4　典型實例　190
13.4.1　實例目標(biāo)　190
13.4.2　制作過程　191
13.5　本章小結(jié)　192
13.6　過關(guān)演練　192
第14章　數(shù)據(jù)庫和網(wǎng)頁開發(fā)語言　193
14.1　數(shù)據(jù)庫基礎(chǔ)　194
14.1.1　認識數(shù)據(jù)庫　194
14.1.2　常用數(shù)據(jù)庫　194
14.2　動態(tài)網(wǎng)頁開發(fā)語言　194
14.2.1　動態(tài)網(wǎng)頁的概念　194
14.2.2　動態(tài)網(wǎng)頁開發(fā)語言　195
1. ASP　195
2. JSP　195
3. PHP　196
4. ASP.NET　196
14.3　構(gòu)建數(shù)據(jù)庫的開發(fā)環(huán)境　196
14.3.1　安裝Web服務(wù)器程序　196
14.3.2　配置Web服務(wù)器　197
14.3.3　設(shè)置服務(wù)器技術(shù)　199
14.4　數(shù)據(jù)庫的連接　200
14.4.1　數(shù)據(jù)庫的連接方法　200
1. ODBC　200
2. ADO　200
14.4.2　創(chuàng)建數(shù)據(jù)源　200
1. 創(chuàng)建系統(tǒng)DSN　201
2. 定義其他類型的數(shù)據(jù)源　202
14.4.3　在Dreamweaver 8中連接數(shù)據(jù)庫　204
1. 建立DSN連接　204
2. 構(gòu)建自定義連接字符串　205
14.5　創(chuàng)建記錄集　205
14.5.1　記錄集的概念　205
14.5.2　如何操作記錄集中的數(shù)據(jù)　205
14.5.3　在Dreamweaver 8中創(chuàng)建簡單記錄集　206
14.5.4　利用SQL命令創(chuàng)建記錄集　207
14.5.5　使用【數(shù)據(jù)庫項】樹創(chuàng)建SQL查詢　207
14.6　執(zhí)行SQL命令　208
14.7　給頁面綁定動態(tài)內(nèi)容　209
14.7.1　添加動態(tài)內(nèi)容的基本方法　209
14.7.2　設(shè)置表單對象為動態(tài)　210
1. 設(shè)置文本域為動態(tài)　210
2. 設(shè)置圖像域為動態(tài)　211
3. 設(shè)置復(fù)選框為動態(tài)　211
4. 設(shè)置列表/菜單為動態(tài)　212
5. 設(shè)置單選按鈕為動態(tài)　212
14.7.3　設(shè)置HTML屬性為動態(tài)　213
1. 通過【綁定】面板設(shè)置HTML屬性為動態(tài)　213
2. 在設(shè)置文件URL地址時選擇動態(tài)來源　213
14.7.4　改變動態(tài)內(nèi)容格式　214
14.8　在頁面中顯示記錄　215
14.8.1　利用【重復(fù)區(qū)域】服務(wù)器行為顯示多條記錄　215
14.8.2　對記錄進行計數(shù)和統(tǒng)計　216
1. 利用【綁定】面板對記錄進行計數(shù)和統(tǒng)計　216
2. 利用【插入】欄對記錄進行計數(shù)和統(tǒng)計　217
14.8.3　構(gòu)建導(dǎo)航鏈接　217
1. 利用【服務(wù)器行為】面板構(gòu)建導(dǎo)航鏈接　217
2. 利用【插入】欄構(gòu)建導(dǎo)航鏈接　218
14.8.4　創(chuàng)建顯示區(qū)域和隱藏區(qū)域　218
14.9　典型實例——圖書查詢　219
14.9.1　實例目標(biāo)　219
14.9.2　制作過程　219
1. 文件說明　219
2. 創(chuàng)建數(shù)據(jù)庫　219
3. 制作查詢頁面　220
4. 連接數(shù)據(jù)庫　221
5. 制作結(jié)果頁面　221
14.10　本章小結(jié)　226
第15章　“寧雨軒”網(wǎng)站實例　227
15.1　準備工作　228
15.1.1　站點的規(guī)劃和設(shè)置　228
1. 規(guī)劃站點結(jié)構(gòu)　228
2. 定義站點　228
3. 設(shè)置服務(wù)器行為　228
15.1.2　收集素材和資料　228
15.1.3　關(guān)于創(chuàng)建數(shù)據(jù)庫　228
15.2　制作網(wǎng)站首頁　229
15.2.1　制作頁眉區(qū)　229
15.2.2　制作主內(nèi)容區(qū)　233
15.2.3　制作版權(quán)區(qū)　236
15.3　在線音樂系統(tǒng)　238
15.3.1　系統(tǒng)分析　238
15.3.2　設(shè)計數(shù)據(jù)庫　238
1. 設(shè)計數(shù)據(jù)表　239
2. 連接數(shù)據(jù)庫　239
15.3.3　制作音樂列表頁面(music.asp)　239
15.3.4　制作播放音樂頁面(play.asp)　243
15.3.5　制作音樂下載頁面(download.asp)　246
15.4　在線投票系統(tǒng)　248
15.4.1　系統(tǒng)分析　248
15.4.2　設(shè)計數(shù)據(jù)庫　248
1. 設(shè)計數(shù)據(jù)庫表vote_db_vote　248
2. 設(shè)計數(shù)據(jù)庫表vote_db_voteip　248
15.4.3　顯示投票結(jié)果頁面(show_vote.asp)　249
1. 創(chuàng)建記錄集　249
2. 顯示數(shù)據(jù)　249
3. 制作柱形圖示　251
15.4.4　搜集投票信息頁面(vote.asp)　252
1. 制作投票表單　252
2. 防止重復(fù)投票　254
3. 傳遞投票信息到count.asp　255
15.4.5　處理投票數(shù)據(jù)頁面(count.asp)　256
15.4.6　提示重復(fù)投票頁面(sorry.asp)　256
15.5　留言系統(tǒng)　257
15.5.1　設(shè)計分析　257
15.5.2　設(shè)計數(shù)據(jù)庫　257
1. 設(shè)計數(shù)據(jù)庫表liuyandata　257
2. 設(shè)計數(shù)據(jù)庫表liuyanmanage　258
15.5.3　制作留言首頁(liuyan.asp)　259
15.5.4　書寫留言頁面(guestbook.asp)　263
15.5.5　管理留言　266
1. 管理頁面(admin.asp)　267
2. 刪除頁面(del.asp)　268
3. 成功刪除提示頁面(delsuccess.html)　269
4. 回復(fù)頁面(reply.asp)　269
15.5.6　安全機制　271
1. 安全機制原理　272
2. 登錄頁面(login.asp)　272
3. 登錄失敗頁面(error.html)　274
4. 設(shè)置訪問權(quán)限　274
5. 退出管理　274
第16章　網(wǎng)站的發(fā)布　275
16.1　網(wǎng)站的測試　276
16.1.1　兼容性測試　276
16.1.2　檢查鏈接　276
16.1.3　檢測下載速度　277
16.1.4　站點報告　277
16.1.5　清理文檔　277
16.2　申請網(wǎng)站空間　278
16.3　申請域名　278
16.4　站點的發(fā)布　279
16.4.1　使用Dreamweaver上傳　279
16.4.2　在虛擬主機管理面板中上傳　281
16.5　網(wǎng)站備案　282
16.6　網(wǎng)站的維護與推廣　283
16.7　本章小結(jié)　284