本書采用最新的網頁制作技術，由簡入深，從易到難，構成了完整的網頁制作知識體系。具有如下特點：

 強調應用，培養學生的實際動手能力

教材在介紹基本知識的同時，配備大量實例，使得學生能夠在較短的時間內掌握網頁制作的相關技術與方法。章節習題以上機練習為主，強調培養學生的實際動手能力。

 網頁制作與網頁美化相結合

教材中的案例均經過精心設計，即注重內容新穎，又注重色彩美觀，并有專門的網頁美化工具內容，力求在培養學生技能的基礎上培養學生的審美觀點。

 靜態網頁與動態網頁相結合

教材中除提供靜態網頁制作技術外，還給出了基本的動態網頁制作技術，使學生能夠全面理解和掌握網頁制作方法。

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

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

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

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

編 者

2013年6月

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

第1章 概論 1
1.1 計算機網絡的概念 1
1.2 WWW和HTML 3
1.3 WWW的工作流程 4
1.4 HTML語言基礎 4
1.4.1 HTML語言簡介 4
1.4.2 HTML文檔的基本結構 6
1.4.3 HTML語言的語法規則 6
1.4.4 HTML語言的常用標記及其用法 7
1.5 網頁、網站和主頁 10
1.5.1 網頁 11
1.5.2 網站 11
1.5.3 主頁 11
1.6 網頁的基本元素 11
1.7 網頁制作和美化的工具 13
1.7.1 網頁制作類工具 13
1.7.2 圖像制作類工具 13
1.7.3 動畫制作類工具 14
1.8 網站的設計流程 14
本章小結 16
習題一 16
第2章 Dreamweaver基礎 18
2.1 Dreamweaver CS5簡介 18
2.2 Dreamweaver CS5的工作界面 19
2.2.1 起始頁 19
2.2.2 工作區布局 19
2.3 使用Dreamweaver CS5建立和管理站點 23
2.3.1 站點概述 23
2.3.2 站點的建立和管理 24
2.3.3 站點文件管理 25
本章小結 26
習題二 27
第3章 文檔的基本操作 28
3.1 文檔的基本操作 28
3.1.1 文檔的建立和保存 28
3.1.2 打開文檔 29
3.1.3 預覽和調試頁面 29
3.1.4 設置頁面屬性 30
3.1.5 網頁中的顏色 33
3.1.6 選擇“文檔”窗口中的元素 33
3.1.7 文檔中的代碼操作 33
3.2 文本的基本操作 34
3.2.1 輸入文字 34
3.2.2 設置文本格式 34
3.2.3 插入水平線 37
3.2.4 插入特殊字符 37
3.3 文本中的列表 38
3.4 使用歷史記錄面板 40
3.4.1 歷史記錄撤消操作 40
3.4.2 任務自動化 40
3.4.3 錄制命令 41
3.5 文檔的基本操作實例 41
本章小結 44
習題三 44
第4章 表格 46
4.1 表格的插入 46
4.2 表格的有關參數 47
4.3 表格的基本操作 47
4.3.1 選取表格元素 47
4.3.2 修改表格 48
4.3.3 制作一個單線表格 50
4.3.4 表格的嵌套 51
4.4 表格數據的導入和導出 51
4.4.1 表格數據的導入 51
4.4.2 表格數據的導出 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
本章小結 56
習題四 56
第5章 圖像和其他媒體 58
5.1 插入圖像 58
5.1.1 在Web中使用的圖像格式 58
5.1.2 圖像的插入 58
5.1.3 設置圖像的屬性 59
5.1.4 圖像的對齊方式 60
5.1.5 將圖像設置為網頁背景 61
5.1.6 插入圖像占位符 62
5.1.7 創建鼠標經過圖像 63
5.2 插入聲音 64
5.2.1 網頁中常用的音頻文件格式 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
本章小結 74
習題五 74
第6章 鏈接 75
6.1 鏈接概述 75
6.1.1 鏈接的基本概念 75
6.1.2 超文本鏈接標記 75
6.1.3 鏈接目標的位置和路徑 75
6.2 創建鏈接 76
6.2.1 在文檔窗口創建鏈接 76
6.2.2 使用指向文件圖標 77
6.2.3 命名錨記 78
6.2.4 創建文本鏈接 78
6.2.5 鏈接到電子郵件 79
6.2.6 腳本鏈接 79
6.2.7 圖像地圖 80
6.3 鏈接的管理 81
6.3.1 啟用鏈接管理 81
6.3.2 設置站點緩存 82
6.3.3 鏈接的維護 82
6.3.4 測試鏈接 83
6.4 鏈接實例 83
本章小結 84
習題六 84
第7章 框架集 86
7.1 框架集和框架 86
7.1.1 認識框架集和框架 86
7.1.2 決定是否使用框架集 87
7.2 創建具有框架結構的頁面 87
7.2.1 創建框架集網頁 87
7.2.2 框架集的主要應用類型 89
7.2.3 在框架中插入網頁 90
7.2.4 選擇框架和框架集 90
7.2.5 框架集和框架的屬性面板 91
7.2.6 框架中的鏈接 93
7.2.7 框架集對應的HTML標簽 93
7.2.8 保存框架結構網頁 94
7.3 框架集實例 94
本章小結 96
習題七 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 創建CSS樣式 101
8.1.6 CSS樣式的源代碼 102
8.2 創建CSS樣式 102
8.2.1 類選擇器樣式的創建 102
8.2.2 ID選擇器樣式的創建 103
8.2.3 標簽選擇器樣式的創建 105
8.2.4 復合內容選擇器樣式的創建 106
8.3 CSS樣式的兩種應用方式 108
8.4 設置CSS樣式 109
8.4.1 類型 109
8.4.2 背景 110
8.4.3 區塊 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 樣式沖突 119
本章小結 119
習題八 119
第9章 Div元素 121
9.1 認識Div元素 121
9.1.1 認識AP元素 121
9.1.2 認識Div標簽 122
9.2 AP元素基礎知識 123
9.2.1 創建新的AP元素 123
9.2.2 AP元素編輯器 123
9.2.3 創建嵌套AP元素 125
9.2.4 AP元素的參數設置和屬性面板 125
9.2.5 AP元素的編輯 127
9.2.6 AP元素與表格 130
9.3 AP元素制作實例 131
9.4 Div標簽+CSS布局技術 133
9.4.1 Div標簽基本操作 133
9.4.2 理解CSS盒子模型 135
9.4.3 Div+CSS布局實例 139
本章小結 142
習題九 142
第10章 行為 144
10.1 行為概述 144
10.1.1 行為的基本概念 144
10.1.2 行為的構成要素 144
10.2 行為面板 145
10.2.1 打開行為面板 145
10.2.2 標準行為事件 146
10.3 添加行為 147
10.4 編輯行為 148
10.5 Dreamweaver自帶的行為 148
10.5.1 交換圖像 148
10.5.2 彈出信息 149
10.5.3 恢復交換圖像 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 設置文本 158
10.5.12 調用JavaScript 159
10.5.13 轉到URL 159
10.5.14 預先載入圖像 160
本章小結 160
習題十 160
第11章 站點資源管理、庫和模板 162
11.1 站點資源管理面板 162
11.2 模板 163
11.2.1 建立模板 163
11.2.2 定義可編輯區域 164
11.2.3 定義可編輯標記屬性 165
11.2.4 定義重復區域 165
11.2.5 定義可選區域 166
11.2.6 應用模板 167
11.3 庫 168
11.3.1 定義庫項目 168
11.3.2 使用庫項目 169
11.3.3 庫項目的編輯和更新 169
11.3.4 從庫項目中分離對象 170
本章小結 170
習題十一 170
第12章 表單設計 172
12.1 定義表單 172
12.1.1 表單概述 172
12.1.2 定義表單 173
12.2 文本域 174
12.3 單選按鈕和復選框 176
12.3.1 單選按鈕 176
12.3.2 復選框 176
12.4 選擇（列表/菜單） 177
12.4.1 菜單設置 177
12.4.2 列表設置 178
12.5 按鈕 179
12.6 其他表單對象 179
12.6.1 文件域 179
12.6.2 隱藏域 179
12.6.3 圖像域 180
12.6.4 跳轉菜單 180
12.6.5 Spry驗證對象 181
本章小結 182
習題十二 182

