本書是高等院校電腦美術專業系列培訓教材中的一本,主要介紹目前流行的網頁制作工具Dreamweaver MX。Dreamweaver MX是Macromedia公司推出的優秀的可視化網頁制作工具,與大多數同類產品相比,它不僅在源代碼控制方面表現突出,在易用性和兼容性等方面更為出色。 全書共分18章,重點講述了Dreamweaver MX的使用原理和技巧。其中包括創建網站的一般步驟、站點規劃、Dreamweaver基本操作、頁面布局、文本、樣式表、超級鏈接、圖像、表格、層、框架、表單、時間線動畫、行為、模板和庫以及如何定制自己喜歡的Dreamweaver等。 本書從零基礎開始,由淺入深地介紹了Dreamweaver MX的各種功能,在功能講解過程中配合大量實例和詳細的操作步驟,使讀者一步步地跟隨學習,迅速掌握使用Dreamweaver MX進行網站開發的方法。 本書適用于高等美術院校、高等師范院校電腦美術專業教學,也適用于各學校美術教師培訓以及社會相關專業人員培訓使用。第1章 Dreamweaver MX基礎 1
1.1 Dreamweaver MX的工作界面 1
1.2 編輯頁面的不同方式 2
1.2.1 代碼編輯模式 2
1.2.2 可視化編輯模式 4
1.3 Dreamweaver MX 的窗口元素 4
1.3.1 文檔窗口 4
1.3.2 快捷菜單 6
1.3.3 Insert面板 6
1.3.4 Properties面板 7
1.3.5 面板的浮動與固定 8
1.4 Dreamweaver MX的色彩 9
1.4.1 在Dreamweaver MX 中使用顏色 9
1.4.2 網絡中的安全色 11
1.5 一般參數設置 11
1.6 與其他軟件協同工作 13
1.6.1 使用外部的HTML編輯器 13
1.6.2 調用外部圖像處理程序 14
1.7 Dreamweaver MX快速入門 15
1.7.1 定義本地站點 16
1.7.2 創建主頁文件 20
1.7.3 添加占位圖像 22
1.7.4 使列自動伸展 23
1.7.5 設置頁面標題 25
1.7.6 添加文本并設置文本格式 25
1.7.7 添加圖像并設置表格 背景色 30
1.7.8 創建第2個頁面 33
1.7.9 在兩個頁面間添加 文本鏈接 35
1.7.10 創建輪替圖像按鈕 35
1.7.11 復制一個導航條 37
1.7.12 預覽頁面效果并發布站點 38
1.8 思考與練習 42
第2章 站點的創建與管理 43
2.1 創建站點 43
2.2 管理站點 53
2.2.1 Site面板 53
2.2.2 站點地圖 59
2.2.3 站點操作 66
2.2.4 站點的保護 69
2.2.5 設計附注 71
2.3 思考與練習 72
第3章 準備建立Dreamweaver MX 的動態網站 74
3.1 理解網絡應用程序 74
3.2 安裝網絡服務器 81
3.3 思考與練習 90
第4章 頁面文檔操作 91
4.1 頁面文檔基本操作 91
4.1.1 創建空白文檔 91
4.1.2 打開舊文檔 94
4.1.3 使用模板創建文檔 95
4.1.4 使用Dreamweaver提供 的設計文件創建文檔 96
4.1.5 保存文檔 98
4.2 設置文檔屬性 99
4.2.1 改變頁面標題 99
4.2.2 定義頁面背景顏色 和背景圖像 101
4.2.3 調整文本顏色 102
4.2.4 設置頁面其他屬性 103
4.3 不可見元素與輔助設計 105
4.3.1 設置不可見元素 105
4.3.2 顯示不可見元素 106
4.3.3 使用網格參考線 107
4.3.4 顯示標尺 108
4.3.5 使用臨摹圖像 109
4.4 查看并編輯頁面的頭部內容 111
4.4.1 插入元數據 111
4.4.2 關鍵字信息 112
4.4.3 描述信息 112
4.4.4 自動刷新 112
4.4.5 基本URL地址 113
4.4.6 設置鏈接 113
4.5 自動化操作 114
4.5.1 用History面板簡化 重復操作 114
4.5.2 將任務自動應用在 一個對象上 115
4.5.3 將任務自動應用在 多個對象上 116
4.5.4 在文檔之間復制任務 117
4.5.5 用History面板中的任務 創建特殊命令 118
4.5.6 錄制臨時命令 119
4.6 思考與練習 120
第5章 使用表格進行頁面布局 121
5.1 頁面中的表格 121
5.2 表格創建 122
5.2.1 插入表格 122
5.2.2 在表格單元格中 添加內容 123
5.2.3 導入表格格式的數據 124
5.3 選擇表格元素 125
5.4 設置表格元素的格式 128
5.4.1 設置表格屬性 128
5.4.2 設置行、列及單元格屬性 130
5.4.3 套用表格格式 131
5.4.4 表格元素格式之間 的優先級 132
5.5 編輯表格 133
5.5.1 調整表格尺寸 133
5.5.2 改變列寬與行高 135
5.5.3 添加、刪除表格的行或列 135
5.5.4 單元格的合并與拆分 136
5.5.5 表格嵌套 139
5.5.6 剪切、復制、粘貼單元格 140
5.6 表格排序 140
5.7 導出表格數據 142
5.8 思考與練習 143
第6章 在規劃視圖中進行頁面布局 144
6.1 規劃視圖 144
6.2 繪制規劃單元格和規劃表格 146
6.2.1 繪制規劃單元格 和規劃表格 146
6.2.2 創建嵌套規劃表格 149
6.2.3 顯示網格參考線 149
6.2.4 在規劃單元格中添加內容 150
6.2.5 清除規劃單元格高度 的自動設置 151
6.3 移動和重設規劃表格 及單元格大小 152
6.4 格式化規劃表格和單元格 154
6.4.1 格式化規劃單元格 154
6.4.2 格式化規劃表格 154
6.5 合理設置頁面寬度 155
6.5.1 設置規劃元素寬度 155
6.5.2 使用空白圖像 157
6.6 設置規劃視圖參數 158
6.7 思考與練習 159
第7章 使用框架進行頁面布局 161
7.1 網絡中的框架應用 161
7.2 創建框架 164
7.2.1 使用Dreamweaver MX 提供的框架結構 164
7.2.2 修改框架結構 165
7.2.3 框架嵌套 168
7.3 編輯框架 169
7.3.1 Frames面板 169
7.3.2 在文檔窗口中選擇框架 和框架集 170
7.3.3 保存框架和框架集文件 171
7.3.4 查看并設置框架屬性 173
7.3.5 查看并設置框架集屬性 174
7.4 在框架中使用鏈接 176
7.5 瀏覽器對框架的支持 177
7.6 思考與練習 178
第8章 插入并格式化文本 179
8.1 創建文本 179
8.1.1 在文檔中添加文本內容 179
8.1.2 添加字符空格 180
8.1.3 插入日期 182
8.1.4 插入特殊字符 182
8.1.5 使用水平線 184
8.2 格式化文本 186
8.2.1 設置字體與風格 186
8.2.2 格式化段落與標題 189
8.2.3 文字對齊與縮進 191
8.2.4 改變文字顏色 192
8.2.5 文字項目列表 192
8.3 用HTML樣式格式化文本 196
8.3.1 HTML Styles面板 196
8.3.2 創建HTML樣式 198
8.3.3 應用HTML樣式 199
8.3.4 在其他站點中使用自定義 的HTML樣式 199
8.4 用CSS樣式表格式化文本 199
8.4.1 什么是CSS樣式表 200
8.4.2 CSS Styles面板 200
8.4.3 創建新的CSS樣式表 202
8.4.4 應用自定義的CSS 樣式表 209
8.4.5 創建并鏈接外部CSS 樣式表文件 209
8.4.6 編輯CSS樣式表 210
8.4.7 編輯CSS樣式表文件 210
8.4.8 使用設計階段CSS 樣式表文件 211
8.4.9 將CSS樣式表導出為CSS 樣式表文件 212
8.4.10 解決樣式表沖突 212
8.4.11 將CSS樣式表轉換為 HTML標記 213
8.5 文字的拼寫檢查 214
8.6 文本的查找與替換 215
8.7 思考與練習 216
第9章 插入圖像 217
9.1 在頁面中插入圖像 217
9.2 使用圖像占位符 219
9.3 調整圖像 221
9.3.1 圖像對齊 221
9.3.2 調整圖像大小 222
9.4 創建輪替圖像按鈕 223
9.5 思考與練習 225
第10章 使用外部媒體資源 226
10.1 在Dreamweaver MX中使用 各種媒體資源 226
10.1.1 在頁面中插入媒體對象 226
10.1.2 為媒體資源調用外部 應用程序 227
10.2 添加Flash對象 227
10.2.1 Flash對象的類型 228
10.2.2 Flash按鈕 228
10.2.3 Flash文字 231
10.2.4 Flash動畫 232
10.3 Dreamweaver MX與 Fireworks MX協同工作 233
10.3.1 Dreamweaver MX與 Fireworks MX的集成 233
10.3.2 用Fireworks更新 圖像占位符 234
10.3.3 編輯Fireworks的圖像 或表格 235
10.3.4 使用Fireworks下拉菜單 236
10.3.5 在文檔中使用Fireworks 的HTML源代碼 237
10.3.6 創建Web相冊 238
10.4 插入Shockwave電影 240
10.5 加入視頻文件 241
10.6 為頁面設置聲音 242
10.7 插入Netscape Navigator 插件元素 244
10.8 插入ActiveX控件 245
10.9 插入Java小程序 247
10.10 思考與練習 248
第11章 層與動畫 249
11.1 關于層的HTML代碼 249
11.2 在頁面中創建層 250
11.2.1 創建層 250
11.2.2 Layers面板 250
11.2.3 設置層參數 251
11.3 層的嵌套 252
11.4 層的管理 253
11.4.1 選擇層 253
11.4.2 調整層的大小 254
11.4.3 移動層 255
11.4.4 層的對齊 256
11.4.5 捕捉網格 257
11.5 在層中添加內容 257
11.6 查看并設置層的屬性 258
11.6.1 設置層的屬性 258
11.6.2 設置層的疊加順序 259
11.6.3 改變層的可見屬性 261
11.7 使用表格與層進行頁面布局 261
11.7.1 在表格與層之間轉換 262
11.7.2 防止層覆蓋 263
11.7.3 3.0版本瀏覽器的兼容性 264
11.8 制作層動畫 265
11.8.1 Timelines面板 265
11.8.2 層的時間線動畫 266
11.8.3 修改時間線 268
11.8.4 用時間線修改圖像 與層的屬性 269
11.8.5 使用多個時間線 269
11.8.6 動畫的復制與粘貼 269
11.8.7 將動畫序列應用到 其他對象上 270
11.8.8 關于時間線動畫的 幾點建議 270
11.9 思考與練習 271
第12章 JavaScript行為 272
12.1 行為的事件與動作 272
12.2 Behaviors面板 272
12.3 應用行為 274
12.4 行為與文字 275
12.5 Dreamweaver MX內置行為 277
12.5.1 調用JavaScript 277
12.5.2 改變屬性 277
12.5.3 檢查瀏覽器 278
12.5.4 檢查插件 279
12.5.5 控制Shockwave 與Flash影片 280
12.5.6 跳轉到URL 281
12.5.7 跳轉菜單 282
12.5.8 打開瀏覽器窗口 282
12.5.9 播放聲音 283
12.5.10 彈出信息 284
12.5.11 預載圖像 284
12.5.12 設置導航條圖像 285
12.5.13 設置框架文本 286
12.5.14 設置狀態欄文本 287
12.5.15 設置文本編輯區的文本 288
12.5.16 輪替圖像 288
12.5.17 使表單生效 289
12.5.18 顯示下拉菜單 290
12.6 時間線行為 292
12.6.1 拖動層 293
12.6.2 顯示與隱藏層 295
12.6.3 播放時間線與停止時間線 296
12.6.4 跳轉到時間線某一幀 296
12.6.5 設置層文本 297
12.7 思考與練習 298
第13章 鏈接與導航 299
13.1 文檔位置與路徑 299
13.2 創建鏈接 301
13.2.1 網站中的鏈接 301
13.2.2 鏈接到文件或文檔 302
13.2.3 鏈接到文檔窗口指定位置 304
13.2.4 創建超級鏈接文本 305
13.2.5 創建E-mail鏈接 306
13.2.6 空鏈接與腳本鏈接 306
13.3 管理鏈接 307
13.3.1 鏈接管理 307
13.3.2 在站點地圖中修改鏈接 307
13.3.3 修改站點級鏈接 308
13.4 創建跳轉菜單 308
13.4.1 插入跳轉菜單 309
13.4.2 編輯跳轉菜單元素 309
13.5 創建導航條 310
13.5.1 網站中的導航條 311
13.5.2 插入導航條 311
13.6 創建圖像映像 312
13.7 思考與練習 313
第14章 管理站點資源、庫與模板 315
14.1 Assets面板 315
14.1.1 用Assets面板查看資源 315
14.1.2 將資源添加到頁面中 316
14.1.3 使用Assets面板應用顏色 316
14.1.4 用Assets面板添加 URL鏈接 317
14.1.5 選擇與編輯資源 318
14.1.6 Assets面板與站點 318
14.1.7 管理Assets面板 319
14.2 使用Assets面板的收藏列表 320
14.2.1 為收藏列表中添加 或刪除資源 320
14.2.2 創建新顏色或URL鏈接到 收藏列表中 321
14.2.3 重命名資源 321
14.2.4 建立收藏文件夾 322
14.3 使用庫項目 323
14.3.1 創建庫項目 323
14.3.2 編輯庫項目 324
14.4 Dreamweaver MX的模板 326
14.4.1 模板概述 326
14.4.2 創建模板 327
14.4.3 定義模板區域 328
14.4.4 創建基于模板的文檔 334
14.4.5 模板嵌套 336
14.4.6 更新基于模板創建的文檔 337
14.4.7 導入和導出XML內容 337
14.5 思考與練習 338
第15章 頁面代碼編輯 339
15.1 在設計視圖中編輯代碼 339
15.1.1 使用標記編輯器編輯代碼 339
15.1.2 使用快速標記編輯器 編輯代碼 340
15.1.3 使用標記選擇器編輯代碼 342
15.1.4 編輯腳本程序 342
15.2 設置代碼編輯環境 344
15.2.1 設置代碼參數 344
15.2.2 管理標記庫 347
15.3 Dreamweaver MX中的代碼編輯 351
15.3.1 Snippet面板 351
15.3.2 使用程序參考手冊 352
15.4 代碼優化與調試 353
15.4.1 凈化代碼 353
15.4.2 驗證標記平衡 354
15.4.3 使文檔兼容XHTML 354
15.4.4 使用JavaScript調試器 355
15.5 思考與練習 356
第16章 動態頁面 358
16.1 定義動態數據源 358
16.1.1 為動態數據連接數據庫 358
16.1.2 定義數據記錄 362
16.1.3 定義ASP服務器變量 364
16.1.4 修改或刪除數據源 365
16.2 在頁面中添加動態數據 365
16.2.1 動態文本 365
16.2.2 動態圖像 367
16.2.3 動態HTML屬性 367
16.2.4 使其他對象參數變為動態 368
16.3 顯示數據庫記錄 369
16.3.1 將格式應用到數據上 369
16.3.2 創建記錄導航鏈接 369
16.3.3 根據記錄結果顯示 或隱藏區域 370
16.3.4 顯示多條記錄 371
16.3.5 創建記錄計數器 373
16.4 交互表單 373
16.4.1 表單與表單對象 373
16.4.2 創建表單 375
16.4.3 單行文本域 376
16.4.4 多行文本域 377
16.4.5 按鈕 378
16.4.6 復選框與單選按鈕 378
16.4.7 滾動列表與下拉菜單 380
16.5 思考與練習 381
第17章 快速創建網絡應用程序頁面 383
17.1 主頁面與細節頁面 383
17.1.1 什么是主頁面與細節頁面 383
17.1.2 快速創建主頁面與 細節頁面 384
17.1.3 手動創建主頁面與 細節頁面 385
17.2 數據庫查找頁面 386
17.2.1 什么是數據庫查找頁面 386
17.2.2 創建查找頁面與結果頁面 386
17.2.3 顯示查詢結果 388
17.3 修改數據庫頁面 390
17.3.1 創建輸入記錄頁面 390
17.3.2 快速創建更新頁面 393
17.3.3 刪除記錄頁面 395
17.4 網站注冊與登錄頁面 397
17.4.1 建立注冊頁面 397
17.4.2 用戶登錄頁面 399
17.5 思考與練習 401
第18章 網站測試與發布 402
18.1 檢查瀏覽器兼容性 402
18.2 檢查鏈接 403
18.3 修改錯誤鏈接 403
18.4 使用站點報告 404
18.5 上傳站點 405
18.6 思考與練習 406