全面系統(tǒng)、深入淺出地介紹使用Dreamweaver 8進(jìn)行網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計(jì)的必備知識(shí)。

每章都設(shè)置“本章習(xí)題”和“上機(jī)實(shí)訓(xùn)”兩個(gè)模塊，通過完成習(xí)題的方式鞏固學(xué)習(xí)的理論知識(shí)，通過上機(jī)實(shí)訓(xùn)提高網(wǎng)頁制作的實(shí)踐技能，以制作出效果精彩、頁面美觀和可讀性強(qiáng)的網(wǎng)頁。

隨著計(jì)算機(jī)和Internet技術(shù)的高速發(fā)展，網(wǎng)絡(luò)與人們的工作、學(xué)習(xí)和生活密不可分，越來越多的企事業(yè)單位、政府部門、組織和個(gè)人都建起了自己的網(wǎng)站，用來發(fā)布信息，展示個(gè)人風(fēng)采，進(jìn)行信息的交流和互動(dòng)。人們對(duì)網(wǎng)站的要求也越來越高，如網(wǎng)站的美觀性、可操作性、交互性及安全性。

網(wǎng)站制作的首選軟件是Dreamweaver，它是一款專業(yè)的HTML編輯器，用于對(duì)Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。Dreamweaver中可視化編輯功能和功能強(qiáng)大的編碼環(huán)境，使不同層次的用戶都能擁有更加完美的Web創(chuàng)作體驗(yàn)。因此掌握Dreamweaver已經(jīng)成為網(wǎng)頁設(shè)計(jì)制作人員的一門必修課程。本書全面系統(tǒng)、深入淺出地介紹了使用Dreamweaver 8進(jìn)行網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計(jì)的必備知識(shí)。本書共12章，主要內(nèi)容如下所述。

第1章 網(wǎng)頁設(shè)計(jì)與制作概述。主要介紹網(wǎng)絡(luò)的基礎(chǔ)知識(shí)、網(wǎng)頁的基本元素、HTML語言的基礎(chǔ)知識(shí)和網(wǎng)站建設(shè)的一般流程。

第2章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)。主要介紹Dreamweaver 8的啟動(dòng)方式與工作環(huán)境、站點(diǎn)的概念及創(chuàng)建編輯本地站點(diǎn)和網(wǎng)頁文本的基本操作。

第3章 圖像和其他媒體。主要介紹網(wǎng)頁中圖像和其他媒體的基本概念與操作。

第4章 超鏈接及其應(yīng)用。主要介紹在網(wǎng)頁中創(chuàng)建超級(jí)鏈接的方法與技巧。

第5章 表格的創(chuàng)建與應(yīng)用。主要介紹在Dreamweaver中表格的創(chuàng)建、編輯等基本操作和應(yīng)用方法。

第6章 框架實(shí)現(xiàn)多窗口頁面。主要介紹Dreamweaver中框架的概念和基本操作。

第7章 層與行為。主要介紹層與行為的基本概念與操作，包括創(chuàng)建層、創(chuàng)建嵌套層、層的屬性面板與控制面板的設(shè)置、添加和編輯行為等方法。

第8章 樣式表。主要介紹利用層疊樣式表（簡稱為CSS）定義網(wǎng)頁外觀的方法和技巧。

第9章 時(shí)間軸。主要介紹時(shí)間軸的基礎(chǔ)知識(shí)及利用時(shí)間軸創(chuàng)建動(dòng)畫的方法。

第10章 表單的應(yīng)用。主要介紹表單的創(chuàng)建、表單對(duì)象的添加以及各表單對(duì)象屬性的設(shè)置。

第11章 模板與庫的應(yīng)用。主要介紹模板和庫的概念、創(chuàng)建模板和庫項(xiàng)目的方法。

第12章 網(wǎng)頁綜合應(yīng)用實(shí)例。主要通過一個(gè)實(shí)例綜合應(yīng)用前面章節(jié)所介紹的網(wǎng)頁設(shè)計(jì)技術(shù)。

