本書作為應用型本科教材，是作者結合多年的教學經驗，在原高職高專教材基礎上修改完成的。作者保留了原教材的風格。從教材結構上打破了以往教材重點介紹網頁制作軟件這一套路，針對某些具體的網頁，以介紹這些網頁設計和制作技術為主，網頁制作軟件為輔，更加明確了學習目的，有利于激發學生的學習興趣。從內容安排上去掉了原來利用FrontPage 2000制作網頁部分的內容，新增了利用CSS樣式、模板和庫等制作網頁技術及動態網頁制作技術部分內容。另外，作者對書中涉及的網頁制作工具軟件進行了全面升級。

  書中首先給出一個高校校園網網站制作實例，展示給讀者幾個生動的網頁畫面，這些網頁都是作者精心設計制作的，基本上涵蓋了大部分網頁的主要功能，讓讀者對網頁有一個初步的印象。然后結合這些網頁介紹網頁設計和制作技術。在介紹網頁設計和制作技術時，作者分靜態網頁和動態網頁兩部分內容分別介紹。靜態網頁制作技術包括：網頁中文本、圖像、超鏈接、表格、表單、圖層和框架等的處理方法，以及美化網頁、CSS樣式、模板和庫等技術；動態網頁制作技術包括：腳本語言的使用、ASP技術、ADO技術。在本書的最后，作者具體介紹了該網站的制作過程，讓讀者充分了解網頁制作的全部，從而更好地掌握網頁制作的方法和步驟。

  本書用淺顯易懂的語言并輔之以精選的插圖講解具體的操作過程，并對初學者容易忽略的環節或容易出現的誤操作進行詳細的剖析，切實教會學生制作網頁的方法。相信讀者只要按部就班地制作好這些網頁，就基本上掌握了網頁的制作方法。只要對這些網頁稍加改進，一定能制作出適合您需要的網頁來。

  全書共分16章，第1章網頁制作初識，給出一個網頁制作的實例，讓讀者充分認識網頁；第2章介紹網站的創建方法；第3章～第9章分別介紹網頁中文本、表格、圖像、超鏈接、表單、框架、圖層的處理技術；第10章介紹美化網頁的方法；第11章介紹在網頁中使用CSS樣式；第12章介紹利用模板和庫設計網頁；第13章介紹在網頁中使用腳本語言；第14章介紹ASP技術；第15章介紹在網頁中使用ADO技術；第16章給出網站制作的綜合示例。選用本書的學�？梢酝ㄟ^電子郵件與作者聯系，獲取本書相關教學材料或應用案例，作者E-mail：[email protected]。

  本書由齊建玲主編，郭鐵柱、劉博濤、何麗娟任副主編。其中，第1章～第4章由齊建玲編寫，第5章～第8章由何麗娟編寫，第9章～第14章由郭鐵柱編寫，第15章和第16章由劉博濤編寫，崔巖、崔業勤、宋存米、趙秀芬、曲風娟、趙麗艷、王靜、袁莉也參與了部分內容的編寫和示例的制作。全書由齊建玲統稿。由于作者水平有限，書中難免出現一些錯誤和不妥之處，敬請廣大讀者批評指正。

