今天，網絡技術已經發展成為人們生活中密不可分的一部分。利用網絡，足不出戶就可以完成購物、接受教育、遠程醫療等活動。網絡中還提供了海量信息供人們查詢，其及時、方便和快捷程度遠勝于其他傳統媒體。在廣泛的網絡應用中，大多數都要依賴或部分依賴Web技術。我國雖然對Internet的應用開發起步較晚，但是由于政府和社會各界的重視，其發展速度十分驚人，潛在需求和潛在用戶量大、面廣。因此，具備網頁設計制作能力已經成為對信息類專業人才的基本要求。

本書主要介紹了三個軟件：Dreamweaver、Photoshop和Flash。Macromedia公司出品的Dreamweaver是當前最流行的網站設計和制作工具。Dreamweaver 8以其強大的功能、友好的操作界面和對系統配置要求低等優點贏得了用戶的青睞。Photoshop CS是美國Adobe公司新近推出的圖像處理軟件，具有功能強大、界面友好、操作簡單等優點。該軟件除了能夠對網頁設計中使用的圖像進行處理之外，在平面圖像設計和制作方面的應用也非常廣泛，這是本書選擇該軟件進行介紹的主要原因。同屬于Macromedia公司的Flash則是多年來二維動畫設計的首選工具，它同樣秉承了Macromedia公司的界面友好、操作簡單等優點，深受廣大用戶的喜愛。

全書分為基礎篇和拓展篇兩部分。基礎篇主要介紹網絡基礎知識和Dreamweaver的主要功能，詳細介紹了使用Dreamweaver 8進行靜態網頁設計和制作的方法，包括網頁中文本的使用、圖像和媒體的插入、表格和框架的應用、層和時間軸的應用、交互式表單、鏈接的創建和使用、樣式表和資源管理等內容。在篇尾給出幾個網頁應用實例和一個靜態主頁的實例。拓展篇首先介紹了在網頁設計過程中用于制作網頁素材的兩個工具Photoshop和Flash，然后介紹了動態網頁的相關知識及利用Dreamweaver自帶的服務器行為制作動態網頁的基本流程和方法，并且給出了一個動態網站的制作實例供讀者參考。

本書在結構上保證讀者完成了基礎篇的學習后，就能夠設計出具有專業水準的網頁，第14章“靜態網頁綜合應用實例”，既對基礎篇的內容做出了總結，同時又提供了網頁制作的參考流程。在拓展篇中，本書沒有選擇通常“網頁設計三劍客”中的Fireworks作為圖像處理軟件來介紹，而是選擇介紹應用更為廣泛的Photoshop，從而為讀者提供了更大的學習空間。在動態網頁設計中，回避了腳本代碼的編寫，使初學者能夠較快地掌握動態網頁設計的基本方法。本書內容豐富，重點突出，圖文并茂，各章都附有操作實例和習題，讀者可以邊學習邊操作，在較短的時間內掌握網頁設計和制作的方法。

本書由馬占欣任主編，周文剛、支建飛任副主編，第1、13、14章由馬占欣編寫，第2、17、18章由周文剛、崔永鋒編寫，第3、4、5章由劉偉編寫，第6、7、8章由李亞編寫，第9、15、16由支建飛、胡曉紅編寫，第10、11、12章由李巍編寫。

本書可作為高等院校計算機及相關專業的教材，也適合作為專業網頁制作人員和廣大網頁制作愛好者的參考書和自學用書。

由于作者水平有限，書中缺點和錯誤在所難免，懇請廣大讀者批評指正。

編 者

2007年6月

序
前言
基礎篇 靜態網頁的設計和制作

