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

第一章 Dreamweaver MX 2004基礎(chǔ) 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 設(shè)置文檔的屬性 14
1.5.4 使用【History 歷史 】面板 17
1.6 編輯網(wǎng)頁的頭部元素 19
1.6.1 Meta 20
1.6.2 關(guān)鍵字 20
1.6.3 說明 21
1.6.4 刷新 21
1.6.5 基礎(chǔ) 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 設(shè)置主頁 37
2.4 編輯和管理站點 37
2.4.1 打開站點 37
2.4.2 站點的編輯 37
2.4.3 站點文件的管理 38
2.5 站點文件的操作 39
2.5.1 復(fù)制站點文件 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 文本屬性的設(shè)置 48
3.2.1 字符屬性的設(shè)置 48
3.2.2 文本段落屬性的設(shè)置 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 設(shè)置超鏈接的顏色 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)頁中的圖像應(yī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 設(shè)置網(wǎng)頁圖像屬性 80
5.4.1 設(shè)置圖像的大小 80
5.4.2 設(shè)置圖像的對齊屬性 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 啟動外部圖像編輯器 90
5.6 設(shè)置網(wǎng)頁背景圖像 90
5.7 設(shè)置圖像地圖 91
5.8 建立鼠標經(jīng)過圖像 92
5.9 建立導(dǎo)航條 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 表格的屬性設(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 實例練習--使用表格布局網(wǎng)頁 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 實例練習--使用布局表格布局網(wǎng)頁 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 移動層 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 關(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樣式的擴展 171
8.5 使用Class 類 樣式 171
8.5.1 創(chuàng)建并應(yī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 復(fù)制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 插入預(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)頁的超鏈接 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 設(shè)置Flash動畫的屬性 201
10.3 插入Flash按鈕 202
10.4 插入Flash文字 203
10.5 添加Shockwave對象 204
10.5.1 插入Shockwave對象 204
10.5.2 設(shè)置Shockwave對象的屬性 205
10.6 添加Applet對象 206
10.6.1 插入Applet對象 206
10.6.2 設(shè)置Applet對象的屬性 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
第十一章 模板與庫 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)建重復(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 庫項目的使用 224
11.8.1 創(chuàng)建庫項目 225
11.8.2 在頁面中應(yīng)用庫項目 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 復(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 實例練習--創(chuàng)建會員注冊網(wǎng)頁 237
12.5 本章小結(jié) 242
第十三章 行為 243
13.1 【Behaviors 行為 】面板 244
13.2 應(yīng)用行為 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 交換圖像與恢復(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 拖動層 258
13.3.15 顯示-隱藏層 259
13.3.16 顯示/隱藏彈出式菜單 260
13.3.17 預(yù)先載入圖像 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 在瀏覽器中預(yù)覽頁面 272
14.2.3 檢查頁面或站點內(nèi)的鏈接 273
14.2.4 設(shè)置下載時間和大小 275
14.3 上傳站點 275
14.3.1 設(shè)置遠程站點 276
14.3.2 連接服務(wù)器與上傳站點 278
14.4 存回/取出文件 278
14.5 本章小結(jié) 279