序
前言
第1章  網頁制作初識 1
本章學習目標 1
1.1  一個校園網的制作示例 1
1.1.1  主要網頁畫面 1
1.1.2  網頁的基本功能 4
1.2  網頁的基本要素 4
1.2.1  文字 4
1.2.2  表格 5
1.2.3  圖形 5
1.2.4  鏈接標志 6
1.2.5  交互功能 6
1.2.6  聲音和視頻 6
1.3  網頁制作和美化工具 7
1.3.1  網頁制作工具 7
1.3.2  網頁美化工具 8
1.4  網頁制作的基本步驟 9
1.4.1  網站定位 9
1.4.2  整體規劃 10
1.4.3  網頁設計與制作 12
1.4.4  測試網頁 13
1.4.5  網頁上傳發布 13
1.4.6  網站的宣傳與推廣 13
1.4.7  網站的反饋與評價 14
1.4.8  網站的更新與維護 14
習題1 14
第2章  創建站點 15
本章學習目標 15
2.1  規劃站點結構 15
2.2  利用Dreamweaver MX創建站點 16
2.2.1  Dreamweaver MX簡介 16
2.2.2  定義站點 18
2.2.3  站點的基本操作 22
習題2 25
第3章  網頁文本的處理 26
本章學習目標 26
3.1  利用HTML處理文本 26
3.1.1  HTML基礎 28
3.1.2  標題處理 31
3.1.3  段落處理 31
3.1.4  文本格式處理 34
3.2  利用Dreamweaver MX處理網頁文本 37
3.2.1  輸入文本 37
3.2.2  查找/替換文本的內容 40
3.2.3  設置文本格式 40
3.2.4  添加和刪除中文字體 41
3.2.5  設置頁面的屬性 42
習題3 43
第4章  網頁表格的處理 44
本章學習目標 44
4.1  利用Dreamweaver MX處理網頁表格 44
4.1.1  創建表格 45
4.1.2  編輯表格 46
4.1.3  表格屬性的設置 52
4.1.4  表格的排序 53
4.1.5  表格的格式化 53
4.1.6  用表格進行頁面布局 54
4.2  利用HTML處理網頁表格 56
4.2.1  表格的基本構成 56
4.2.2  表格的編輯及屬性設置 57
習題4 59
第5章  網頁圖像的處理 60
本章學習目標 60
5.1  利用Dreamweaver MX編輯圖像 60
5.1.1  網頁中的顏色 60
5.1.2  圖像格式 61
5.1.3  使用網頁圖像的要點 63
5.1.4  在網頁中插入圖像 64
5.1.5  設置網頁背景 70
5.1.6  在Dreamweaver MX中巧妙地處理圖像 71
5.2  利用HTML處理圖像 73
5.2.1  插入圖像 73
5.2.2  設置圖像屬性 74
習題5 75
第6章  在網頁中使用超鏈接 76
本章學習目標 76
6.1  利用Dreamweaver MX處理超鏈接 76
6.1.1  超鏈接簡介 76
6.1.2  創建文本超鏈接 77
6.1.3  創建和刪除圖像超鏈接 81
6.1.4  創建錨記超鏈接 81
6.1.5  創建電子郵件超鏈接 83
6.1.6  創建下載文件超鏈接 83
6.1.7  創建空鏈接 83
6.2  利用HTML創建超鏈接 84
6.2.1  頁面鏈接 84
6.2.2  錨記鏈接 84
6.2.3  電子郵件鏈接 85
6.3  利用站點地圖管理超鏈接 85
6.3.1  建立網頁間的超鏈接 85
6.3.2  解除網頁間的超鏈接 86
6.3.3  更新超鏈接 86
6.3.4  檢查超鏈接 87
習題6 88
第7章  網頁表單的處理 90
本章學習目標 90
7.1  表單概述 90
7.2  利用Dreamweaver MX處理表單 91
7.2.1  表單插入面板 91
7.2.2  創建空白表單 92
7.2.3  插入并設置文本框 93
7.2.4  插入并設置單選按鈕 96
7.2.5  插入并設置復選框 97
7.2.6  插入并設置下拉列表框 98
7.2.7  插入按鈕 100
7.2.8  設置表單的背景顏色 101
7.3  利用HTML處理表單 101
7.3.1  表單標記符 102
7.3.2  表單輸入標記符 102
7.3.3  控件定義方法 102
習題7 107
第8章  利用框架技術制作網頁 108
本章學習目標 108
8.1  認識框架網頁 108
8.2  利用Dreamweaver MX處理框架 109
8.2.1  創建框架網頁 109
8.2.2  編輯框架網頁 111
8.2.3  保存框架網頁 113
8.2.4  框架屬性及框架組屬性設置 113
8.2.5  設置框架中的鏈接目標 116
8.3  利用HTML創建網頁框架 116
8.3.1  利用HTML創建框架網頁 116
8.3.2  框架結構的定義 118
8.3.3  框架屬性設置 118
習題8 120
第9章  利用圖層技術制作網頁 121
本章學習目標 121
9.1  認識圖層 121
9.2  圖層的基本操作 122
9.2.1  創建圖層 122
9.2.2  選擇圖層 123
9.2.3  激活圖層 124
9.2.4  移動圖層 125
9.2.5  復制圖層 125
9.2.6  調整圖層的大小 125
9.2.7  對齊圖層 126
9.2.8  吸附圖層到網格 126
9.3  圖層的管理 127
9.3.1  圖層的命名 127
9.3.2  改變圖層的可見性 127
9.3.3  改變圖層的疊放次序 128
9.4  圖層與表格 128
9.4.1  將圖層轉換為表格 129
9.4.2  將表格轉換為圖層 130
習題9 130
第10章  美化網頁 131
本章學習目標 131
10.1  使用Photoshop 7.0美化網頁 131
10.1.1  Photoshop的特點及功能 131
10.1.2  Photoshop 7.0的基本操作 132
10.1.3  利用Photoshop美化網頁 138
10.2  利用Fireworks MX美化網頁 144
10.2.1  利用Fireworks MX制作網頁圖片 144
10.2.2  將Fireworks MX制作的圖片放到網頁上 154
10.3  利用Flash MX制作網頁動畫 154
10.3.1  利用Flash MX制作網頁動畫 154
10.3.2  在網頁中加入Flash動畫 163
習題10 166
第11章  在網頁中使用CSS樣式 167
本章學習目標 167
11.1  CSS簡介 167
11.2  CSS樣式 167
11.2.1  CSS樣式表組成 167
11.2.2  幾種常用的selector 168
11.3  在網頁中使用CSS 171
11.3.1  在標記符中直接嵌套樣式信息 171
11.3.2  在STYLE標記符中定義樣式信息 171
11.3.3  引用外部樣式表中的樣式信息 171
11.4  CSS屬性 172
11.4.1  字體屬性 172
11.4.2  文本屬性 173
11.4.3  顏色與背景屬性 175
11.4.4  布局屬性 175
11.4.5  定位和顯示屬性 176
11.4.6  鼠標樣式屬性 177
11.4.7  列表樣式屬性 177
11.4.8  CSS濾鏡 178
11.5  在Dreamweaver MX中使用CSS樣式 178
11.5.1  CSS樣式面板 179
11.5.2  新建一個CSS樣式表 179
11.5.3  重新定義HTML標簽 181
11.5.4  設置頁面背景顏色 182
11.5.5  設置鏈接顏色 183
11.5.6  應用CSS樣式 183
11.5.7  修改樣式 184
11.5.8  鏈接外部CSS樣式表 184
習題11 184
第12章  利用模板和庫設計網頁 185
本章學習目標 185
12.1  利用模板創建網頁 185
12.1.1  模板原理 185
12.1.2  創建模板 185
12.1.3  定義可編輯區域 187
12.1.4  應用模板 189
12.1.5  管理模板 191
12.2  利用模板更新網頁 192
12.2.1  修改頁面附著的模板 192
12.2.2  更新附著模板的頁面 193
12.3  利用庫項目維護網頁 194
12.3.1  創建庫項目 194
12.3.2  在文檔中插入庫項目 196
12.3.3  庫項目的管理 197
12.3.4  更新網頁 199
習題12 200
第13章  在網頁中使用JavaScript 201
本章學習目標 201
13.1  腳本語言簡介 201
13.1.1  JavaScript的特點 201
13.1.2  JavaScript的運行和編輯環境 202
13.1.3  在網頁中使用JavaScript 202
13.2  JavaScript編程基礎 204
13.2.1  JavaScript變量 204
13.2.2  JavaScript運算符 205
13.2.3  JavaScript表達式 206
13.2.4  JavaScript語句 206
13.2.5  JavaScript函數 208
13.3  JavaScript的事件驅動 208
13.3.1  什么是事件 208
13.3.2  事件類型 209
13.4  JavaScript的對象 210
13.4.1  JavaScript的內部對象 210
13.4.2  瀏覽器對象 213
習題13 216
第14章  利用ASP實現交互功能 217
本章學習目標 217
14.1  ASP技術基礎 217
14.1.1  ASP的概念與工作流程 217
14.1.2  ASP的特點和功能 218
14.1.3  ASP對象 219
14.2  ASP應用程序 219
14.2.1  ASP的程序結構 219
14.2.2  ASP的基本語法 219
14.2.3  ASP命令 220
14.3  ASP內置對象 221
14.3.1  Request對象 221
14.3.2  Response對象 225
14.3.3  Server對象 228
14.3.4  Application對象 229
14.3.5  Session對象 231
14.3.6  ObjectContext對象 233
習題14 234
第15章  利用ADO實現網頁與數據庫的連接 235
本章學習目標 235
15.1  ADO概述 235
15.1.1  ADO對象 236
15.1.2  ADO數據集合 236
15.1.3  ADO對象與數據集合之間的關系 237
15.2  Connection對象 237
15.2.1  Connection對象的方法 238
15.2.2  Connection對象的屬性 239
15.2.3  Connection對象的數據集合 241
15.3  Recordset對象 241
15.3.1  Recordset對象的方法 241
15.3.2  Recordset對象的屬性 242
15.3.3  RecordSet對象的數據集合 245
15.4  Command對象 245
15.4.1  Command對象的方法 245
15.4.2  Command的屬性 246
15.5  Fields集合和Field對象 247
15.5.1  Fields集合的方法及屬性 247
15.5.2  Field對象的方法 248
15.5.3  Field對象的屬性 248
15.6  Properties數據集合和Property對象 249
15.6.1  Properties數據集合 249
15.6.2  Property對象 249
15.7  Parameters集合和Parameter對象 251
15.7.1  Parameters集合的方法 251
15.7.2  Parameter集合的屬性 252
15.7.3  Parameter對象的方法 252
15.7.4  Parameter對象的屬性 252
15.8  Errors集合和Error對象 253
15.8.1  Errors數據集合 253
15.8.2  Error對象 253
15.9  利用ADO實現新聞發布系統 255
15.9.1  數據庫的建立 255
15.9.2  程序源代碼 255
習題15 262
第16章  校園網制作示例 263
本章學習目標 263
16.1  定義站點 263
16.2  制作主頁 264
16.2.1  主頁布局 264
16.2.2  利用Photoshop制作校標 266
16.2.3  主頁制作 269
16.3  “學校概況”頁面的制作 277
16.3.1  框架表格的制作 277
16.3.2  頁面內容的制作 278
16.3.3  其他頁面的制作 280
16.4  “領導信箱”頁面的制作 280
16.4.1  系統功能簡介 280
16.4.2  系統操作流程 281
16.4.3  數據庫的建立 281
16.4.4  留言發布 282
16.4.5  信箱管理 288
參考文獻 296

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