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

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

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

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

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

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

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

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

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

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

編 者

2013年6月

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

第1章 概論 1
1.1 計算機網(wǎng)絡(luò)的概念 1
1.2 WWW和HTML 3
1.3 WWW的工作流程 4
1.4 HTML語言基礎(chǔ) 4
1.4.1 HTML語言簡介 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 動畫制作類工具 14
1.8 網(wǎng)站的設(shè)計流程 14
本章小結(jié) 16
習(xí)題一 16
第2章 Dreamweaver基礎(chǔ) 18
2.1 Dreamweaver CS5簡介 18
2.2 Dreamweaver CS5的工作界面 19
2.2.1 起始頁 19
2.2.2 工作區(qū)布局 19
2.3 使用Dreamweaver CS5建立和管理站點 23
2.3.1 站點概述 23
2.3.2 站點的建立和管理 24
2.3.3 站點文件管理 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ù)自動化 40
3.4.3 錄制命令 41
3.5 文檔的基本操作實例 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 制作一個單線表格 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 擴展表格模式 55
4.6.1 切換到表格擴展模式 55
4.6.2 退出表格擴展模式 55
4.7 表格的基本操作實例 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 圖像的對齊方式 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 插入動畫和視頻 66
5.3.1 插入Flash動畫 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 插入圖像和其他媒體的綜合實例 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è)置站點緩存 82
6.3.3 鏈接的維護(hù) 82
6.3.4 測試鏈接 83
6.4 鏈接實例 83
本章小結(jié) 84
習(xí)題六 84
第7章 框架集 86
7.1 框架集和框架 86
7.1.1 認(rèn)識框架集和框架 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 框架集對應(yīng)的HTML標(biāo)簽 93
7.2.8 保存框架結(jié)構(gòu)網(wǎng)頁 94
7.3 框架集實例 94
本章小結(jié) 96
習(xí)題七 96
第8章 CSS樣式表 98
8.1 CSS樣式概述 98
8.1.1 CSS的基本概念 98
8.1.2 CSS樣式表的特點 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 擴展 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)識Div元素 121
9.1.1 認(rèn)識AP元素 121
9.1.2 認(rèn)識Div標(biāo)簽 122
9.2 AP元素基礎(chǔ)知識 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元素制作實例 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布局實例 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 拖動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章 站點資源管理、庫和模板 162
11.1 站點資源管理面板 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 定義庫項目 168
11.3.2 使用庫項目 169
11.3.3 庫項目的編輯和更新 169
11.3.4 從庫項目中分離對象 170
本章小結(jié) 170
習(xí)題十一 170
第12章 表單設(shè)計 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 其他表單對象 179
12.6.1 文件域 179
12.6.2 隱藏域 179
12.6.3 圖像域 180
12.6.4 跳轉(zhuǎn)菜單 180
12.6.5 Spry驗證對象 181
本章小結(jié) 182
習(xí)題十二 182

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