拓展篇 網頁的美化工具和動態網頁設計

第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 修復工具 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 調整圖層 194
13.5 通道 195
13.5.1 通道概念 195
13.5.2 通道應用 195
13.6 蒙版 196
13.6.1 快速蒙版 196
13.6.2 圖層蒙版 197
13.7 濾鏡 197
13.8 Web圖像的制作 198
13.8.1 Web圖像優化與切片 198
13.8.2 制作按鈕 200
13.8.3 制作背景圖像 201
13.8.4 特殊字體效果制作 202
本章小結 203
習題十三 204
第14章 網頁中常用的Flash技術 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 引導層 218
14.6.2 遮罩層 219
14.7 Flash中的交互功能 220
14.7.1 動作面板的使用 220
14.7.2 向Flash中添加代碼 222
14.7.3 交互動畫實例 223
本章小結 226
習題十四 227
第15章 動態網頁設計 228
15.1 動態網頁概述 228
15.1.1 動態網頁與靜態網頁 228
15.1.2 動態網頁的制作過程 228
15.1.3 與動態網頁有關的服務器技術 229
15.1.4 ASP簡介 229
15.1.5 建立動態網站 233
15.2 與數據庫建立連接 234
15.2.1 數據庫基本知識 235
15.2.2 ASP訪問數據庫的方法 238
15.3 創建與數據庫有關的動態網頁 242
15.3.1 創建Web頁與數據庫的連接 242
15.3.2 綁定數據源 244
15.3.3 記錄集的編輯操作 248
15.4 為網頁綁定動態數據 249
15.4.1 插入動態數據 249
15.4.2 設置動態數據的顯示格式 255
15.4.3 動態圖像的綁定方法 256
15.4.4 動態設置HTML對象的屬性 257
15.5 增加服務器行為 258
15.5.1 服務器行為面板 258
15.5.2 重復區域 259
15.5.3 記錄集分頁 259
15.5.4 顯示區域 262
15.5.5 轉到詳細頁 263
15.5.6 插入主詳細頁集 266
15.5.7 操作記錄集中的記錄 267
15.5.8 用戶驗證 272
本章小結 275
習題十五 276
第16章 動態網站綜合實例——論壇系統 277
16.1 系統功能及設計 277
16.1.1 系統功能模塊設計 277
16.1.2 系統的主要工作流程 277
16.2 數據庫設計 278
16.3 系統主要頁面設計 279
16.3.1 預備工作 279
16.3.2 登錄頁面 281
16.3.3 注冊頁面 282
16.3.4 瀏覽留言頁面 284
16.3.5 顯示跟貼信息的詳細頁detail.asp 289
16.3.6 后臺管理——刪除記錄頁面 291
本章小結 294
參考文獻 295

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