Dreamweaver MX 2004網(wǎng)頁設計基礎與進階培訓教程

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