第1章 概論 1
1.1 計算機網絡的概念 1
1.2 HTML和WWW 3
1.3 網頁的基本元素 4
1.4 網站的設計流程 5
1.5 網頁制作和美化的工具 6
1.5.1 網頁制作類工具 6
1.5.2 圖像制作類工具 7
1.5.3 動畫制作類工具 8
1.6 WWW的工作流程 8
1.7 HTML語言基礎 9
1.7.1 HTML語言簡介 9
1.7.2 HTML語言的語法規則 9
1.7.3 HTML文檔的基本結構 10
1.7.4 HTML語言的常用標記及其用法 10
本章小結 14
習題一 14
第2章 Dreamweaver基礎 16
2.1 Dreamweaver簡介 16
2.2 Dreamweaver 8的工作界面 17
2.2.1 工作區布局的分類 17
2.2.2 起始頁 17
2.2.3 工作區布局 18
2.3 使用Dreamweaver建立和管理站點 21
2.3.1 站點概述 21
2.3.2 站點的建立和管理 21
2.3.3 站點文件管理 23
本章小結 25
習題二 25
第3章 文檔的基本操作 26
3.1 文檔的基本操作 26
3.1.1 文檔的建立和保存 26
3.1.2 打開文檔 27
3.1.3 預覽和調試頁面 27
3.1.4 設置頁面屬性 28
3.1.5 網頁中的顏色 29
3.1.6 選擇“文檔”窗口中的元素 30
3.1.7 文檔中的代碼操作 30
3.2 文本的基本操作 30
3.2.1 輸入文字 30
3.2.2 設置文本格式 31
3.2.3 插入水平線 32
3.2.4 插入特殊字符 33
3.3 文本中的列表 34
3.4 使用歷史記錄面板 35
3.4.1 歷史記錄撤消操作 35
3.4.2 任務自動化 36
3.4.3 錄制命令 36
本章小結 37
習題三 37
第4章 表格 39
4.1 表格的插入 39
4.2 表格的有關參數 39
4.3 表格的基本操作 40
4.3.1 選取表格元素 40
4.3.2 修改表格 41
4.3.3 制作一個單線表格 43
4.3.4 表格的嵌套 44
4.4 表格數據的導入和導出 44
4.4.1 表格數據的導入 44
4.4.2 表格數據的導出 45
4.5 修飾表格 46
4.5.1 在屬性面板中修飾表格 46
4.5.2 排序表格 47
4.5.3 格式化表格 47
4.6 布局表格 48
4.6.1 布局視圖 48
4.6.2 創建布局表格和布局單元格 49
4.6.3 布局表格的嵌套 50
4.6.4 在布局單元格中添加內容 51
4.6.5 布局表格底部下拉菜單 51
4.6.6 結合跟蹤圖像使用布局表格
規劃頁面 52
本章小結 54
習題四 55
第5章 圖像和其他媒體 56
5.1 插入圖像 56
5.1.1 在Web中使用的圖像格式 56
5.1.2 圖像的插入 56
5.1.3 圖像的屬性面板 57
5.1.4 圖像的對齊方式 58
5.1.5 將圖像設置為背景 59
5.1.6 創建鼠標經過圖像 60
5.2 插入聲音 61
5.2.1 網頁中的聲音 61
5.2.2 聲音的插入 62
5.3 插入動畫和視頻 63
5.3.1 插入Flash動畫 63
5.3.2 插入Shockwave影片 65
5.3.3 視頻的添加 65
5.4 其他多媒體元素的插入 66
本章小結 70
習題五 70
第6章 鏈接 71
6.1 鏈接概述 71
6.1.1 鏈接的基本概念 71
6.1.2 超文本鏈接標記 71
6.1.3 鏈接目標的位置和路徑 71
6.2 創建鏈接 72
6.2.1 在文檔窗口創建鏈接 72
6.2.2 使用指向文件圖標 73
6.2.3 命名錨記 74
6.2.4 插入文本鏈接 74
6.2.5 鏈接到電子郵件 75
6.2.6 圖像地圖 75
6.2.7 腳本鏈接 77
6.3 鏈接的管理 77
6.3.1 啟用鏈接管理 77
6.3.2 設置站點緩存 78
6.3.3 鏈接的維護 78
6.3.4 測試鏈接 79
6.4 一個鏈接實例 80
本章小結 81
習題六 81
第7章 框架集 82
7.1 框架集和框架 82
7.1.1 認識框架集和框架 82
7.1.2 決定是否使用框架集 83
7.2 創建具有框架結構的頁面 83
7.2.1 創建框架集網頁 83
7.2.2 框架集的主要應用類型 85
7.2.3 在框架中插入網頁 86
7.2.4 選擇框架和框架集 87
7.2.5 框架集和框架的屬性面板 87
7.2.6 框架中的鏈接 89
7.2.7 框架集對應的HTML標簽 89
7.2.8 保存框架結構網頁 90
7.3 一個框架集實例 90
本章小結 92
習題七 92
第8章 CSS樣式表 93
8.1 CSS樣式概述 93
8.1.1 CSS的基本概念 93
8.1.2 CSS樣式表的特點 93
8.1.3 CSS樣式的類型 94
8.1.4 CSS樣式面板 94
8.1.5 創建CSS樣式 95
8.1.6 CSS樣式的源代碼 96
8.2 創建CSS樣式 97
8.2.1 自定義樣式的創建 97
8.2.2 重定義HTML標記 98
8.2.3 高級樣式 99
8.3 CSS樣式的兩種應用方式 100
8.4 設置CSS樣式 102
8.4.1 類型 102
8.4.2 背景 103
8.4.3 區塊 103
8.4.4 方框 104
8.4.5 邊框 105
8.4.6 列表 105
8.4.7 定位 106
8.4.8 擴展 107
8.5 CSS樣式中的濾鏡 107
8.5.1 Alpha濾鏡 107
8.5.2 Blur濾鏡 108
8.5.3 DropShadow濾鏡 109
8.5.4 Glow濾鏡 109
8.5.5 其他濾鏡 109
8.6 樣式沖突 110
本章小結 110
習題八 111
第9章 網頁中的層 112
9.1 層的基本概念 112
9.2 在網頁中插入層 113
9.2.1 創建新的層 113
9.2.2 層編輯器 114
9.2.3 創建嵌套層 115
9.3 層的參數設置和屬性面板 116
9.3.1 層的參數設置 116
9.3.2 層的屬性面板 116
9.4 層的編輯 118
9.4.1 層的選擇 118
9.4.2 層的移動 119
9.4.3 添加內容到層 119
9.4.4 調整層的大小 119
9.4.5 層的對齊 120
9.5 層與表格 120
9.5.1 防止層重疊 120
9.5.2 層與表格的相互轉換 121
9.6 層制作實例 122
本章小結 124
習題九 124
第10章 時間軸 125
10.1 時間軸概述 125
10.2 使用時間軸 125
10.2.1 時間軸面板 125
10.2.2 使用時間軸創建動畫的步驟 127
10.3 時間軸編輯菜單 129
10.4 時間軸動畫的編輯 130
10.4.1 控制動畫的起始時間 130
10.4.2 改變動畫欄的長度 130
10.4.3 控制動畫播放速度 130
10.4.4 改變動畫軌跡 131
10.4.5 添加和修改時間軸 132
10.4.6 錄制層運動路徑 132
10.5 時間軸應用實例 133
10.5.1 使用時間軸制作動畫頁面 133
10.5.2 使用時間軸制作自動公告板 135
本章小結 136
習題十 137
第11章 行為 138
11.1 行為概述 138
11.1.1 行為的基本概念 138
11.1.2 行為的構成要素 138
11.2 行為面板 139
11.2.1 打開行為面板 139
11.2.2 標準行為事件 140
11.3 添加行為 141
11.4 編輯行為 142
11.5 Dreamweaver自帶的行為 143
11.5.1 交換圖像 143
11.5.2 彈出信息 144
11.5.3 恢復交換圖像 144
11.5.4 打開瀏覽器窗口 145
11.5.5 拖動層 146
11.5.6 控制Shockwave或Flash 147
11.5.7 播放聲音 148
11.5.8 改變屬性 148
11.5.9 時間軸 148
11.5.10 顯示隱藏層 150
11.5.11 顯示/隱藏彈出式菜單 150
11.5.12 檢查插件 152
11.5.13 檢查瀏覽器 153
11.5.14 檢查表單 153
11.5.15 設置導航欄圖像 154
11.5.16 設置文本 155
11.5.17 調用JavaScript 156
11.5.18 轉到URL 156
11.5.19 預先載入圖像 156
本章小結 157
習題十一 157
第12章 站點資源管理、庫和模板 158
12.1 站點資源管理面板 158
12.2 模板 159
12.2.1 建立模板 159
12.2.2 定義可編輯區域 160
12.2.3 定義可編輯標記屬性 161
12.2.4 定義重復區域 162
12.2.5 定義可選區域 163
12.2.6 應用模板 163
12.3 庫 165
12.3.1 定義庫項目 165
12.3.2 使用庫項目 165
12.3.3 庫項目的編輯和更新 166
12.3.4 從庫項目中分離對象 166
本章小結 167
習題十二 167
第13章 表單設計 168
13.1 定義表單 168
13.1.1 表單概述 168
13.1.2 定義表單 169
13.2 文本域 170
13.3 單選按鈕和復選框 172
13.3.1 單選按鈕 172
13.3.2 復選框 173
13.4 列表/菜單 173
13.4.1 菜單設置 174
13.4.2 列表設置 174
13.5 按鈕 175
13.6 其他表單對象 175
13.6.1 文件域 175
13.6.2 隱藏域 176
13.6.3 圖像域 176
13.6.4 跳轉菜單 176
本章小結 177
習題十三 177
第14章 靜態網頁綜合應用實例 179
14.1 制作顯示隱藏層頁面 179
14.1.1 制作幻燈片 179
14.1.2 制作識別顯示頁面 180
14.2 制作站點公告板 182
14.2.1 自動公告板 182
14.2.2 手動公告板 182
14.3 制作靜態主頁 184
14.3.1 使用布局視圖規劃頁面 184
14.3.2 添加頂部圖片 185
14.3.3 設計導航菜單 185
14.3.4 設計主體頁面 186
14.3.5 版權聲明 187