為了更便于教學(xué)和學(xué)生學(xué)習(xí)，每章都設(shè)置了“本章習(xí)題”和“上機(jī)實(shí)訓(xùn)”兩個(gè)模塊，以便使教師更加合理地安排教學(xué)，使學(xué)生能通過完成習(xí)題的方式鞏固學(xué)習(xí)的理論知識(shí)，通過上機(jī)實(shí)訓(xùn)提高網(wǎng)頁制作的實(shí)踐技能，制作出效果精彩、頁面美觀和可讀性強(qiáng)的網(wǎng)頁。

參加本書編寫的作者均為從事Dreamweaver教學(xué)工作多年的資深教師，有著豐富的教學(xué)經(jīng)驗(yàn)和網(wǎng)頁設(shè)計(jì)案例。

本書的第1、7章由焦鴻斌編寫，第2、3、4由石瑩編寫，第5、6章由韓智慧編寫，第8、9章由徐金艷編寫，第10、11、12章由隋慶茹編寫。全書由楊繼擬定大綱和統(tǒng)稿。另外，參加本書資料收集和整理的還有劉曉彥、張興華、宋慶保等教師。

本書可作為高等院校計(jì)算機(jī)及相關(guān)專業(yè)的教材，也適合作為專業(yè)網(wǎng)頁制作人員和廣大網(wǎng)頁制作愛好者的自學(xué)參考書。

由于作者水平有限，書中的缺點(diǎn)和錯(cuò)誤在所難免，懇請(qǐng)廣大讀者批評(píng)指正。

編 者

2010年10月

前言

