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

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

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

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

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

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

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

編 者

2007年6月

序
前言
基礎(chǔ)篇 靜態(tài)網(wǎng)頁的設(shè)計和制作

第1章 概論 1
1.1 計算機(jī)網(wǎng)絡(luò)的概念 1
1.2 HTML和WWW 3
1.3 網(wǎng)頁的基本元素 4
1.4 網(wǎng)站的設(shè)計流程 5
1.5 網(wǎng)頁制作和美化的工具 6
1.5.1 網(wǎng)頁制作類工具 6
1.5.2 圖像制作類工具 7
1.5.3 動畫制作類工具 8
1.6 WWW的工作流程 8
1.7 HTML語言基礎(chǔ) 9
1.7.1 HTML語言簡介 9
1.7.2 HTML語言的語法規(guī)則 9
1.7.3 HTML文檔的基本結(jié)構(gòu) 10
1.7.4 HTML語言的常用標(biāo)記及其用法 10
本章小結(jié) 14
習(xí)題一 14
第2章 Dreamweaver基礎(chǔ) 16
2.1 Dreamweaver簡介 16
2.2 Dreamweaver 8的工作界面 17
2.2.1 工作區(qū)布局的分類 17
2.2.2 起始頁 17
2.2.3 工作區(qū)布局 18
2.3 使用Dreamweaver建立和管理站點(diǎn) 21
2.3.1 站點(diǎn)概述 21
2.3.2 站點(diǎn)的建立和管理 21
2.3.3 站點(diǎn)文件管理 23
本章小結(jié) 25
習(xí)題二 25
第3章 文檔的基本操作 26
3.1 文檔的基本操作 26
3.1.1 文檔的建立和保存 26
3.1.2 打開文檔 27
3.1.3 預(yù)覽和調(diào)試頁面 27
3.1.4 設(shè)置頁面屬性 28
3.1.5 網(wǎng)頁中的顏色 29
3.1.6 選擇“文檔”窗口中的元素 30
3.1.7 文檔中的代碼操作 30
3.2 文本的基本操作 30
3.2.1 輸入文字 30
3.2.2 設(shè)置文本格式 31
3.2.3 插入水平線 32
3.2.4 插入特殊字符 33
3.3 文本中的列表 34
3.4 使用歷史記錄面板 35
3.4.1 歷史記錄撤消操作 35
3.4.2 任務(wù)自動化 36
3.4.3 錄制命令 36
本章小結(jié) 37
習(xí)題三 37
第4章 表格 39
4.1 表格的插入 39
4.2 表格的有關(guān)參數(shù) 39
4.3 表格的基本操作 40
4.3.1 選取表格元素 40
4.3.2 修改表格 41
4.3.3 制作一個單線表格 43
4.3.4 表格的嵌套 44
4.4 表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出 44
4.4.1 表格數(shù)據(jù)的導(dǎo)入 44
4.4.2 表格數(shù)據(jù)的導(dǎo)出 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 創(chuàng)建布局表格和布局單元格 49
4.6.3 布局表格的嵌套 50
4.6.4 在布局單元格中添加內(nèi)容 51
4.6.5 布局表格底部下拉菜單 51
4.6.6 結(jié)合跟蹤圖像使用布局表格
規(guī)劃頁面 52
本章小結(jié) 54
習(xí)題四 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 將圖像設(shè)置為背景 59
5.1.6 創(chuàng)建鼠標(biāo)經(jīng)過圖像 60
5.2 插入聲音 61
5.2.1 網(wǎng)頁中的聲音 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
本章小結(jié) 70
習(xí)題五 70
第6章 鏈接 71
6.1 鏈接概述 71
6.1.1 鏈接的基本概念 71
6.1.2 超文本鏈接標(biāo)記 71
6.1.3 鏈接目標(biāo)的位置和路徑 71
6.2 創(chuàng)建鏈接 72
6.2.1 在文檔窗口創(chuàng)建鏈接 72
6.2.2 使用指向文件圖標(biāo) 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 設(shè)置站點(diǎn)緩存 78
6.3.3 鏈接的維護(hù) 78
6.3.4 測試鏈接 79
6.4 一個鏈接實(shí)例 80
本章小結(jié) 81
習(xí)題六 81
第7章 框架集 82
7.1 框架集和框架 82
7.1.1 認(rèn)識框架集和框架 82
7.1.2 決定是否使用框架集 83
7.2 創(chuàng)建具有框架結(jié)構(gòu)的頁面 83
7.2.1 創(chuàng)建框架集網(wǎng)頁 83
7.2.2 框架集的主要應(yīng)用類型 85
7.2.3 在框架中插入網(wǎng)頁 86
7.2.4 選擇框架和框架集 87
7.2.5 框架集和框架的屬性面板 87
7.2.6 框架中的鏈接 89
7.2.7 框架集對應(yīng)的HTML標(biāo)簽 89
7.2.8 保存框架結(jié)構(gòu)網(wǎng)頁 90
7.3 一個框架集實(shí)例 90
本章小結(jié) 92
習(xí)題七 92
第8章 CSS樣式表 93
8.1 CSS樣式概述 93
8.1.1 CSS的基本概念 93
8.1.2 CSS樣式表的特點(diǎn) 93
8.1.3 CSS樣式的類型 94
8.1.4 CSS樣式面板 94
8.1.5 創(chuàng)建CSS樣式 95
8.1.6 CSS樣式的源代碼 96
8.2 創(chuàng)建CSS樣式 97
8.2.1 自定義樣式的創(chuàng)建 97
8.2.2 重定義HTML標(biāo)記 98
8.2.3 高級樣式 99
8.3 CSS樣式的兩種應(yīng)用方式 100
8.4 設(shè)置CSS樣式 102
8.4.1 類型 102
8.4.2 背景 103
8.4.3 區(qū)塊 103
8.4.4 方框 104
8.4.5 邊框 105
8.4.6 列表 105
8.4.7 定位 106
8.4.8 擴(kuò)展 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 樣式?jīng)_突 110
本章小結(jié) 110
習(xí)題八 111
第9章 網(wǎng)頁中的層 112
9.1 層的基本概念 112
9.2 在網(wǎng)頁中插入層 113
9.2.1 創(chuàng)建新的層 113
9.2.2 層編輯器 114
9.2.3 創(chuàng)建嵌套層 115
9.3 層的參數(shù)設(shè)置和屬性面板 116
9.3.1 層的參數(shù)設(shè)置 116
9.3.2 層的屬性面板 116
9.4 層的編輯 118
9.4.1 層的選擇 118
9.4.2 層的移動 119
9.4.3 添加內(nèi)容到層 119
9.4.4 調(diào)整層的大小 119
9.4.5 層的對齊 120
9.5 層與表格 120
9.5.1 防止層重疊 120
9.5.2 層與表格的相互轉(zhuǎn)換 121
9.6 層制作實(shí)例 122
本章小結(jié) 124
習(xí)題九 124
第10章 時間軸 125
10.1 時間軸概述 125
10.2 使用時間軸 125
10.2.1 時間軸面板 125
10.2.2 使用時間軸創(chuàng)建動畫的步驟 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 錄制層運(yùn)動路徑 132
10.5 時間軸應(yīng)用實(shí)例 133
10.5.1 使用時間軸制作動畫頁面 133
10.5.2 使用時間軸制作自動公告板 135
本章小結(jié) 136
習(xí)題十 137
第11章 行為 138
11.1 行為概述 138
11.1.1 行為的基本概念 138
11.1.2 行為的構(gòu)成要素 138
11.2 行為面板 139
11.2.1 打開行為面板 139
11.2.2 標(biāo)準(zhǔn)行為事件 140
11.3 添加行為 141
11.4 編輯行為 142
11.5 Dreamweaver自帶的行為 143
11.5.1 交換圖像 143
11.5.2 彈出信息 144
11.5.3 恢復(fù)交換圖像 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 設(shè)置導(dǎo)航欄圖像 154
11.5.16 設(shè)置文本 155
11.5.17 調(diào)用JavaScript 156
11.5.18 轉(zhuǎn)到URL 156
11.5.19 預(yù)先載入圖像 156
本章小結(jié) 157
習(xí)題十一 157
第12章 站點(diǎn)資源管理、庫和模板 158
12.1 站點(diǎn)資源管理面板 158
12.2 模板 159
12.2.1 建立模板 159
12.2.2 定義可編輯區(qū)域 160
12.2.3 定義可編輯標(biāo)記屬性 161
12.2.4 定義重復(fù)區(qū)域 162
12.2.5 定義可選區(qū)域 163
12.2.6 應(yīng)用模板 163
12.3 庫 165
12.3.1 定義庫項(xiàng)目 165
12.3.2 使用庫項(xiàng)目 165
12.3.3 庫項(xiàng)目的編輯和更新 166
12.3.4 從庫項(xiàng)目中分離對象 166
本章小結(jié) 167
習(xí)題十二 167
第13章 表單設(shè)計 168
13.1 定義表單 168
13.1.1 表單概述 168
13.1.2 定義表單 169
13.2 文本域 170
13.3 單選按鈕和復(fù)選框 172
13.3.1 單選按鈕 172
13.3.2 復(fù)選框 173
13.4 列表/菜單 173
13.4.1 菜單設(shè)置 174
13.4.2 列表設(shè)置 174
13.5 按鈕 175
13.6 其他表單對象 175
13.6.1 文件域 175
13.6.2 隱藏域 176
13.6.3 圖像域 176
13.6.4 跳轉(zhuǎn)菜單 176
本章小結(jié) 177
習(xí)題十三 177
第14章 靜態(tài)網(wǎng)頁綜合應(yīng)用實(shí)例 179
14.1 制作顯示隱藏層頁面 179
14.1.1 制作幻燈片 179
14.1.2 制作識別顯示頁面 180
14.2 制作站點(diǎn)公告板 182
14.2.1 自動公告板 182
14.2.2 手動公告板 182
14.3 制作靜態(tài)主頁 184
14.3.1 使用布局視圖規(guī)劃頁面 184
14.3.2 添加頂部圖片 185
14.3.3 設(shè)計導(dǎo)航菜單 185
14.3.4 設(shè)計主體頁面 186
14.3.5 版權(quán)聲明 187

