Dreamweaver中文版網(wǎng)頁(yè)制作教程

第1章網(wǎng)頁(yè)制作基礎(chǔ) 1
1.1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí) 1
1.1.1網(wǎng)頁(yè)的定義和分類. 1
1.1.2網(wǎng)頁(yè)制作中的基本概念 2
1.1.3頁(yè)面的基本組成元素 4
1.1.4認(rèn)識(shí)網(wǎng)站 5
1.2網(wǎng)頁(yè)制作的一般步驟 5
1.2.1收集.整理資料 5
1.2.2規(guī)劃.創(chuàng)建站點(diǎn) 5
1.2.3制作網(wǎng)頁(yè) 6
1.2.4站點(diǎn)測(cè)試 6
1.2.5網(wǎng)頁(yè)發(fā)布 7
1.2.6站點(diǎn)的更新與維護(hù) 7
1.3網(wǎng)頁(yè)的制作原則 7
1.4啟動(dòng)與退出DreamweaverMX2004 8
1.4.1啟動(dòng)DreamweaverMX2004 8
1.4.2退出DreamweaverMX2004 10
1.5DreamweaverMX2004的工作界面 10
1.5.1插入欄 11
1.5.2“文檔”工具欄 11
1.5.3“屬性”面板 11
1.5.4浮動(dòng)面板組 12
1.6上機(jī)練習(xí) 12
1.7習(xí)題 12
第2章創(chuàng)建站點(diǎn)及頁(yè)面設(shè)置 13
2.1規(guī)劃站點(diǎn) 13
2.1.1站點(diǎn)的概念 13
2.1.2規(guī)劃站點(diǎn)結(jié)構(gòu) 14
2.1.3創(chuàng)建導(dǎo)航草圖 14
2.1.4應(yīng)用舉例——規(guī)劃“天書”站點(diǎn) 14
2.2創(chuàng)建與管理站點(diǎn) 15
2.2.1創(chuàng)建站點(diǎn) 15
2.2.2管理站點(diǎn) 18
2.2.3應(yīng)用舉例——?jiǎng)?chuàng)建tianshu站點(diǎn) 21
2.3頁(yè)面的創(chuàng)建.保存及屬性設(shè)置 23
2.3.1創(chuàng)建新頁(yè)面 23
2.3.2打開已有網(wǎng)頁(yè) 23
2.3.3預(yù)覽網(wǎng)頁(yè)效果 24
2.3.4網(wǎng)頁(yè)的保存 24
2.3.5頁(yè)面設(shè)置 25
2.3.6應(yīng)用舉例——為網(wǎng)頁(yè)設(shè)置頁(yè)面屬性 30
2.4上機(jī)練習(xí) 32
2.4.1規(guī)劃誠(chéng)與廣告公司站點(diǎn)結(jié)構(gòu) 32
2.4.2創(chuàng)建站點(diǎn) 33
2.4.3創(chuàng)建主要文件夾及文件 34
2.5習(xí)題 35
第3章文本的應(yīng)用 37
3.1插入文本 37
3.1.1“文本”插入欄 37
3.1.2插入普通文本 38
3.1.3插入不換行空格 38
3.1.4插入水平線 38
3.1.5插入日期 40
3.1.6插入特殊符號(hào) 41
3.1.7應(yīng)用舉例——為網(wǎng)頁(yè)添加文本 42
3.2設(shè)置文本格式 43
3.2.1基本樣式設(shè)置 43
3.2.2設(shè)置段落格式 46
3.2.3應(yīng)用舉例——設(shè)置網(wǎng)頁(yè)文本格式 48
3.3創(chuàng)建列表 49
3.3.1編號(hào)列表 50
3.3.2項(xiàng)目列表 50
3.3.3定義列表 51
3.3.4設(shè)置列表屬性 51
3.3.5應(yīng)用舉例——編輯“課程表”網(wǎng)頁(yè) 52
3.4用CSS樣式設(shè)置文本 53
3.4.1認(rèn)識(shí)“CSS樣式”面板 53
3.4.2CSS樣式的創(chuàng)建與編輯 53
3.4.3應(yīng)用舉例——用CSS樣式設(shè)置文本格式 58
3.5上機(jī)練習(xí) 60
3.5.1為“公司介紹”網(wǎng)頁(yè)插入文本 60
3.5.2設(shè)置網(wǎng)頁(yè)文本格式 61
3.6習(xí)題 63
第4章圖像的應(yīng)用 65
4.1網(wǎng)頁(yè)圖像的格式 65
4.2插入圖像 66
4.2.1直接添加圖像 66
4.2.2用占位符添加圖像 67
4.2.3創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像 68
4.2.4應(yīng)用舉例——在“烏鎮(zhèn)”網(wǎng)頁(yè)中插入圖片 69
4.3設(shè)置圖像屬性 71
4.3.1圖像屬性的設(shè)置方法 72
4.3.2應(yīng)用舉例——設(shè)置網(wǎng)頁(yè)圖片屬性 74
4.4創(chuàng)建網(wǎng)站相冊(cè) 76
4.5上機(jī)練習(xí) 77
4.5.1添加圖像 78
4.5.2圖像的屬性設(shè)置 79
4.6習(xí)題 81
第5章創(chuàng)建超級(jí)鏈接 83
5.1超級(jí)鏈接的概念 83
5.1.1源端點(diǎn)的鏈接 83
5.1.2目標(biāo)端點(diǎn)的鏈接 83
5.1.3根據(jù)鏈接路徑分類 84
5.2創(chuàng)建文本超級(jí)鏈接 84
5.2.1創(chuàng)建普通文本鏈接 84
5.2.2創(chuàng)建錨鏈接 85
5.2.3創(chuàng)建電子郵件鏈接 87
5.2.4應(yīng)用舉例——在頁(yè)面中創(chuàng)建各類鏈接 87
5.3創(chuàng)建圖像鏈接 90
5.3.1創(chuàng)建圖像的一般鏈接 90
5.3.2創(chuàng)建圖像的熱點(diǎn)鏈接 91
5.3.3應(yīng)用舉例——在網(wǎng)頁(yè)中創(chuàng)建圖像鏈接 93
5.4創(chuàng)建導(dǎo)航條 94
5.4.1插入導(dǎo)航條 95
5.4.2編輯導(dǎo)航條 97
5.5上機(jī)練習(xí) 98
5.5.1導(dǎo)航圖像鏈接的創(chuàng)建 100
5.5.2電子郵件及圖像熱點(diǎn)鏈接的創(chuàng)建 101
5.6習(xí)題 102
第6章插入動(dòng)態(tài)元素 103
6.1插入Flash媒體元素 103
6.1.1插入Flash影片 104
6.1.2插入Flash按鈕 106
6.1.3插入Flash文本 108
6.1.4應(yīng)用舉例——在網(wǎng)頁(yè)中插入Flash元素 110
6.2插入其他動(dòng)態(tài)元素 112
6.2.1插入Shockwave影片 112
6.2.2插入Applet 113
6.2.3插入插件 114
6.3為網(wǎng)頁(yè)加入音樂(lè) 115
6.3.1添加背景音樂(lè) 115
6.3.2鏈接或嵌入音樂(lè) 115
6.4上機(jī)練習(xí) 116
6.4.1Flash影片的插入 116
6.4.2Flash按鈕的插入 118
6.4.3Flash文本的插入 119
6.4.4背景音樂(lè)的添加 119
6.5習(xí)題 120
第7章層的應(yīng)用 121
7.1創(chuàng)建層 121
7.1.1創(chuàng)建層的方法 121
7.1.2創(chuàng)建嵌套層 122
7.1.3設(shè)置層的首選參數(shù) 123
7.2層的基本操作 124
7.2.1顯示“層”面板 124
7.2.2層的選擇 125
7.2.3層的拖動(dòng) 125
7.2.4層的對(duì)齊 125
7.2.5層的大小調(diào)整 126
7.2.6應(yīng)用舉例——利用層布局頁(yè)面 127
7.3層的高級(jí)操作 129
7.3.1層的屬性設(shè)置 129
7.3.2層的顯示或隱藏 131
7.3.3層的堆疊順序設(shè)置 131
7.4上機(jī)練習(xí) 131
7.4.1用層布局頁(yè)面 132
7.4.2添加網(wǎng)頁(yè)元素 134
7.5習(xí)題.. 135
第8章表格的應(yīng)用 137
8.1插入表格 137
8.1.1插入表格的方法 137
8.1.2嵌套表格的創(chuàng)建 138
8.1.3在表格中添加內(nèi)容 140
8.1.4應(yīng)用舉例——在網(wǎng)頁(yè)中插入表格并添加網(wǎng)頁(yè)元素 140
8.2表格的基本操作 142
8.2.1選中操作 143
8.2.2單元格的合并及拆分 145
8.2.3插入.刪除行或列 146
8.3表格屬性 148
8.3.1設(shè)置表格屬性 148
8.3.2設(shè)置單元格屬性 148
8.4表格的高級(jí)操作 150
8.4.1移動(dòng)整行.整列表格內(nèi)容 150
8.4.2表格的排序 150
8.4.3表格中數(shù)據(jù)的導(dǎo)入與導(dǎo)出 152
8.5層與表格的相互轉(zhuǎn)換 155
8.5.1將層轉(zhuǎn)換為表格 155
8.5.2將表格轉(zhuǎn)換為層 156
8.6上機(jī)練習(xí) 156
8.6.1用表格布局頁(yè)面 157
8.6.2在表格中添加網(wǎng)頁(yè)元素 159
8.7習(xí)題 160
第9章框架的應(yīng)用 161
9.1框架與框架集 161
9.1.1框架與框架集的概念 161
9.1.2創(chuàng)建框架與框架集 162
9.1.3分割框架 165
9.1.4創(chuàng)建嵌套框架集 166
9.1.5應(yīng)用舉例——用框架布局頁(yè)面 167
9.2框架與框架集的選擇及刪除操作 168
9.2.1了解“框架”面板 168
9.2.2選擇框架與框架集 169
9.2.3刪除框架 171
9.3設(shè)置框架與框架集的屬性 171
9.3.1設(shè)置框架屬性 172
9.3.2設(shè)置框架集屬性 172
9.3.3設(shè)置框架集的網(wǎng)頁(yè)標(biāo)題 173
9.4保存框架集與框架 173
9.4.1保存框架 173
9.4.2保存框架集 173
9.4.3保存框架集中的所有文檔 174
9.5不能顯示框架時(shí)的處理 174
9.6上機(jī)練習(xí) 174
9.6.1制作框架集及框架 175
9.6.2添加網(wǎng)頁(yè)元素 176
9.7習(xí)題 177
第10章布局視圖的應(yīng)用 179
10.1認(rèn)識(shí)布局模式 179
10.1.1切換到布局模式 179
10.1.2認(rèn)識(shí)布局視圖 180
10.1.3退出布局模式 180
10.2用布局視圖布局頁(yè)面 180
10.2.1創(chuàng)建布局表格和布局單元格 180
10.2.2設(shè)置布局表格和單元格屬性 181
10.2.3在布局表格中添加網(wǎng)頁(yè)元素 183
10.2.4調(diào)整布局表格和布局單元格 184
10.2.5應(yīng)用舉例——在布局模式中布局頁(yè)面 186
10.3上機(jī)練習(xí) 187
10.3.1布局頁(yè)面 187
10.3.2添加網(wǎng)頁(yè)元素 189
10.4習(xí)題 190
第11章模板與資源列表的應(yīng)用 191
11.1使用模板 191
11.1.1創(chuàng)建模板 191
11.1.2編輯模板 192
11.1.3用模板創(chuàng)建網(wǎng)頁(yè) 194
11.1.4更新已有網(wǎng)頁(yè)的模板 197
11.1.5應(yīng)用舉例——?jiǎng)?chuàng)建和應(yīng)用模板 197
11.2使用資源列表 200
11.2.1認(rèn)識(shí)“資源”面板 200
11.2.2使用站點(diǎn)列表 201
11.2.3使用收藏資源 202
11.3上機(jī)練習(xí) 204
11.3.1創(chuàng)建并編輯模板 204
11.3.2應(yīng)用模板 206
11.4習(xí)題 207
第12章行為的應(yīng)用 209
12.1行為簡(jiǎn)介 209
12.1.1動(dòng)作 209
12.1.2事件 209
12.2認(rèn)識(shí)“行為”面板 211
12.3行為的編輯 211
12.3.1添加行為 211
12.3.2修改行為 212
12.3.3刪除行為 213
12.3.4獲取更多的行為 213
12.4行為的具體應(yīng)用 213
12.4.1交換圖像 213
12.4.2彈出信息 215
12.4.3打開瀏覽器窗口 216
12.4.4拖動(dòng)層 218
12.4.5顯示彈出式菜單 221
12.4.6檢查插件 225
12.4.7設(shè)置導(dǎo)航欄圖像 226
12.4.8調(diào)用JavaScript 227
12.4.9跳轉(zhuǎn)菜單 227
12.4.10轉(zhuǎn)到URL 228
12.4.11控制Shockwave或Flash 228
12.4.12播放聲音 229
12.4.13改變屬性 229
12.4.14顯示-隱藏層 230
12.4.15檢查瀏覽器 230
12.4.16檢查表單 231
12.4.17設(shè)置文本 232
12.4.18預(yù)先載入圖像 234
12.5上機(jī)練習(xí) 235
12.5.1添加“彈出信息”行為 237
12.5.2添加“顯示彈出式菜單”行為 237
12.5.3添加“打開瀏覽器窗口”行為 238
12.6習(xí)題 239
第13章表單的應(yīng)用 241
13.1表單簡(jiǎn)介 241
13.2創(chuàng)建表單 242
13.2.1創(chuàng)建表單的方法 242
13.2.2設(shè)置表單屬性 242
13.3表單對(duì)象 243
13.3.1表單對(duì)象介紹 243
13.3.2插入表單對(duì)象 245
13.4上機(jī)練習(xí) 257
13.5習(xí)題 262
第14章發(fā)布站點(diǎn) 263
14.1申請(qǐng)主頁(yè)空間及域名 263
14.1.1申請(qǐng)主頁(yè)空間 263
14.1.2申請(qǐng)域名 268
14.1.3應(yīng)用舉例——申請(qǐng)免費(fèi)主頁(yè)空間 269
14.2站點(diǎn)的本地測(cè)試 271
14.2.1兼容性測(cè)試 271
14.2.2檢查站點(diǎn)范圍的鏈接 274
14.2.3修復(fù)站點(diǎn)范圍的鏈接 275
14.2.4檢測(cè)下載速度 276
14.3站點(diǎn)的發(fā)布 277
14.3.1配置遠(yuǎn)程信息 277
14.3.2站點(diǎn)的發(fā)布方法 278
14.4站點(diǎn)的管理和宣傳 278
14.4.1使用同步功能 279
14.4.2使用設(shè)計(jì)筆記 280
14.4.3使用站點(diǎn)報(bào)告 282
14.4.4站點(diǎn)的宣傳 283
14.5習(xí)題 284
第15章項(xiàng)目設(shè)計(jì)案例 285
15.1瀏覽“星之密語(yǔ)”網(wǎng)站 285
15.2規(guī)劃站點(diǎn)及收集素材 289
15.2.1規(guī)劃站點(diǎn) 289
15.2.2收集素材 289
15.3創(chuàng)建站點(diǎn) 290
15.3.1創(chuàng)建站點(diǎn)的方法 290
15.3.2創(chuàng)建主要文件夾及文件 291
15.4制作頁(yè)面 292
15.4.1制作模板... 292
15.4.2制作首頁(yè) 297
15.4.3制作“星座壁紙”頁(yè)面 299
15.4.4制作“星座名人”頁(yè)面 300
15.4.5制作“星座故事”頁(yè)面 301
15.4.6制作“白羊座介紹”頁(yè)面 303
15.5習(xí)題 304