Dreamweaver MX 2004網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)與進(jìn)階培訓(xùn)教程

第一章 Dreamweaver MX 2004基礎(chǔ) 1
1.1 Dreamweaver MX 2004簡(jiǎn)述 2
1.2 新增功能 2
1.3 工作環(huán)境介紹 6
1.3.1 標(biāo)題欄 7
1.3.2 菜單欄 7
1.3.3 插入欄 8
1.3.4 工具欄 9
1.3.5 狀態(tài)欄 9
1.3.6 屬性面板 9
1.3.7 面板組 10
1.4 HTML代碼 10
1.4.1 什么是HTML 10
1.4.2 HTML代碼編輯窗口 11
1.5 文檔的基本操作 13
1.5.1 創(chuàng)建文檔 13
1.5.2 保存文檔 14
1.5.3 設(shè)置文檔的屬性 14
1.5.4 使用【History 歷史 】面板 17
1.6 編輯網(wǎng)頁(yè)的頭部元素 19
1.6.1 Meta 20
1.6.2 關(guān)鍵字 20
1.6.3 說(shuō)明 21
1.6.4 刷新 21
1.6.5 基礎(chǔ) 22
1.6.6 鏈接 22
1.6.7 網(wǎng)頁(yè)標(biāo)題 23
1.7 輔助工具的使用 23
1.7.1 標(biāo)尺 23
1.7.2 網(wǎng)格線 24
1.7.3 跟蹤圖像 25
1.8 實(shí)例練習(xí)--使用HTML代碼創(chuàng)建簡(jiǎn)單網(wǎng)頁(yè) 26
1.9 實(shí)例練習(xí)--制作簡(jiǎn)單網(wǎng)頁(yè) 28
1.10 本章小結(jié) 30
第二章 創(chuàng)建Web站點(diǎn)和頁(yè)面 31
2.1 網(wǎng)站的規(guī)劃 32
2.2 創(chuàng)建本地站點(diǎn) 33
2.3 向站點(diǎn)中添加內(nèi)容 35
2.3.1 添加文件夾 36
2.3.2 添加普通網(wǎng)頁(yè) 36
2.3.3 設(shè)置主頁(yè) 37
2.4 編輯和管理站點(diǎn) 37
2.4.1 打開(kāi)站點(diǎn) 37
2.4.2 站點(diǎn)的編輯 37
2.4.3 站點(diǎn)文件的管理 38
2.5 站點(diǎn)文件的操作 39
2.5.1 復(fù)制站點(diǎn)文件 39
2.5.2 移動(dòng)站點(diǎn)文件 39
2.5.3 刪除站點(diǎn)文件 40
2.6 實(shí)例練習(xí)--建立本地站點(diǎn) 40
2.7 本章小結(jié) 42
第三章 編輯網(wǎng)頁(yè)中的文本 43
3.1 創(chuàng)建網(wǎng)頁(yè)文本 44
3.1.1 創(chuàng)建文本內(nèi)容 44
3.1.2 劃分段落與分行 44
3.1.3 插入空格符 45
3.1.4 插入特殊字符 46
3.1.5 插入日期 46
3.1.6 插入水平線 47
3.2 文本屬性的設(shè)置 48
3.2.1 字符屬性的設(shè)置 48
3.2.2 文本段落屬性的設(shè)置 50
3.2.3 項(xiàng)目列表與編號(hào)列表 53
3.3 實(shí)例練習(xí)--制作簡(jiǎn)單的文字網(wǎng)頁(yè) 55
3.4 本章小結(jié) 58
第四章 創(chuàng)建超鏈接 59
4.1 超鏈接的基本常識(shí) 60
4.1.1 基本概念 60
4.1.2 超鏈接的分類 60
4.1.3 設(shè)置超鏈接的顏色 62
4.2 文件的路徑 63
4.2.1 絕對(duì)路徑 63
4.2.2 相對(duì)路徑 63
4.3 創(chuàng)建鏈接 64
4.3.1 創(chuàng)建站點(diǎn)鏈接 65
4.3.2 創(chuàng)建頁(yè)面鏈接 65
4.3.3 創(chuàng)建頁(yè)內(nèi)鏈接 70
4.3.4 創(chuàng)建E-mail鏈接 71
4.3.5 創(chuàng)建下載鏈接 72
4.3.6 創(chuàng)建空鏈接和腳本鏈接 73
4.4 本章小結(jié) 73
第五章 網(wǎng)頁(yè)中的圖像應(yīng)用 74
5.1 網(wǎng)頁(yè)圖像的類型 75
5.2 使用圖像占位符 76
5.2.1 插入圖像占位符 76
5.2.2 替換圖像占位符 76
5.2.3 在Fireworks中更新圖像占位符 77
5.3 插入網(wǎng)頁(yè)圖像 79
5.4 設(shè)置網(wǎng)頁(yè)圖像屬性 80
5.4.1 設(shè)置圖像的大小 80
5.4.2 設(shè)置圖像的對(duì)齊屬性 81
5.4.3 設(shè)置替代文本 83
5.4.4 使用低分辨率圖像 84
5.4.5 為圖像添加邊框 84
5.4.6 設(shè)置水平. 垂直間距 85
5.4.7 編輯圖像 85
5.4.8 設(shè)置圖像超鏈接 88
5.5 使用外部圖像編輯器 89
5.5.1 設(shè)置外部圖像編輯器參數(shù) 89
5.5.2 啟動(dòng)外部圖像編輯器 90
5.6 設(shè)置網(wǎng)頁(yè)背景圖像 90
5.7 設(shè)置圖像地圖 91
5.8 建立鼠標(biāo)經(jīng)過(guò)圖像 92
5.9 建立導(dǎo)航條 93
5.10 創(chuàng)建網(wǎng)站相冊(cè) 95
5.11 實(shí)例練習(xí)--制作圖文混排的網(wǎng)頁(yè) 97
5.12 本章小結(jié) 102
第六章 表格 103
6.1 創(chuàng)建表格 104
6.2 表格的屬性設(shè)置 106
6.2.1 表格與單元格的選擇 106
6.2.2 設(shè)置表格的屬性 107
6.2.3 設(shè)置單元格的屬性 108
6.3 表格的操作 109
6.3.1 改變表格的大小 109
6.3.2 拆分與合并單元格 110
6.3.3 增加. 刪除行或列 112
6.3.4 剪切. 拷貝和粘貼單元格中的內(nèi)容 114
6.4 套用表格樣式 114
6.5 輸入輸出表格 116
6.5.1 輸入表格 116
6.5.2 導(dǎo)出表格數(shù)據(jù) 118
6.5.3 排序表格 118
6.6 實(shí)例練習(xí)--使用表格布局網(wǎng)頁(yè) 120
6.7 使用布局表格 125
6.7.1 創(chuàng)建布局表格及布局單元格 126
6.7.2 布局表格與布局單元格的操作 128
6.7.3 布局表格屬性的設(shè)置 128
6.7.4 布局單元格屬性的設(shè)置 129
6.7.5 設(shè)置布局表格與布局單元格的寬度 130
6.8 實(shí)例練習(xí)--使用布局表格布局網(wǎng)頁(yè) 133
6.9 本章小結(jié) 140
第七章 層的應(yīng)用 141
7.1 創(chuàng)建層 142
7.1.1 插入層 142
7.1.2 創(chuàng)建嵌套層 143
7.2 層的屬性設(shè)置 144
7.3 層的操作 146
7.3.1 激活層 146
7.3.2 選擇層 146
7.3.3 調(diào)整層的大小 147
7.3.4 移動(dòng)層 148
7.3.5 排列層 148
7.3.6 對(duì)齊層 148
7.3.7 刪除層 149
7.3.8 使用【Layers 層 】面板 149
7.4 層與表格的轉(zhuǎn)換 151
7.4.1 轉(zhuǎn)換層為表格 152
7.4.2 轉(zhuǎn)換表格為層 153
7.5 實(shí)例練習(xí)--制作一個(gè)圖層網(wǎng)頁(yè) 154
7.6 本章小結(jié) 162
第八章 使用CSS樣式表 163
8.1 關(guān)于層疊樣式表 164
8.2 【CSS Styles】面板 164
8.3 創(chuàng)建新的CSS樣式 165
8.4 CSS樣式屬性的設(shè)置 166
8.4.1 定義CSS樣式的類型 166
8.4.2 定義CSS樣式的背景 167
8.4.3 設(shè)置CSS樣式的區(qū)塊 168
8.4.4 設(shè)置CSS樣式的盒子 168
8.4.5 設(shè)置CSS樣式的邊框 169
8.4.6 設(shè)置CSS樣式的列表 170
8.4.7 設(shè)置CSS樣式的定位 170
8.4.8 設(shè)置CSS樣式的擴(kuò)展 171
8.5 使用Class 類 樣式 171
8.5.1 創(chuàng)建并應(yīng)用Class 類 樣式 171
8.5.2 移除Class 類 樣式 173
8.6 使用Tag 標(biāo)記 樣式 173
8.7 使用Advanced 高級(jí) 樣式 174
8.8 創(chuàng)建和鏈接到外部CSS樣式表 175
8.9 管理CSS樣式 177
8.9.1 編輯CSS樣式 177
8.9.2 刪除CSS樣式 177
8.9.3 復(fù)制CSS樣式 177
8.10 【Relevant CSS】面板的使用 178
8.11 本章小結(jié) 178
第九章 框架 179
9.1 創(chuàng)建框架集 180
9.1.1 手動(dòng)創(chuàng)建框架集 180
9.1.2 插入預(yù)定義框架集 181
9.1.3 關(guān)于嵌套框架集 183
9.2 選擇框架與框架集 184
9.3 保存框架與框架集文件 185
9.4 設(shè)置框架與框架集屬性 186
9.4.1 設(shè)置框架集屬性 186
9.4.2 設(shè)置框架的屬性 186
9.5 框架網(wǎng)頁(yè)的超鏈接 187
9.6 處理不能顯示框架的瀏覽器 188
9.7 實(shí)例練習(xí)--制作一個(gè)框架網(wǎng)頁(yè) 188
9.8 本章小結(jié) 196
第十章 使用多媒體對(duì)象 197
10.1 插入Fireworks HTML代碼 197
10.2 添加Flash動(dòng)畫(huà) 199
10.2.1 插入Flash動(dòng)畫(huà) 200
10.2.2 設(shè)置Flash動(dòng)畫(huà)的屬性 201
10.3 插入Flash按鈕 202
10.4 插入Flash文字 203
10.5 添加Shockwave對(duì)象 204
10.5.1 插入Shockwave對(duì)象 204
10.5.2 設(shè)置Shockwave對(duì)象的屬性 205
10.6 添加Applet對(duì)象 206
10.6.1 插入Applet對(duì)象 206
10.6.2 設(shè)置Applet對(duì)象的屬性 206
10.7 添加ActiveX控件 207
10.7.1 插入ActiveX控件 207
10.7.2 設(shè)置ActiveX控件的屬性 207
10.8 添加插件 208
10.8.1 插入插件 209
10.8.2 設(shè)置插件的屬性 209
10.9 本章小結(jié) 210
第十一章 模板與庫(kù) 211
11.1 【Assets 資源 】面板 212
11.2 創(chuàng)建模板 215
11.2.1 使用【Assets 資源 】面板 215
11.2.2 使用插入欄 215
11.2.3 使用菜單命令 216
11.2.4 基于普通網(wǎng)頁(yè)創(chuàng)建模板 217
11.3 創(chuàng)建可編輯區(qū)域 217
11.4 創(chuàng)建重復(fù)區(qū)域 218
11.4.1 在模板中創(chuàng)建重復(fù)區(qū)域 218
11.4.2 插入重復(fù)表格 219
11.5 創(chuàng)建可選區(qū)域 220
11.5.1 創(chuàng)建可選區(qū)域 220
11.5.2 創(chuàng)建可編輯的可選區(qū)域 221
11.5.3 修改可選區(qū)域 222
11.6 創(chuàng)建嵌套模板 222
11.7 將模板應(yīng)用到文檔 223
11.8 庫(kù)項(xiàng)目的使用 224
11.8.1 創(chuàng)建庫(kù)項(xiàng)目 225
11.8.2 在頁(yè)面中應(yīng)用庫(kù)項(xiàng)目 225
11.8.3 編輯庫(kù)項(xiàng)目 225
11.9 本章小結(jié) 226
第十二章 表單 227
12.1 創(chuàng)建表單域 228
12.2 插入表單對(duì)象 229
12.2.1 文本域 229
12.2.2 文本區(qū)域 230
12.2.3 單選按鈕 231
12.2.4 單選按鈕組 231
12.2.5 復(fù)選框 232
12.2.6 列表/菜單 233
12.2.7 跳轉(zhuǎn)菜單 233
12.2.8 隱藏域 235
12.2.9 文件字段 235
12.2.10 按鈕 236
12.2.11 圖像域 236
12.3 表單的處理 237
12.4 實(shí)例練習(xí)--創(chuàng)建會(huì)員注冊(cè)網(wǎng)頁(yè) 237
12.5 本章小結(jié) 242
第十三章 行為 243
13.1 【Behaviors 行為 】面板 244
13.2 應(yīng)用行為 245
13.3 Dreamweaver MX 2004的內(nèi)置動(dòng)作 246
13.3.1 播放聲音 246
13.3.2 打開(kāi)瀏覽器窗口 246
13.3.3 彈出信息 247
13.3.4 調(diào)用JavaScript 248
13.3.5 改變屬性 249
13.3.6 交換圖像與恢復(fù)交換圖像 249
13.3.7 表單有效性 250
13.3.8 檢查插件 251
13.3.9 檢查瀏覽器 252
13.3.10 控制Shockwave或Flash 253
13.3.11 設(shè)置導(dǎo)航條圖像 254
13.3.12 設(shè)置文本 255
13.3.13 跳轉(zhuǎn)菜單與跳轉(zhuǎn)菜單轉(zhuǎn)到 258
13.3.14 拖動(dòng)層 258
13.3.15 顯示-隱藏層 259
13.3.16 顯示/隱藏彈出式菜單 260
13.3.17 預(yù)先載入圖像 263
13.3.18 轉(zhuǎn)到URL 264
13.4 實(shí)例練習(xí)--使用行為制作動(dòng)態(tài)網(wǎng)頁(yè) 264
13.5 本章小結(jié) 268
第十四章 站點(diǎn)管理. 測(cè)試與上傳 269
14.1 站點(diǎn)窗口 270
14.2 測(cè)試站點(diǎn) 271
14.2.1 檢查瀏覽器的兼容性 271
14.2.2 在瀏覽器中預(yù)覽頁(yè)面 272
14.2.3 檢查頁(yè)面或站點(diǎn)內(nèi)的鏈接 273
14.2.4 設(shè)置下載時(shí)間和大小 275
14.3 上傳站點(diǎn) 275
14.3.1 設(shè)置遠(yuǎn)程站點(diǎn) 276
14.3.2 連接服務(wù)器與上傳站點(diǎn) 278
14.4 存回/取出文件 278
14.5 本章小結(jié) 279