本書采用最新的網(wǎng)頁制作技術(shù)，由簡(jiǎn)入深，從易到難，構(gòu)成了完整的網(wǎng)頁制作知識(shí)體系。具有如下特點(diǎn)：

 強(qiáng)調(diào)應(yīng)用，培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力

教材在介紹基本知識(shí)的同時(shí)，配備大量實(shí)例，使得學(xué)生能夠在較短的時(shí)間內(nèi)掌握網(wǎng)頁制作的相關(guān)技術(shù)與方法。章節(jié)習(xí)題以上機(jī)練習(xí)為主，強(qiáng)調(diào)培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力。

 網(wǎng)頁制作與網(wǎng)頁美化相結(jié)合

教材中的案例均經(jīng)過精心設(shè)計(jì)，即注重內(nèi)容新穎，又注重色彩美觀，并有專門的網(wǎng)頁美化工具內(nèi)容，力求在培養(yǎng)學(xué)生技能的基礎(chǔ)上培養(yǎng)學(xué)生的審美觀點(diǎn)。

 靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁相結(jié)合

教材中除提供靜態(tài)網(wǎng)頁制作技術(shù)外，還給出了基本的動(dòng)態(tài)網(wǎng)頁制作技術(shù)，使學(xué)生能夠全面理解和掌握網(wǎng)頁制作方法。

《網(wǎng)頁設(shè)計(jì)與制作》自出版以來，得到了周口師范學(xué)院及兄弟院校同行們和廣大讀者的極大認(rèn)可。但是由于網(wǎng)頁制作技術(shù)的不斷發(fā)展和制作軟件的不斷升級(jí)，在征求使用本書作為教材的一線教師意見后，組織部分教師在第一版的基礎(chǔ)上進(jìn)行了修訂。

修訂后的《網(wǎng)頁設(shè)計(jì)與制作》（第二版）共16章，仍然分為基礎(chǔ)篇和拓展篇。基礎(chǔ)篇以Dreamweaver CS5為基礎(chǔ)，詳細(xì)講述了靜態(tài)網(wǎng)頁的設(shè)計(jì)和制作技術(shù)，具體包括Dreamweaver CS5的基本使用方法、文檔的基本操作、表格和框架的應(yīng)用、圖像和媒體的插入、鏈接的創(chuàng)建和使用、Div標(biāo)簽+CSS布局技術(shù)、交互式表單設(shè)計(jì)、站點(diǎn)資源管理、庫和模板的應(yīng)用等內(nèi)容。拓展篇里對(duì)美化網(wǎng)頁時(shí)常用的兩個(gè)工具軟件Photoshop CS5和Flash CS5的使用進(jìn)行了詳細(xì)介紹，并介紹了動(dòng)態(tài)網(wǎng)頁的基本知識(shí)，以及利用Dreamweaver CS5創(chuàng)建動(dòng)態(tài)網(wǎng)頁應(yīng)做的綁定數(shù)據(jù)源、添加動(dòng)態(tài)內(nèi)容、添加服務(wù)器行為等基本操作，最后以一個(gè)簡(jiǎn)單的論壇系統(tǒng)為例，介紹了用Dreamweaver CS5設(shè)計(jì)動(dòng)態(tài)網(wǎng)站的一般流程，以及利用服務(wù)器行為實(shí)現(xiàn)登錄、注冊(cè)、搜索等常見動(dòng)態(tài)網(wǎng)頁功能的方法。修訂后的內(nèi)容較前版而言，采用了最新版本的Dreamweaver，示例的選擇更加突出了實(shí)用性，增加了最新的Div+CSS網(wǎng)頁布局技術(shù)，同時(shí)對(duì)現(xiàn)在網(wǎng)頁制作中已不再過多使用的層和時(shí)間軸的內(nèi)容進(jìn)行了刪減。通過修訂使得全書能夠緊跟最新網(wǎng)頁制作技術(shù)，內(nèi)容上更加緊湊，更加突出應(yīng)用性，更加便于在教學(xué)中進(jìn)行使用。