拓展篇 網頁的美化工具和動態網頁設計
第15章 用Photoshop處理圖像 188
15.1 Photoshop簡介 188
15.2 Photoshop主界面 192
15.3 基本工具的使用 194
15.3.1 選取工具 194
15.3.2 填充工具 196
15.3.3 移動工具 198
15.4 文字工具的使用 198
15.5 圖層的使用 200
15.6 通道 203
15.7 蒙版 204
15.8 濾鏡的使用 206
15.9 Web圖像的制作 208
15.9.1 Web圖像優化與切片 208
15.9.2 制作按鈕 212
15.9.3 制作底紋 213
15.9.4 特殊字體效果制作 215
本章小結 220
習題十五 220
第16章 網頁中常用的Flash技術 222
16.1 Flash中的基本概念 222
16.2 動畫的基本類型 224
16.2.1 逐幀動畫的制作 224
16.2.2 移動動畫的制作 226
16.2.3 形變動畫的制作 227
16.3 三種基本元件類型 229
16.3.1 圖形元件 229
16.3.2 按鈕元件 231
16.3.3 影片剪輯元件 232
16.4 文本動畫的制作實例 233
16.5 圖形動畫的制作實例 235
16.6 Flash中的兩種特殊圖層 237
16.6.1 運動引導層 237
16.6.2 遮照層 238
16.7 Flash中的交互功能 241
16.7.1 動作面板的使用 241
16.7.2 向Flash中添加代碼 242
16.7.3 交互動畫實例 248
本章小結 251
習題十六 251
第17章 動態網頁設計 253
17.1 動態網頁概述 253
17.1.1 動態網頁與靜態網頁 253
17.1.2 動態網頁的制作過程 253
17.1.3 與動態網頁有關的服務器技術 254
17.1.4 ASP簡介 254
17.1.5 建立動態網站 258
17.2 與數據庫建立連接 260
17.2.1 數據庫基本知識 260
17.2.2 ASP訪問數據庫的方法 263
17.3 創建與數據庫有關的動態網頁 267
17.3.1 創建Web頁與數據庫的連接 267
17.3.2 綁定數據源 269
17.3.3 記錄集的編輯操作 274
17.4 為網頁綁定動態數據 275
17.4.1 插入動態數據 275
17.4.2 設置動態數據的顯示格式 281
17.4.3 動態圖像的綁定方法 282
17.4.4 動態設置HTML對象的屬性 283
17.5 增加服務器行為 284
17.5.1 服務器行為面板 284
17.5.2 重復區域 285
17.5.3 記錄集分頁 286
17.5.4 顯示區域 289
17.5.5 轉到詳細頁 289
17.5.6 插入主詳細頁集 292
17.5.7 操作記錄集中的記錄 294
17.5.8 用戶驗證 299
本章小結 302
習題十七 302
第18章 動態網站綜合實例——論壇系統 304
18.1 系統功能及設計 304
18.1.1 系統功能模塊設計 304
18.1.2 系統的主要工作流程 304
18.2 數據庫設計 305
18.3 系統主要頁面設計 307
18.3.1 預備工作 307
18.3.2 登錄頁面 308
18.3.3 注冊頁面 309
18.3.4 瀏覽留言頁面 311
18.3.5 顯示跟貼信息的詳細頁detail.asp 316
18.3.6 后臺管理——刪除記錄頁面 319
本章小結 321
參考文獻 322