第1章 網(wǎng)頁設(shè)計(jì)與制作概述 1
本章學(xué)習(xí)目標(biāo) 1
1.1 網(wǎng)絡(luò)基礎(chǔ)知識(shí) 1
1.1.1 計(jì)算機(jī)網(wǎng)絡(luò)的概念 1
1.1.2 WWW簡介 2
1.1.3 統(tǒng)一資源定位器 3
1.1.4　IP地址與域名 3
1.2 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí) 4
1.2.1 網(wǎng)頁的基本元素 5
1.2.2 網(wǎng)頁制作和美化的工具 5
1.2.3 網(wǎng)頁的色彩搭配 6
1.3 HTML語言基礎(chǔ) 7
1.3.1 HTML語言簡介 7
1.3.2 HTML文檔的基本結(jié)構(gòu) 7
1.3.3 HTML語言的常用標(biāo)記及其用法 8
1.4 網(wǎng)站建設(shè)的流程 15
1.4.1 整體規(guī)劃 15
1.4.2 網(wǎng)頁設(shè)計(jì)與制作 15
1.4.3 測(cè)試網(wǎng)頁 16
1.4.4 網(wǎng)頁的上傳與發(fā)布 16
習(xí)題一 16
上機(jī)實(shí)訓(xùn) 18
第2章 網(wǎng)頁設(shè)計(jì)基礎(chǔ) 19
本章學(xué)習(xí)目標(biāo) 19
2.1 網(wǎng)頁設(shè)計(jì)基礎(chǔ) 19
2.1.1 Dreamweaver 8的啟動(dòng)方式 19
2.1.2 Dreamweaver 8的工作環(huán)境 20
2.2 創(chuàng)建與編輯本地站點(diǎn) 23
2.2.1 創(chuàng)建本地站點(diǎn) 23
2.2.2 站點(diǎn)管理 26
2.2.3 站點(diǎn)文件操作 27
2.3 網(wǎng)頁文件的基本操作 30
2.3.1 創(chuàng)建、打開和保存網(wǎng)頁文件 30
2.3.2 設(shè)置網(wǎng)頁的頁面屬性 31
2.3.3 設(shè)置網(wǎng)頁元素的顏色 35
2.3.4 網(wǎng)頁文本的編輯 36
習(xí)題二 41
上機(jī)實(shí)訓(xùn) 42
第3章 圖像和其他媒體 43
本章學(xué)習(xí)目標(biāo) 43
3.1 插入圖像 43
3.1.1 網(wǎng)頁中常見的圖像格式 43
3.1.2 插入網(wǎng)頁圖像 44
3.1.3 設(shè)置網(wǎng)頁圖像的屬性 45
3.1.4 圖像占位符 49
3.1.5 設(shè)置網(wǎng)頁背景圖像 50
3.1.6 設(shè)置鼠標(biāo)經(jīng)過圖像 51
3.2 插入聲音 52
3.2.1 常見的音頻文件格式 52
3.2.2 聲音的插入 53
3.3 插入動(dòng)畫和視頻 54
3.3.1 插入Flash動(dòng)畫 54
3.3.2 插入視頻 62
3.4 其他多媒體元素的插入 64
習(xí)題三 66
上機(jī)實(shí)訓(xùn) 67
第4章 超級(jí)鏈接及其應(yīng)用 68
本章學(xué)習(xí)目標(biāo) 68
4.1 超級(jí)鏈接及其應(yīng)用 68
4.1.1 超級(jí)鏈接概述 68
4.1.2 設(shè)置超級(jí)鏈接的方法 69
4.1.3 創(chuàng)建錨點(diǎn)鏈接 71
4.1.4 創(chuàng)建E-mail鏈接 71
4.1.5 創(chuàng)建導(dǎo)航條 72
4.1.6 創(chuàng)建跳轉(zhuǎn)菜單 74
4.1.7 創(chuàng)建熱點(diǎn)鏈接 75
4.2 超級(jí)鏈接的管理 76
4.2.1 啟用連接管理 77
4.2.2 創(chuàng)建站點(diǎn)緩存 77
4.2.3 在站點(diǎn)地圖中修改鏈接 78
4.2.4 刪除鏈接 79
4.2.5 更改鏈接 79
4.2.6 檢查鏈接 80
4.3 超級(jí)鏈接的實(shí)例 81
習(xí)題四 84
上機(jī)實(shí)訓(xùn) 85
第5章 表格的創(chuàng)建與應(yīng)用 87
本章學(xué)習(xí)目標(biāo) 87
5.1 表格的創(chuàng)建 87
5.1.1 在HTML代碼中創(chuàng)建表格 87
5.1.2 在Dreamweaver中創(chuàng)建表格 90
5.2 表格的編輯 93
5.2.1 選擇表格對(duì)象 93
5.2.2 合并與拆分單元格 94
5.2.3 調(diào)整表格的行數(shù)與列數(shù) 96
5.3 表格的屬性設(shè)置 97
5.3.1 設(shè)置表格屬性 97
5.3.2 設(shè)置單元格屬性 99
5.3.3 表格應(yīng)用實(shí)例 100
5.4 特效表格的制作 103
5.4.1 打造細(xì)線表格 103
5.4.2 制作立體表格 104
5.4.3 打造圓角表格 105
5.5 布局表格 107
5.5.1 Dreamweaver的布局模式 107
5.5.2 創(chuàng)建布局表格和布局單元格 108
5.5.3 調(diào)整布局表格和布局單元格 111
5.5.4 布局模式排版實(shí)例 114
習(xí)題五 117
上機(jī)實(shí)訓(xùn) 119
第6章 框架實(shí)現(xiàn)多窗口頁面 121
本章學(xué)習(xí)目標(biāo) 121
6.1 框架與框架集 121
6.2 框架的基本操作 122
6.2.1 在HTML代碼中創(chuàng)建框架 122
6.2.2 在Dreamweaver中創(chuàng)建框架 123
6.2.3 框架頁的選擇 125
6.2.4 框架頁的保存 126
6.2.5 指定框架網(wǎng)頁文件 126
6.2.6 設(shè)置框架中的鏈接 127
6.3 框架的屬性 127
6.4 框架布局網(wǎng)頁實(shí)例 129
6.5 制作浮動(dòng)框架 134
習(xí)題六 138
上機(jī)實(shí)訓(xùn) 139
第7章 層與行為 142
本章學(xué)習(xí)目標(biāo) 142
7.1 層的基本概念 142
7.2 層的基本操作 143
7.2.1 創(chuàng)建新的層 143
7.2.2 激活和選中層 144
7.2.3 調(diào)整、移動(dòng)和對(duì)齊層 145
7.2.4 創(chuàng)建嵌套層 145
7.3 層的參數(shù)設(shè)置 146
7.4 層的屬性面板與控制面板的設(shè)置 147
7.4.1 層的屬性面板 147
7.4.2 層的控制面板 148
7.5 層制作實(shí)例 149
7.6 行為的概述 150
7.7 行為面板及其使用方法 150
7.8 添加和編輯行為 151
7.9 Dreamweaver內(nèi)置的動(dòng)作與事件 152
7.10 行為的應(yīng)用實(shí)例 154
7.11 層與行為制作實(shí)例 155
習(xí)題七 159
上機(jī)實(shí)訓(xùn) 160
第8章 樣式表 162
本章學(xué)習(xí)目標(biāo) 162
8.1 CSS簡介 162
8.1.1 什么是CSS 162
8.1.2 CSS的特點(diǎn) 162
8.1.3 CSS的寫法 163
8.1.4 初識(shí)CSS面板 163
8.2 創(chuàng)建CSS樣式 165
8.2.1 定義CSS類樣式 166
8.2.2 重定義HTML標(biāo)簽樣式 168
8.2.3 修改超級(jí)鏈接樣式 169
8.2.4 定義樣式規(guī)則的位置 170
8.3 定義CSS屬性 170
8.3.1 類型屬性 170
8.3.2 背景屬性 171
8.3.3 區(qū)塊屬性 172
8.3.4 方框?qū)傩?173
8.3.5 邊框?qū)傩?173
8.3.6 列表屬性 174
8.3.7 定位屬性 175
8.3.8 擴(kuò)展屬性 175
8.4 編輯CSS樣式 178
8.4.1 更改CSS樣式 178
8.4.2 刪除CSS樣式 178
8.4.3 導(dǎo)出CSS樣式 178
8.4.4 應(yīng)用外部樣式表 179
8.5 樣式?jīng)_突 179
8.6 設(shè)置CSS樣式實(shí)例 180
習(xí)題八 181
上機(jī)實(shí)訓(xùn) 182
第9章 時(shí)間軸 184
本章學(xué)習(xí)目標(biāo) 184
9.1　時(shí)間軸概述 184
9.2　認(rèn)識(shí)時(shí)間軸面板 184
9.3 創(chuàng)建時(shí)間軸動(dòng)畫 186
9.4 編輯時(shí)間軸 187
9.5 控制時(shí)間軸 189
9.5.1 播放時(shí)間軸 189
9.5.2 轉(zhuǎn)到時(shí)間軸幀 189
9.6 時(shí)間軸動(dòng)畫實(shí)例 189
9.6.1 利用時(shí)間軸制作網(wǎng)頁動(dòng)畫 189
9.6.2 帶有行為的網(wǎng)頁動(dòng)畫制作實(shí)例 192
習(xí)題九 194
上機(jī)實(shí)訓(xùn) 195
第10章 表單的應(yīng)用 197
本章學(xué)習(xí)目標(biāo) 197
10.1 創(chuàng)建表單 197
10.1.1 了解表單 197
10.1.2 如何創(chuàng)建表單 198
10.1.3 設(shè)置表單屬性 199
10.2 添加表單對(duì)象 199
10.2.1 添加文本域 199
10.2.2 添加單選按鈕和單選按鈕組 201
10.2.3 添加復(fù)選框 202
10.2.4 添加列表/菜單 203
10.2.5 添加跳轉(zhuǎn)菜單 204
10.2.6 添加按鈕 205
10.2.7 其他表單對(duì)象 206
10.3 表單應(yīng)用實(shí)例 207
習(xí)題十 209
上機(jī)實(shí)訓(xùn) 210
第11章 模板和庫的應(yīng)用 211
本章學(xué)習(xí)目標(biāo) 211
11.1 模板 211
11.1.1 創(chuàng)建模板 211
11.1.2 編輯模板 213
11.1.3 應(yīng)用模板 217
11.1.4 更新基于模板的網(wǎng)頁文檔 218
11.2 庫 219
11.2.1 創(chuàng)建庫項(xiàng)目 219
11.2.2 編輯庫項(xiàng)目 219
11.2.3 應(yīng)用庫項(xiàng)目 220
11.2.4 更新基于庫項(xiàng)目的網(wǎng)頁文檔 220
習(xí)題十一 221
上機(jī)實(shí)訓(xùn) 222
第12章 網(wǎng)頁綜合應(yīng)用實(shí)例 223
本章學(xué)習(xí)目標(biāo) 223
12.1 網(wǎng)頁效果預(yù)覽 223
12.2 制作分析 225
12.2.1 規(guī)劃站點(diǎn) 226
12.2.2 收集素材和資料 226
12.3 創(chuàng)建站點(diǎn) 227
12.4 頁面制作 227
參考文獻(xiàn) 247

