Dreamweaver MX 2004網(wǎng)頁制作簡明教程

目 錄
第1章 Dreamweaver MX 2004
網(wǎng)頁制作基礎(chǔ) 1
1.1 網(wǎng)頁制作基礎(chǔ)知識(shí) 1
1.1.1 網(wǎng)頁的概念 1
1.1.2 網(wǎng)頁的基本構(gòu)成元素 2
1.1.3 網(wǎng)頁的設(shè)計(jì)構(gòu)思 4
1.1.4 網(wǎng)頁的布局 6
1.2 Dreamweaver MX 2004使用基礎(chǔ) 7
1.2.1 Dreamweaver MX 2004的功能 8
1.2.2 Dreamweaver MX 2004的
用戶界面 9
1.3 一個(gè)簡單的網(wǎng)頁實(shí)例 16
本章小結(jié) 18
習(xí)題 18
第2章 設(shè)計(jì)和規(guī)劃站點(diǎn) 20
2.1 網(wǎng)站建設(shè)的基本流程 20
2.1.1 策劃和設(shè)計(jì)網(wǎng)站 20
2.1.2 規(guī)劃站點(diǎn) 21
2.1.3 布局和編排網(wǎng)頁 21
2.1.4 填充網(wǎng)頁內(nèi)容 21
2.1.5 建立動(dòng)態(tài)站點(diǎn) 21
2.1.6 測試和發(fā)布站點(diǎn) 21
2.2 站點(diǎn)的整體規(guī)劃 21
2.2.1 明確目標(biāo)和用戶需求 22
2.2.2 選擇目標(biāo)觀眾 22
2.2.3 為兼容的瀏覽器創(chuàng)建站點(diǎn) 22
2.2.4 組織站點(diǎn)結(jié)構(gòu)和創(chuàng)建設(shè)計(jì)圖 23
2.2.5 設(shè)計(jì)結(jié)構(gòu)簡單的導(dǎo)航圖 23
2.2.6 計(jì)劃和收集資源 24
2.3 創(chuàng)建站點(diǎn) 24
2.3.1 創(chuàng)建本地站點(diǎn) 24
2.3.2 設(shè)置本地文件夾 26
2.3.3 設(shè)置遠(yuǎn)程文件夾 27
2.4 編輯站點(diǎn) 27
2.4.1 編輯本地站點(diǎn) 28
2.4.2 編輯遠(yuǎn)程站點(diǎn) 28
2.4.3 刪除站點(diǎn) 29
本章小結(jié) 30
習(xí)題 30
第3章 創(chuàng)建網(wǎng)頁文檔 32
3.1 創(chuàng)建文檔 32
3.1.1 創(chuàng)建空白文檔 32
3.1.2 創(chuàng)建基于Dreamweaver設(shè)計(jì)
文件的文檔 33
3.1.3 創(chuàng)建模板文檔 34
3.1.4 打開與保存文檔 35
3.2 網(wǎng)頁制作的常用操作 35
3.2.1 設(shè)置頁面屬性 36
3.2.2 使用顏色 36
3.2.3 在文檔窗口中選擇元素 38
3.2.4 使用【標(biāo)尺】和【網(wǎng)格】 40
3.2.5 使用跟蹤圖像 40
3.3 查看和編輯頭部內(nèi)容 41
3.3.1 顯示文檔 41
3.3.2 插入頭部元素 42
3.3.3 設(shè)置頭部元素 43
本章小結(jié) 45
習(xí)題 45
第4章 使用文本與圖像 47
4.1 輸入文本 47
4.1.1 輸入特殊字符 47
4.1.2 輸入日期 49
4.1.3 復(fù)制和粘貼HTML源代碼 49
4.2 編輯文本 50
4.2.1 使用【文本】屬性檢查器 51
4.2.2 使用上下文菜單 53
4.3 插入與編輯圖像 54
4.3.1 網(wǎng)頁中常用圖像格式 54
4.3.2 插入圖像 55
4.3.3 設(shè)置圖像的屬性 56
4.3.4 對(duì)齊圖像 58
4.3.5 調(diào)整圖像 60
4.4 插入其他圖像元素 60
4.4.1 插入圖像占位符 61
4.4.2 插入鼠標(biāo)經(jīng)過圖像 62
4.4.3 插入Fireworks文件 63
本 章小結(jié) 66
習(xí)題 66
第5章 制作多媒體頁面 68
5.1 插入音頻和視頻文件 68
5.1.1 添加背景音樂 68
5.1.2 使用媒體格式及插件 69
5.1.3 設(shè)置插件屬性 70
5.2 插入Flash對(duì)象 72
5.2.1 Flash的文件類型 72
5.2.2 插入Flash按鈕對(duì)象 72
5.2.3 插入Flash文本對(duì)象 75
5.2.4 插入Flash電影 76
5.2.5 設(shè)置Flash對(duì)象屬性 77
5.3 插入其他媒體對(duì)象 78
5.3.1 插入Shockwave電影 78
5.3.2 插入ActiveX控件 79
5.3.3 插入Java程序 81
本章小結(jié) 82
習(xí)題 82
第6章 使用超鏈接 84
6.1 認(rèn)識(shí)URL、鏈接路徑 84
6.2 創(chuàng)建超鏈接 86
6.2.1 創(chuàng)建超鏈接的類型和方法 86
6.2.2 創(chuàng)建頁間超鏈接 87
6.2.3 創(chuàng)建頁內(nèi)超鏈接 89
6.2.4 創(chuàng)建E-mail超鏈接 91
6.2.5 創(chuàng)建空鏈接及腳本鏈接 92
6.2.6 創(chuàng)建圖形熱點(diǎn)鏈接 92
6.3 在站點(diǎn)地圖中管理鏈接 94
6.4 創(chuàng)建導(dǎo)航條 95
6.4.1 插入導(dǎo)航條 96
6.4.2 編輯導(dǎo)航條 96
本章小結(jié) 97
習(xí)題 98
第7章 使用表格 100
7.1 在頁面中使用表格 100
7.1.1 表格的3種視圖模式 100
7.1.2 插入表格 101
7.1.3 在表格的單元格中添加內(nèi)容 102
7.2 編輯表格和單元格 103
7.2.1 選擇表格元素 103
7.2.2 調(diào)整表格的大小 105
7.2.3 更改列寬和行高 105
7.2.4 添加及刪除行和列 106
7.2.5 拆分和合并單元格 107
7.2.6 設(shè)置表格屬性 108
7.2.7 設(shè)置單元格、行和列屬性 109
7.2.8 剪切、拷貝和粘貼單元格 110
7.3 表格的其他操作 110
7.3.1 使用預(yù)置表格 110
7.3.2 排序表格 111
7.3.3 導(dǎo)入和導(dǎo)出表格式數(shù)據(jù) 112
本章小結(jié) 114
習(xí)題 114
第8章 使用CSS樣式 116
8.1 CSS簡介 116
8.2 使用【CSS樣式】面板 117
8.2.1 創(chuàng)建CSS樣式 117
8.2.2 定義文本樣式 119
8.2.3 定義背景樣式 119
8.2.4 定義區(qū)塊樣式 120
8.2.5 定義方框樣式 121
8.2.6 定義邊框樣式 122
8.2.7 定義列表樣式 123
8.2.8 定義定位樣式 123
8.2.9 定義擴(kuò)展樣式 124
8.2.10 CSS樣式綜合練習(xí) 125
8.3 編輯CSS樣式 128
8.3.1 修改CSS樣式 129
8.3.2 刪除CSS樣式 129
8.3.3 復(fù)制CSS樣式 129
本章小結(jié) 129
習(xí)題 130
第9章 使用框架和框架集 131
9.1 使用框架 131
9.1.1 框架和框架集 131
9.1.2 創(chuàng)建預(yù)定義的框架集 132
9.1.3 創(chuàng)建和編輯框架集 133
9.1.4 創(chuàng)建嵌套框架集 134
9.1.5 選擇框架或框架集 135
9.1.6 保存框架和框架集文件 135
9.2 設(shè)置框架和框架集的屬性 136
9.2.1 設(shè)置框架屬性 136
9.2.2 設(shè)置框架集屬性 136
9.3 使用鏈接控制框架內(nèi)容 138
9.4 處理瀏覽器不能顯示的框架 139
本章小結(jié) 140
習(xí)題 140
第10章 使用布局模式 142
10.1 使用表格的布局模式 142
10.1.1 布局單元格和表格 142
10.1.2 創(chuàng)建布局單元格和表格 143
10.1.3 在布局單元格中添加內(nèi)容 144
10.1.4 創(chuàng)建嵌套布局表格 146
10.1.5 將布局單元格靠齊到網(wǎng)格 146
10.1.6 移動(dòng)和調(diào)整布局單元格
和表格 147
10.1.7 設(shè)置布局寬度 148
10.1.8 使用間隔圖像 149
10.2 設(shè)置布局單元格和表格的格式 149
10.2.1 設(shè)置布局單元格的格式 149
10.2.2 設(shè)置布局表格的格式 150
10.2.3 設(shè)置布局模式參數(shù) 152
10.3 布局模式的典型示例 152
本章小結(jié) 153
習(xí)題 154
第11章 使用層 156
11.1 創(chuàng)建層 156
11.1.1 創(chuàng)建層和嵌套層 156
11.1.2 使用【層】面板 157
11.1.3 層的HTML代碼 158
11.2 編輯層 159
11.2.1 選擇和移動(dòng)層 159
11.2.2 調(diào)整層的大小及對(duì)齊方式 159
11.2.3 將層對(duì)齊網(wǎng)格 161
11.2.4 刪除及復(fù)制層 161
11.2.5 改變層的重疊順序 162
11.2.6 設(shè)置層屬性 162
11.3 轉(zhuǎn)換表格和層 163
11.3.1 將表格轉(zhuǎn)換為層 164
11.3.2 將層轉(zhuǎn)換為表格 164
11.3.3 防止層的重疊 165
11.4 設(shè)置層參數(shù) 165
11.5 層的典型示例 166
本章小結(jié) 168
習(xí)題 168
第12章 表單的制作 170
12.1 使用表單 170
12.1.1 表單對(duì)象 170
12.1.2 創(chuàng)建表單并設(shè)置表單屬性 171
12.2 使用表單對(duì)象 172
12.2.1 創(chuàng)建文本域 173
12.2.2 創(chuàng)建隱藏域 174
12.2.3 創(chuàng)建文件上傳域 174
12.2.4 創(chuàng)建復(fù)選框 176
12.2.5 創(chuàng)建單選按鈕及單選
按鈕組 177
12.2.6 創(chuàng)建列表和菜單 179
12.2.7 創(chuàng)建跳轉(zhuǎn)菜單 181
12.2.8 創(chuàng)建文本表單按鈕 182
12.2.9 創(chuàng)建圖形提交按鈕 183
12.3 驗(yàn)證表單數(shù)據(jù) 184
本章小結(jié) 186
習(xí)題 186
第13章 使用行為 188
13.1 行為 188
13.1.1 事件和動(dòng)作 188
13.1.2 使用【行為】面板 189
13.1.3 使用行為 190
13.1.4 更改行為 192
13.2 使用Dreamweaver的內(nèi)置行為 192
13.2.1 圖像操作類行為 192
13.2.2 菜單、導(dǎo)航類行為 193
13.2.3 檢查類行為 197
13.2.4 設(shè)置文本類行為 199
13.2.5 控制類行為 201
13.2.6 其他行為 203
本章小結(jié) 206
習(xí)題 206
第14章 模板和庫 208
14.1 創(chuàng)建模板 208
14.2 定義模板區(qū)域 209
14.2.1 定義可編輯區(qū)域 210
14.2.2 設(shè)置模板參數(shù) 210
14.3 使用模板創(chuàng)建文檔 211
14.3.1 創(chuàng)建基于模板的文檔 211
14.3.2 在現(xiàn)有文檔上應(yīng)用模板 212
14.3.3 從模板中分離文檔 213
14.3.4 更新基于模板的頁面 213
14.4 創(chuàng)建、管理和編輯庫項(xiàng)目 214
本章小結(jié) 215
習(xí)題 216
第15章 上傳和維護(hù)站點(diǎn) 218
15.1 空間和域名 218
15.2 使用站點(diǎn)窗口 219
15.2.1 使用站點(diǎn)窗口工具欄 219
15.2.2 設(shè)置站點(diǎn)參數(shù) 220
15.3 管理站點(diǎn)地圖 221
15.3.1 使用站點(diǎn)地圖 221
15.3.2 在站點(diǎn)地圖中使用頁面 222
15.3.3 從站點(diǎn)分支查看站點(diǎn) 223
15.3.4 保存站點(diǎn)地圖 223
15.4 建立遠(yuǎn)程站點(diǎn) 224
15.4.1 設(shè)置遠(yuǎn)程服務(wù)器 224
15.4.2 確定遠(yuǎn)程站點(diǎn)主機(jī)目錄 225
15.4.3 上傳和下載文件 225
15.4.4 使用“存回”和“取出”
功能 226
15.5 站點(diǎn)的其他常用操作 227
15.5.1 檢查鏈接 227
15.5.2 更改所有鏈接 227
本章小結(jié) 228
習(xí)題 228
第16章 實(shí)訓(xùn) 230
16.1 制作網(wǎng)站“清雅書屋”的首頁 230
16.2 制作網(wǎng)站“清雅書屋”的注冊頁面 236
16.3 制作網(wǎng)站“游戲Game”的首頁 244
16.4 制作網(wǎng)站“信息家園”的首頁 249
16.5 申請網(wǎng)頁空間并上傳網(wǎng)頁 256