1. HTML5+CSS3網頁設計與制作項目化教程 [范佳　胡卓舒　馮迎]
2. 網頁設計與制作實驗指導 [主編　鄧文鋒 利珊]
3. 網頁設計與制作 [主編　溫凱峰 葉仕通]
4. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
5. 網頁設計與制作 [主編 王瀟 章明珠]
6. Web用戶界面設計與制作 [主編 趙娟]
7. 網頁設計與制作 [主編 李佼輝 聶樹成]
8. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
9. Web開發實戰 [主編　肖睿　陳永]
10. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
11. 網頁設計與制作 [主編 楊毅]
12. 網頁制作實戰 [主編 肖睿 羅保山]
13. 網頁設計與制作 [主編 陳建國 項煒]
14. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
15. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
16. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
17. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
18. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
19. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
20. CSS+DIV頁面布局技術 [主編 朱翠苗]
21. 網頁設計與制作 [王鐵樁 聶衛獻]
22. Web開發與安全防范 [主編 武春嶺]
23. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
24. 網頁設計與開發實戰教程 [李云程]
25. 網頁設計與制作項目化教程 [周觀民 梁雪梅]
26. 網頁設計與制作項目案例教程（Dreamweaver CS6） [楊麗芳 劉琳]
27. 腳本語言與動態網頁設計（第二版） [主 編 張景峰 王培軍]
28. ASP.NET（C#）網站開發 [主編 張志明 王輝]
29. 網頁設計實用技術 [主 編 陳建國 李勤]
30. 網頁設計與制作（第二版） [馬占欣]