拓展篇 網(wǎng)頁的美化工具和動態(tài)網(wǎng)頁設(shè)計
第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圖像優(yōu)化與切片 208
15.9.2 制作按鈕 212
15.9.3 制作底紋 213
15.9.4 特殊字體效果制作 215
本章小結(jié) 220
習(xí)題十五 220
第16章 網(wǎng)頁中常用的Flash技術(shù) 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 文本動畫的制作實(shí)例 233
16.5 圖形動畫的制作實(shí)例 235
16.6 Flash中的兩種特殊圖層 237
16.6.1 運(yùn)動引導(dǎo)層 237
16.6.2 遮照層 238
16.7 Flash中的交互功能 241
16.7.1 動作面板的使用 241
16.7.2 向Flash中添加代碼 242
16.7.3 交互動畫實(shí)例 248
本章小結(jié) 251
習(xí)題十六 251
第17章 動態(tài)網(wǎng)頁設(shè)計 253
17.1 動態(tài)網(wǎng)頁概述 253
17.1.1 動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁 253
17.1.2 動態(tài)網(wǎng)頁的制作過程 253
17.1.3 與動態(tài)網(wǎng)頁有關(guān)的服務(wù)器技術(shù) 254
17.1.4 ASP簡介 254
17.1.5 建立動態(tài)網(wǎng)站 258
17.2 與數(shù)據(jù)庫建立連接 260
17.2.1 數(shù)據(jù)庫基本知識 260
17.2.2 ASP訪問數(shù)據(jù)庫的方法 263
17.3 創(chuàng)建與數(shù)據(jù)庫有關(guān)的動態(tài)網(wǎng)頁 267
17.3.1 創(chuàng)建Web頁與數(shù)據(jù)庫的連接 267
17.3.2 綁定數(shù)據(jù)源 269
17.3.3 記錄集的編輯操作 274
17.4 為網(wǎng)頁綁定動態(tài)數(shù)據(jù) 275
17.4.1 插入動態(tài)數(shù)據(jù) 275
17.4.2 設(shè)置動態(tài)數(shù)據(jù)的顯示格式 281
17.4.3 動態(tài)圖像的綁定方法 282
17.4.4 動態(tài)設(shè)置HTML對象的屬性 283
17.5 增加服務(wù)器行為 284
17.5.1 服務(wù)器行為面板 284
17.5.2 重復(fù)區(qū)域 285
17.5.3 記錄集分頁 286
17.5.4 顯示區(qū)域 289
17.5.5 轉(zhuǎn)到詳細(xì)頁 289
17.5.6 插入主詳細(xì)頁集 292
17.5.7 操作記錄集中的記錄 294
17.5.8 用戶驗(yàn)證 299
本章小結(jié) 302
習(xí)題十七 302
第18章 動態(tài)網(wǎng)站綜合實(shí)例——論壇系統(tǒng) 304
18.1 系統(tǒng)功能及設(shè)計 304
18.1.1 系統(tǒng)功能模塊設(shè)計 304
18.1.2 系統(tǒng)的主要工作流程 304
18.2 數(shù)據(jù)庫設(shè)計 305
18.3 系統(tǒng)主要頁面設(shè)計 307
18.3.1 預(yù)備工作 307
18.3.2 登錄頁面 308
18.3.3 注冊頁面 309
18.3.4 瀏覽留言頁面 311
18.3.5 顯示跟貼信息的詳細(xì)頁detail.asp 316
18.3.6 后臺管理——刪除記錄頁面 319
本章小結(jié) 321
參考文獻(xiàn) 322

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