1. HTML5+CSS3網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目化教程 [范佳　胡卓舒　馮迎]
2. 網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo) [主編　鄧文鋒 利珊]
3. 網(wǎng)頁設(shè)計(jì)與制作 [主編　溫凱峰 葉仕通]
4. 網(wǎng)頁設(shè)計(jì)與制作 [主編 王瀟 章明珠]
5. 網(wǎng)頁設(shè)計(jì)與制作 [主編 李佼輝 聶樹成]
6. 網(wǎng)頁設(shè)計(jì)與制作 [主編 楊毅]
7. 網(wǎng)頁設(shè)計(jì)與制作 [主編 陳建國 項(xiàng)煒]
8. 網(wǎng)頁設(shè)計(jì)與制作 [孫娜 蒲秋梅 南洋 編著]
9. 網(wǎng)頁設(shè)計(jì)與制作 [王鐵樁 聶衛(wèi)獻(xiàn)]
10. 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)教程 [主編 張春英 李英文 鐘大偉]
11. 網(wǎng)頁設(shè)計(jì)與開發(fā)實(shí)戰(zhàn)教程 [李云程]
12. 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目化教程 [周觀民 梁雪梅]
13. 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目案例教程（Dreamweaver CS6） [楊麗芳 劉琳]
14. 腳本語言與動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)（第二版） [主 編 張景峰 王培軍]
15. 網(wǎng)頁設(shè)計(jì)實(shí)用技術(shù) [主 編 陳建國 李勤]
16. 網(wǎng)頁設(shè)計(jì)與制作（第二版） [馬占欣]
17. 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（第三版） [程偉淵 倪燃]
18. 網(wǎng)頁設(shè)計(jì)與制作實(shí)用技術(shù)（第二版） [齊建玲 楊艷杰]
19. 多媒體網(wǎng)頁設(shè)計(jì)教程 [主編 朱國華 齊暉 李楓]
20. 網(wǎng)頁設(shè)計(jì)與制作（第二版）實(shí)訓(xùn)指導(dǎo) [任正云 賴玲 嚴(yán)永松 王婭紛]
21. 網(wǎng)頁設(shè)計(jì)與制作（第二版） [任正云 賴玲 嚴(yán)永松 編著]
22. 網(wǎng)頁設(shè)計(jì)與制作 [主編 陳彥許 陳維華]
23. Internet與網(wǎng)頁設(shè)計(jì) [齊建玲 主編]
24. Dreamweaver 8 & Fireworks 8 & Photoshop CS2 & Flash 8中文版網(wǎng)頁制作四合一教程 [王磊 主 編]
25. 網(wǎng)頁制作技術(shù)（第二版） [許莉 主編 ]
26. 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)（Dreamweaver CS3+ASP.NET） [張德芬 主 編 ]
27. HTML與CSS前臺(tái)頁面設(shè)計(jì) [許莉 主編 ]
28. 網(wǎng)頁設(shè)計(jì) [王移芝 唐宏 于樊鵬 編著]
29. 網(wǎng)頁設(shè)計(jì)與制作（第二版） [李京文]
30. 網(wǎng)頁制作基礎(chǔ)教程 [朱子江 劉東 主編]