本書由馬占欣教授任主編，李亞、李巍、支建飛任副主編，周文剛、吳聰、丁新慧、朱海、盧欣欣參加編寫。第1～3章由李亞編寫，第4章由朱海編寫，第5～7章由丁新慧編寫，第8、9章由李巍編寫，第10～12章由吳聰編寫，第13、14章由支建飛編寫，第15章由周文剛、朱海編寫，第16章由盧欣欣編寫。全書由馬占欣教授統(tǒng)稿并進(jìn)行了詳細(xì)審閱。

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

編 者

2013年6月

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

第1章 概論 1
1.1 計(jì)算機(jī)網(wǎng)絡(luò)的概念 1
1.2 WWW和HTML 3
1.3 WWW的工作流程 4
1.4 HTML語言基礎(chǔ) 4
1.4.1 HTML語言簡(jiǎn)介 4
1.4.2 HTML文檔的基本結(jié)構(gòu) 6
1.4.3 HTML語言的語法規(guī)則 6
1.4.4 HTML語言的常用標(biāo)記及其用法 7
1.5 網(wǎng)頁、網(wǎng)站和主頁 10
1.5.1 網(wǎng)頁 11
1.5.2 網(wǎng)站 11
1.5.3 主頁 11
1.6 網(wǎng)頁的基本元素 11
1.7 網(wǎng)頁制作和美化的工具 13
1.7.1 網(wǎng)頁制作類工具 13
1.7.2 圖像制作類工具 13
1.7.3 動(dòng)畫制作類工具 14
1.8 網(wǎng)站的設(shè)計(jì)流程 14
本章小結(jié) 16
習(xí)題一 16
第2章 Dreamweaver基礎(chǔ) 18
2.1 Dreamweaver CS5簡(jiǎn)介 18
2.2 Dreamweaver CS5的工作界面 19
2.2.1 起始頁 19
2.2.2 工作區(qū)布局 19
2.3 使用Dreamweaver CS5建立和管理站點(diǎn) 23
2.3.1 站點(diǎn)概述 23
2.3.2 站點(diǎn)的建立和管理 24
2.3.3 站點(diǎn)文件管理 25
本章小結(jié) 26
習(xí)題二 27
第3章 文檔的基本操作 28
3.1 文檔的基本操作 28
3.1.1 文檔的建立和保存 28
3.1.2 打開文檔 29
3.1.3 預(yù)覽和調(diào)試頁面 29
3.1.4 設(shè)置頁面屬性 30
3.1.5 網(wǎng)頁中的顏色 33
3.1.6 選擇“文檔”窗口中的元素 33
3.1.7 文檔中的代碼操作 33
3.2 文本的基本操作 34
3.2.1 輸入文字 34
3.2.2 設(shè)置文本格式 34
3.2.3 插入水平線 37
3.2.4 插入特殊字符 37
3.3 文本中的列表 38
3.4 使用歷史記錄面板 40
3.4.1 歷史記錄撤消操作 40
3.4.2 任務(wù)自動(dòng)化 40
3.4.3 錄制命令 41
3.5 文檔的基本操作實(shí)例 41
本章小結(jié) 44
習(xí)題三 44
第4章 表格 46
4.1 表格的插入 46
4.2 表格的有關(guān)參數(shù) 47
4.3 表格的基本操作 47
4.3.1 選取表格元素 47
4.3.2 修改表格 48
4.3.3 制作一個(gè)單線表格 50
4.3.4 表格的嵌套 51
4.4 表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出 51
4.4.1 表格數(shù)據(jù)的導(dǎo)入 51
4.4.2 表格數(shù)據(jù)的導(dǎo)出 52
4.5 修飾表格 53
4.5.1 在屬性面板中修飾表格 53
4.5.2 排序表格 54
4.6 擴(kuò)展表格模式 55
4.6.1 切換到表格擴(kuò)展模式 55
4.6.2 退出表格擴(kuò)展模式 55
4.7 表格的基本操作實(shí)例 55
本章小結(jié) 56
習(xí)題四 56
第5章 圖像和其他媒體 58
5.1 插入圖像 58
5.1.1 在Web中使用的圖像格式 58
5.1.2 圖像的插入 58
5.1.3 設(shè)置圖像的屬性 59
5.1.4 圖像的對(duì)齊方式 60
5.1.5 將圖像設(shè)置為網(wǎng)頁背景 61
5.1.6 插入圖像占位符 62
5.1.7 創(chuàng)建鼠標(biāo)經(jīng)過圖像 63
5.2 插入聲音 64
5.2.1 網(wǎng)頁中常用的音頻文件格式 64
5.2.2 聲音的插入 65
5.3 插入動(dòng)畫和視頻 66
5.3.1 插入Flash動(dòng)畫 66
5.3.2 插入FLV文件 68
5.4 其他多媒體元素的插入 70
5.4.1 插入Shockwave影片 70
5.4.2 視頻的添加 70
5.4.3 插入Java Applet 71
5.5 插入圖像和其他媒體的綜合實(shí)例 72
本章小結(jié) 74
習(xí)題五 74
第6章 鏈接 75
6.1 鏈接概述 75
6.1.1 鏈接的基本概念 75
6.1.2 超文本鏈接標(biāo)記 75
6.1.3 鏈接目標(biāo)的位置和路徑 75
6.2 創(chuàng)建鏈接 76
6.2.1 在文檔窗口創(chuàng)建鏈接 76
6.2.2 使用指向文件圖標(biāo) 77
6.2.3 命名錨記 78
6.2.4 創(chuàng)建文本鏈接 78
6.2.5 鏈接到電子郵件 79
6.2.6 腳本鏈接 79
6.2.7 圖像地圖 80
6.3 鏈接的管理 81
6.3.1 啟用鏈接管理 81
6.3.2 設(shè)置站點(diǎn)緩存 82
6.3.3 鏈接的維護(hù) 82
6.3.4 測(cè)試鏈接 83
6.4 鏈接實(shí)例 83
本章小結(jié) 84
習(xí)題六 84
第7章 框架集 86
7.1 框架集和框架 86
7.1.1 認(rèn)識(shí)框架集和框架 86
7.1.2 決定是否使用框架集 87
7.2 創(chuàng)建具有框架結(jié)構(gòu)的頁面 87
7.2.1 創(chuàng)建框架集網(wǎng)頁 87
7.2.2 框架集的主要應(yīng)用類型 89
7.2.3 在框架中插入網(wǎng)頁 90
7.2.4 選擇框架和框架集 90
7.2.5 框架集和框架的屬性面板 91
7.2.6 框架中的鏈接 93
7.2.7 框架集對(duì)應(yīng)的HTML標(biāo)簽 93
7.2.8 保存框架結(jié)構(gòu)網(wǎng)頁 94
7.3 框架集實(shí)例 94
本章小結(jié) 96
習(xí)題七 96
第8章 CSS樣式表 98
8.1 CSS樣式概述 98
8.1.1 CSS的基本概念 98
8.1.2 CSS樣式表的特點(diǎn) 98
8.1.3 CSS樣式的類型 99
8.1.4 CSS樣式面板 99
8.1.5 創(chuàng)建CSS樣式 101
8.1.6 CSS樣式的源代碼 102
8.2 創(chuàng)建CSS樣式 102
8.2.1 類選擇器樣式的創(chuàng)建 102
8.2.2 ID選擇器樣式的創(chuàng)建 103
8.2.3 標(biāo)簽選擇器樣式的創(chuàng)建 105
8.2.4 復(fù)合內(nèi)容選擇器樣式的創(chuàng)建 106
8.3 CSS樣式的兩種應(yīng)用方式 108
8.4 設(shè)置CSS樣式 109
8.4.1 類型 109
8.4.2 背景 110
8.4.3 區(qū)塊 111
8.4.4 方框 112
8.4.5 邊框 113
8.4.6 列表 113
8.4.7 定位 114
8.4.8 擴(kuò)展 115
8.5 CSS樣式中的濾鏡 116
8.5.1 Alpha濾鏡 116
8.5.2 Blur濾鏡 117
8.5.3 DropShadow濾鏡 117
8.5.4 Glow濾鏡 118
8.5.5 其他濾鏡 118
8.6 樣式?jīng)_突 119
本章小結(jié) 119
習(xí)題八 119
第9章 Div元素 121
9.1 認(rèn)識(shí)Div元素 121
9.1.1 認(rèn)識(shí)AP元素 121
9.1.2 認(rèn)識(shí)Div標(biāo)簽 122
9.2 AP元素基礎(chǔ)知識(shí) 123
9.2.1 創(chuàng)建新的AP元素 123
9.2.2 AP元素編輯器 123
9.2.3 創(chuàng)建嵌套AP元素 125
9.2.4 AP元素的參數(shù)設(shè)置和屬性面板 125
9.2.5 AP元素的編輯 127
9.2.6 AP元素與表格 130
9.3 AP元素制作實(shí)例 131
9.4 Div標(biāo)簽+CSS布局技術(shù) 133
9.4.1 Div標(biāo)簽基本操作 133
9.4.2 理解CSS盒子模型 135
9.4.3 Div+CSS布局實(shí)例 139
本章小結(jié) 142
習(xí)題九 142
第10章 行為 144
10.1 行為概述 144
10.1.1 行為的基本概念 144
10.1.2 行為的構(gòu)成要素 144
10.2 行為面板 145
10.2.1 打開行為面板 145
10.2.2 標(biāo)準(zhǔn)行為事件 146
10.3 添加行為 147
10.4 編輯行為 148
10.5 Dreamweaver自帶的行為 148
10.5.1 交換圖像 148
10.5.2 彈出信息 149
10.5.3 恢復(fù)交換圖像 149
10.5.4 打開瀏覽器窗口 150
10.5.5 拖動(dòng)AP元素 151
10.5.6 改變屬性 152
10.5.7 效果 152
10.5.8 顯示-隱藏元素 156
10.5.9 檢查插件 157
10.5.10 檢查表單 157
10.5.11 設(shè)置文本 158
10.5.12 調(diào)用JavaScript 159
10.5.13 轉(zhuǎn)到URL 159
10.5.14 預(yù)先載入圖像 160
本章小結(jié) 160
習(xí)題十 160
第11章 站點(diǎn)資源管理、庫和模板 162
11.1 站點(diǎn)資源管理面板 162
11.2 模板 163
11.2.1 建立模板 163
11.2.2 定義可編輯區(qū)域 164
11.2.3 定義可編輯標(biāo)記屬性 165
11.2.4 定義重復(fù)區(qū)域 165
11.2.5 定義可選區(qū)域 166
11.2.6 應(yīng)用模板 167
11.3 庫 168
11.3.1 定義庫項(xiàng)目 168
11.3.2 使用庫項(xiàng)目 169
11.3.3 庫項(xiàng)目的編輯和更新 169
11.3.4 從庫項(xiàng)目中分離對(duì)象 170
本章小結(jié) 170
習(xí)題十一 170
第12章 表單設(shè)計(jì) 172
12.1 定義表單 172
12.1.1 表單概述 172
12.1.2 定義表單 173
12.2 文本域 174
12.3 單選按鈕和復(fù)選框 176
12.3.1 單選按鈕 176
12.3.2 復(fù)選框 176
12.4 選擇（列表/菜單） 177
12.4.1 菜單設(shè)置 177
12.4.2 列表設(shè)置 178
12.5 按鈕 179
12.6 其他表單對(duì)象 179
12.6.1 文件域 179
12.6.2 隱藏域 179
12.6.3 圖像域 180
12.6.4 跳轉(zhuǎn)菜單 180
12.6.5 Spry驗(yàn)證對(duì)象 181
本章小結(jié) 182
習(xí)題十二 182

