Dreamweaver中文版網頁制作教程

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