第13章 用Photoshop處理圖像 184
13.1 Photoshop簡介 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 動畫的三種基本類型 207
14.2.1 逐幀動畫的制作 208
14.2.2 補間動畫的制作 208
14.2.3 補間形狀動畫的制作 210
14.3 三種基本元件類型 211
14.3.1 圖形元件 211
14.3.2 按鈕元件 212
14.3.3 影片剪輯元件 213
14.4 文本動畫的制作實例 214
14.5 圖形動畫的制作實例 216
14.6 Flash中的兩種特殊圖層 218
14.6.1 引導(dǎo)層 218
14.6.2 遮罩層 219
14.7 Flash中的交互功能 220
14.7.1 動作面板的使用 220
14.7.2 向Flash中添加代碼 222
14.7.3 交互動畫實例 223
本章小結(jié) 226
習(xí)題十四 227
第15章 動態(tài)網(wǎng)頁設(shè)計 228
15.1 動態(tài)網(wǎng)頁概述 228
15.1.1 動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁 228
15.1.2 動態(tài)網(wǎng)頁的制作過程 228
15.1.3 與動態(tài)網(wǎng)頁有關(guān)的服務(wù)器技術(shù) 229
15.1.4 ASP簡介 229
15.1.5 建立動態(tài)網(wǎng)站 233
15.2 與數(shù)據(jù)庫建立連接 234
15.2.1 數(shù)據(jù)庫基本知識 235
15.2.2 ASP訪問數(shù)據(jù)庫的方法 238
15.3 創(chuàng)建與數(shù)據(jù)庫有關(guān)的動態(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)頁綁定動態(tài)數(shù)據(jù) 249
15.4.1 插入動態(tài)數(shù)據(jù) 249
15.4.2 設(shè)置動態(tài)數(shù)據(jù)的顯示格式 255
15.4.3 動態(tài)圖像的綁定方法 256
15.4.4 動態(tài)設(shè)置HTML對象的屬性 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 用戶驗證 272
本章小結(jié) 275
習(xí)題十五 276
第16章 動態(tài)網(wǎng)站綜合實例——論壇系統(tǒng) 277
16.1 系統(tǒng)功能及設(shè)計 277
16.1.1 系統(tǒng)功能模塊設(shè)計 277
16.1.2 系統(tǒng)的主要工作流程 277
16.2 數(shù)據(jù)庫設(shè)計 278
16.3 系統(tǒng)主要頁面設(shè)計 279
16.3.1 預(yù)備工作 279
16.3.2 登錄頁面 281
16.3.3 注冊頁面 282
16.3.4 瀏覽留言頁面 284
16.3.5 顯示跟貼信息的詳細(xì)頁detail.asp 289
16.3.6 后臺管理——刪除記錄頁面 291
本章小結(jié) 294
參考文獻(xiàn) 295

1. 零基礎(chǔ)玩轉(zhuǎn)國產(chǎn)大模型DeepSeek [徐永冰 張帥 編著]
2. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統(tǒng)項目管理師考試32小時通關(guān)（適用第4版考綱） [薛大龍]
4. 信息系統(tǒng)管理工程師考試32小時通關(guān)（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測實訓(xùn) [洪曉江 達(dá)則曉麗 錢波]
6. 科技信息檢索與論文寫作實用教程 [李振華]
7. 傳統(tǒng)山水畫論解讀與實踐 [陳鈉 著]
8. Python數(shù)據(jù)庫編程 [主編 殷樹友 邢 翀]
9. 計算機基礎(chǔ)實訓(xùn)指導(dǎo) [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國勇 晏廷榮]
11. Vienna整流器技術(shù) [桂存兵 著]
12. 變頻器與伺服應(yīng)用 [陳剛 葉云飛]
13. 物聯(lián)網(wǎng)工程設(shè)計與實踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運營與管理 [鐘肖英 陳瀟]
16. Java面向?qū)ο蟪绦蛟O(shè)計 [主編 姜春磊 陳虹潔]
17. 信息技術(shù)基礎(chǔ)（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應(yīng)用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學(xué)生職業(yè)發(fā)展與就業(yè)指導(dǎo) [主編　劉志堅]
20. 高級辦公應(yīng)用項目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發(fā)項目實戰(zhàn)（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業(yè)檔案工作實戰(zhàn)寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計算機網(wǎng)絡(luò)原理及應(yīng)用 [主編 唐繼勇 葉坤 孫夢娜]
24. 大學(xué)生創(chuàng)業(yè)基礎(chǔ) [主編 王麗莉 王 楊]
25. 船舶輔機 [主編 王連海 于洋 姜淑翠]
26. 大學(xué)生就業(yè)指導(dǎo) [主編 王麗莉 董宴廷]
27. 系統(tǒng)架構(gòu)設(shè)計師章節(jié)習(xí)題與考點特訓(xùn) [主編 薛大龍 鄒月平]
28. 高校學(xué)生工作探索與實踐 [郭亮 著]
29. 大學(xué)生情商管理 [方雄 著]
30. 2023年長沙市會展業(yè)發(fā)展報告 [主編 周棟良]