拓展篇 網(wǎng)頁的美化工具和動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)

第13章 用Photoshop處理圖像 184
13.1 Photoshop簡(jiǎn)介 184
13.2 Photoshop主界面 186
13.3 基本工具的使用 187
13.3.1 選擇工具 187
13.3.2 繪圖工具 189
13.3.3 修復(fù)工具 191
13.3.4 修飾工具 191
13.3.5 文字工具 191
13.4 圖層 192
13.4.1 圖層的基本操作 192
13.4.2 圖層樣式 193
13.4.3 圖層混合模式 194
13.4.4 調(diào)整圖層 194
13.5 通道 195
13.5.1 通道概念 195
13.5.2 通道應(yīng)用 195
13.6 蒙版 196
13.6.1 快速蒙版 196
13.6.2 圖層蒙版 197
13.7 濾鏡 197
13.8 Web圖像的制作 198
13.8.1 Web圖像優(yōu)化與切片 198
13.8.2 制作按鈕 200
13.8.3 制作背景圖像 201
13.8.4 特殊字體效果制作 202
本章小結(jié) 203
習(xí)題十三 204
第14章 網(wǎng)頁中常用的Flash技術(shù) 206
14.1 Flash中的基本概念 206
14.2 動(dòng)畫的三種基本類型 207
14.2.1 逐幀動(dòng)畫的制作 208
14.2.2 補(bǔ)間動(dòng)畫的制作 208
14.2.3 補(bǔ)間形狀動(dòng)畫的制作 210
14.3 三種基本元件類型 211
14.3.1 圖形元件 211
14.3.2 按鈕元件 212
14.3.3 影片剪輯元件 213
14.4 文本動(dòng)畫的制作實(shí)例 214
14.5 圖形動(dòng)畫的制作實(shí)例 216
14.6 Flash中的兩種特殊圖層 218
14.6.1 引導(dǎo)層 218
14.6.2 遮罩層 219
14.7 Flash中的交互功能 220
14.7.1 動(dòng)作面板的使用 220
14.7.2 向Flash中添加代碼 222
14.7.3 交互動(dòng)畫實(shí)例 223
本章小結(jié) 226
習(xí)題十四 227
第15章 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì) 228
15.1 動(dòng)態(tài)網(wǎng)頁概述 228
15.1.1 動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁 228
15.1.2 動(dòng)態(tài)網(wǎng)頁的制作過程 228
15.1.3 與動(dòng)態(tài)網(wǎng)頁有關(guān)的服務(wù)器技術(shù) 229
15.1.4 ASP簡(jiǎn)介 229
15.1.5 建立動(dòng)態(tài)網(wǎng)站 233
15.2 與數(shù)據(jù)庫建立連接 234
15.2.1 數(shù)據(jù)庫基本知識(shí) 235
15.2.2 ASP訪問數(shù)據(jù)庫的方法 238
15.3 創(chuàng)建與數(shù)據(jù)庫有關(guān)的動(dòng)態(tài)網(wǎng)頁 242
15.3.1 創(chuàng)建Web頁與數(shù)據(jù)庫的連接 242
15.3.2 綁定數(shù)據(jù)源 244
15.3.3 記錄集的編輯操作 248
15.4 為網(wǎng)頁綁定動(dòng)態(tài)數(shù)據(jù) 249
15.4.1 插入動(dòng)態(tài)數(shù)據(jù) 249
15.4.2 設(shè)置動(dòng)態(tài)數(shù)據(jù)的顯示格式 255
15.4.3 動(dòng)態(tài)圖像的綁定方法 256
15.4.4 動(dòng)態(tài)設(shè)置HTML對(duì)象的屬性 257
15.5 增加服務(wù)器行為 258
15.5.1 服務(wù)器行為面板 258
15.5.2 重復(fù)區(qū)域 259
15.5.3 記錄集分頁 259
15.5.4 顯示區(qū)域 262
15.5.5 轉(zhuǎn)到詳細(xì)頁 263
15.5.6 插入主詳細(xì)頁集 266
15.5.7 操作記錄集中的記錄 267
15.5.8 用戶驗(yàn)證 272
本章小結(jié) 275
習(xí)題十五 276
第16章 動(dòng)態(tài)網(wǎng)站綜合實(shí)例——論壇系統(tǒng) 277
16.1 系統(tǒng)功能及設(shè)計(jì) 277
16.1.1 系統(tǒng)功能模塊設(shè)計(jì) 277
16.1.2 系統(tǒng)的主要工作流程 277
16.2 數(shù)據(jù)庫設(shè)計(jì) 278
16.3 系統(tǒng)主要頁面設(shè)計(jì) 279
16.3.1 預(yù)備工作 279
16.3.2 登錄頁面 281
16.3.3 注冊(cè)頁面 282
16.3.4 瀏覽留言頁面 284
16.3.5 顯示跟貼信息的詳細(xì)頁detail.asp 289
16.3.6 后臺(tái)管理——?jiǎng)h除記錄頁面 291
本章小結(jié) 294
參考文獻(xiàn) 295

1. 輸水管線工程風(fēng)險(xiǎn)管理 [張勇 黨亥生 著]
2. 民用航空飛機(jī)標(biāo)準(zhǔn)線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運(yùn)河講談錄 [趙珩　著]
4. 實(shí)用運(yùn)籌學(xué) [主編　邢育紅　于晉臣]
5. 三峽梯級(jí)電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國(guó)華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設(shè)計(jì)中的應(yīng)用 [李艷秀 莊華偉 著]
8. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
9. 辦公自動(dòng)化高級(jí)應(yīng)用 [陳萍 朱曉玉]
10. 信息處理技術(shù)員考試32小時(shí)通關(guān) [薛大龍]
11. 電子產(chǎn)品設(shè)計(jì)案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學(xué)昌 丁紅]
12. C程序設(shè)計(jì)實(shí)踐教程 [劉衛(wèi)國(guó)]
13. C程序設(shè)計(jì)（慕課版） [劉衛(wèi)國(guó)]
14. Web技術(shù)開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務(wù)英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術(shù)與應(yīng)用 [洪旭 著]
17. 建設(shè)工程法規(guī)實(shí)務(wù) [主編 余瀅]
18. 商務(wù)秘書理論與實(shí)務(wù)（第三版） [主編 張同欽]
19. 程序設(shè)計(jì)基礎(chǔ)實(shí)踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項(xiàng)目精講 [主編 楊國(guó)興]
21. 勞動(dòng)爭(zhēng)議處理實(shí)務(wù) [主編 王秀卿 羅靜]
22. 工程數(shù)學(xué) [主編 郭立娟 王海]
23. 語音識(shí)別理論與實(shí)踐 [主編　莫宏偉]
24. 信息系統(tǒng)項(xiàng)目管理師章節(jié)習(xí)題與考點(diǎn)特訓(xùn)（第二版） [主編 薛大龍]
25. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
26. 計(jì)算機(jī)網(wǎng)絡(luò)實(shí)訓(xùn)教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機(jī)械制圖習(xí)題集（多學(xué)時(shí)） [主編 趙軍]
28. HCIA-Datacom認(rèn)證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發(fā) [李智威 著]
30. 網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)師備考一本通 [夏杰 編著]