 以培養職業能力為核心，以項目為載體，任務驅動，學生在設計與制作網站的過程中學會知識與技能，體現了“做中學、學中做”。

 基于網站設計與制作的工作過程構建項目和選取課程內容。每個項目又細分為子項目和任務，各任務安排循序漸進、由淺入深。

 可讀性強、適用性強。各項目由長期身處教學一線和網站設計制作工作崗位的教師及工程師編寫。

 綜合性強。融Photoshop、Dreamweaver、ASP和Access數據庫技術于網站設計與制作過程中，全書自始至終貫穿一個綜合項目，課程完成一個完整的網站也就制作完成了，學生會有很強的成就感。

第二版前言

本書是作者結合多年的教學經驗，在《網頁設計與制作實用技術》第一版的基礎上修改完成的。教材仍保持原教材特點，打破其他教材重點介紹網頁制作軟件這一套路，把網頁設計和制作的各種實用技術作為重點介紹，更加明確了學習目的，有利于提高學生的學習效果。

書中首先展示給讀者幾個生動的網頁畫面，這些網頁基本上涵蓋了大部分網頁的主要功能，讓讀者對網頁有一個初步的認識；然后結合示例介紹網頁設計和制作技術，包括：網頁中文本、圖像、超鏈接、表格、表單和框架等處理方法，美化網頁、CSS樣式、模板和庫等技術，腳本語言的使用、ASP.NET和ADO.NET技術。在教材的最后，介紹示例網站的制作過程，使讀者更好地掌握網頁制作的方法和步驟。

本書第一版自2005年出版以來，受到廣大讀者的厚愛與支持，在此深表感謝。作為第二版，作者繼續保留第一版教材的特色，并對部分內容進行了改進，主要有以下幾點：

（1）對教材中所涉及的軟件進行了全面更新，全部使用市場上較常用的網頁制作工具，書中的所有示例都是采用最新的工具軟件制作而成的。

（2）隨著軟件的升級，一些名詞、術語發生了變化，將原來的第9章“利用圖層技術制作網頁”改為“利用AP Div技術制作網頁”。

（3）考慮到課程學時的限制，對第10章“美化網頁”的內容進行了調整，刪去了Photoshop和Fireworks部分內容，只保留Flash部分。

（4）根據目前網頁設計的需求，增加了第11章“在網頁中應用多媒體對象”。

（5）將原來的ASP、ADO技術改為目前較流行的ASP.NET、ADO.NET技術。

（6）每章增加了形式多樣的習題，供讀者練習和鞏固知識點。

全書共分17章，第1章網頁制作初識；第2章介紹網站的創建方法；第3～9章分別介紹網頁文本、表格、圖像、超鏈接、表單、框架、AP Div的處理技術；第10章介紹利用Flash CS5制作網頁動畫；第11章介紹在網頁中應用多媒體對象；第12章介紹在網頁中使用CSS樣式；第13章介紹利用模板和庫設計網頁；第14章介紹在網頁中使用腳本語言；第15章介紹ASP.NET技術；第16章介紹在網頁中使用ADO.NET技術；第17章給出網站制作的綜合示例。

本書由齊建玲、楊艷杰任主編，趙麗、王歡、殷生斗任副主編。其中，第1～5章由齊建玲編寫，第6～10章由趙麗編寫，第11和12章由楊艷杰編寫，第13、14、17章由王歡編寫，第15和16章由殷生斗編寫，李廣川、王靜、袁全波、王慧娟、趙秀芬、曲風娟、趙麗艷、王宏宇、肖成等參與了部分內容的編寫和示例的制作。全書由齊建玲統稿。

限于編者水平，書中難免有錯誤和不妥之處，敬請廣大讀者批評指正。作者E-mail：qjl67@nciae.edu.cn。

編者

2012年3月

第一版前言

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

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

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

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

本書由齊建玲任主編，郭鐵柱、劉博濤、何麗娟任副主編。其中，第1～4章由齊建玲編寫，第5～8章由何麗娟編寫，第9～14章由郭鐵柱編寫，第15、16章由劉博濤編寫，崔巖、崔業勤、宋存米、趙秀芬、曲風娟、趙麗艷、王靜、袁莉也參與了部分內容的編寫和示例的制作。全書由齊建玲統稿。

由于作者水平有限，書中難免出現一些錯誤和不妥之處，敬請廣大讀者批評指正。

編者

2005年2月

第二版前言
第一版前言

第1章 網頁制作初識 1
1.1 初識網頁與網站 1
1.1.1 網頁與網站的概念 1
1.1.2 瀏覽網頁的工具—瀏覽器 2
1.1.3 網頁的類型 2
1.2 一個校園網的制作示例 3
1.2.1 主要的網頁畫面 3
1.2.2 網頁的基本功能 5
1.3 網頁的基本要素 6
1.3.1 文本 6
1.3.2 表格 6
1.3.3 圖形 7
1.3.4 超鏈接 7
1.3.5 交互功能 8
1.3.6 音頻和視頻 8
1.4 網頁制作和美化工具 9
1.4.1 網頁制作工具 9
1.4.2 網頁美化工具 10
1.5 網頁制作的基本步驟 11
1.5.1 網站定位 11
1.5.2 整體規劃 12
1.5.3 網頁設計與制作 13
1.5.4 測試網頁 15
1.5.5 網頁上傳發布 15
1.5.6 網站的宣傳與推廣 15
1.5.7 網站的反饋與評價 15
1.5.8 網站的更新與維護 16
習題一 16
第2章 創建站點 17
2.1 規劃站點結構 17
2.2 利用Dreamweaver CS5管理站點 18
2.2.1 Dreamweaver CS5簡介 18
2.2.2 定義站點 21
2.2.3 站點的基本操作 23
2.2.4 網頁文件的基本操作 25
習題二 28
第3章 網頁文本的處理 30
3.1 利用Dreamweaver CS5處理網頁文本 30
3.1.1 輸入文本 30
3.1.2 查找/替換文本的內容 34
3.1.3 設置文本格式 35
3.1.4 添加和刪除中文字體 36
3.1.5 設置頁面的屬性 37
3.2 利用HTML處理文本 38
3.2.1 HTML基礎 40
3.2.2 標題處理 43
3.2.3 段落處理 43
3.2.4 文本格式處理 45
習題三 49
第4章 網頁表格的處理 51
4.1 利用Dreamweaver CS5處理網頁表格 51
4.1.1 創建表格 51
4.1.2 編輯表格 54
4.1.3 表格屬性的設置 58
4.1.4 表格的排序 59
4.2 利用HTML處理網頁表格 60
4.2.1 表格的基本構成 60
4.2.2 表格的編輯及屬性設置 61
習題四 62
第5章 網頁圖像的處理 64
5.1 利用Dreamweaver CS5編輯圖像 64
5.1.1 網頁中的顏色 64
5.1.2 圖像格式 65
5.1.3 使用網頁圖像的要點 67
5.1.4 在網頁中插入圖像 68
5.1.5 設置網頁背景 73
5.1.6 在Dreamweaver CS5中巧妙地
處理圖像 74
5.2 利用HTML處理圖像 76
5.2.1 插入圖像 76
5.2.2 設置圖像屬性 76
習題五 77
第6章 在網頁中使用超鏈接 79
6.1 利用Dreamweaver CS5處理超鏈接 79
6.1.1 超鏈接簡介 79
6.1.2 文本超鏈接 80
6.1.3 圖像超鏈接 83
6.1.4 創建圖像熱點鏈接 83
6.1.5 創建錨記超鏈接 84
6.1.6 創建電子郵件超鏈接 85
6.1.7 創建下載文件超鏈接 86
6.1.8 創建空鏈接 86
6.1.9 創建腳本鏈接 86
6.1.10 鏈接的更新與檢查 86
6.2 利用HTML創建超鏈接 90
6.2.1 頁面鏈接 90
6.2.2 錨記鏈接 91
6.2.3 電子郵件鏈接 91
習題六 92
第7章 網頁表單的處理 93
7.1 表單概述 93
7.2 利用Dreamweaver CS5處理表單 94
7.2.1 表單插入面板 94
7.2.2 創建空白表單 95
7.2.3 插入并設置文本域 96
7.2.4 插入并設置單選按鈕 99
7.2.5 插入并設置復選框 100
7.2.6 插入并設置下拉列表框 101
7.2.7 插入按鈕 103
7.2.8 設置表單的背景顏色 104
7.2.9 驗證表單內容 104
7.3 利用HTML處理表單 105
7.3.1 表單標記符 106
7.3.2 表單輸入標記符 106
7.3.3 控件定義方法 106
習題七 111
第8章 利用框架技術制作網頁 112
8.1 認識框架網頁 112
8.2 利用Dreamweaver CS5處理框架 113
8.2.1 創建框架網頁 113
8.2.2 編輯框架網頁 116
8.2.3 保存框架網頁 118
8.2.4 框架屬性及框架集屬性設置 119
8.2.5 設置框架中的鏈接目標 121
8.3 利用HTML創建網頁框架 121
8.3.1 利用HTML創建框架網頁 121
8.3.2 框架結構的定義 123
8.3.3 框架屬性設置 123
8.3.4 網頁中的網頁IFrame 124
習題八 125
第9章 利用AP Div技術制作網頁 127
9.1 認識AP Div 127
9.2 AP Div的基本操作 128
9.2.1 創建AP Div 128
9.2.2 選擇AP Div 129
9.2.3 激活AP Div 130
9.2.4 移動AP Div 130
9.2.5 復制AP Div 131
9.2.6 調整AP Div的大小 131
9.2.7 對齊AP Div 132
9.2.8 吸附AP Div到網格 132
9.3 AP Div的管理 132
9.3.1 AP Div的命名 132
9.3.2 改變AP Div的可見性 133
9.3.3 改變AP Div的疊放次序 133
9.4 AP Div與表格 133
9.4.1 將AP Div轉換為表格 134
9.4.2 將表格轉換為AP Div 134
習題九 135
第10章 利用Flash CS5制作網頁動畫 136
10.1 Flash CS5簡介 136
10.1.1 有關動畫的一些基本概念 138
10.1.2 Flash CS5的界面組成 139
10.1.3 Flash CS5中的一些基本操作 143
10.2 利用Flash CS5制作網頁動畫 147
10.2.1 Flash文件的類型 147
10.2.2 Flash動畫的類型 147
10.2.3 Flash動畫的制作 149
10.3 在網頁中加入Flash動畫 154
10.3.1 準備工作 154
10.3.2 文件的發布設置 155
10.3.3 在網頁中加入.swf動畫 157
習題十 158
第11章 在網頁中應用多媒體對象 159
11.1 在網頁中插入SWF文件 159
11.1.1 在網頁中插入SWF文件 159
11.1.2 設置SWF文件屬性 160
11.2 在網頁中插入FLV文件 162
11.3 在網頁中插入Shockwave影片 163
11.4 在網頁中插入ActiveX控件 164
11.5 在網頁中插入Java Applet 165
11.6 在網頁中插入聲音 166
11.6.1 聲音文件 166
11.6.2 插入聲音文件 167
習題十一 168
第12章 在網頁中使用CSS樣式 169
12.1 CSS簡介 169
12.2 CSS樣式 169
12.2.1 CSS樣式表組成 169
12.2.2 幾種常用的選擇器類型 170
12.3 CSS屬性 172
12.3.1 字體屬性 172
12.3.2 文本屬性 173
12.3.3 顏色與背景屬性 175
12.3.4 布局屬性 175
12.3.5 定位和顯示屬性 176
12.3.6 鼠標樣式屬性 177
12.3.7 列表樣式屬性 177
12.3.8 CSS濾鏡 177
12.4 在Dreamweaver CS5中使用CSS樣式 178
12.4.1 利用CSS樣式面板應用
CSS樣式 178
12.4.2 利用屬性面板應用CSS樣式 182
12.4.3 直接在HTML中插入代碼 182
12.4.4 在Dreamweaver CS5中CSS的
應用技巧 186
習題十二 188
第13章 利用模板和庫設計網頁 189
13.1 利用模板創建網頁 189
13.1.1 模板原理 189
13.1.2 創建模板 190
13.1.3 在模板中創建可編輯區域 191
13.1.4 在模板中創建重復區域 193
13.1.5 在模板中使用可選區域 195
13.1.6 在模板中指定可編輯標簽屬性 196
13.1.7 應用模板 196
13.1.8 管理模板 198
13.2 利用模板更新網頁 199
13.2.1 修改頁面附著的模板 199
13.2.2 更新附著模板的頁面 200
13.3 利用庫項目維護網頁 201
13.3.1 創建庫項目 201
13.3.2 在文檔中插入庫項目 202
13.3.3 庫項目的管理 202
13.3.4 更新網頁 205
習題十三 206
第14章 在網頁中使用行為特效 207
14.1 JavaScript簡介 207
14.1.1 JavaScript的特點 207
14.1.2 JavaScript的運行和編輯環境 208
14.1.3 在網頁中使用JavaScript 208
14.2 JavaScript編程基礎 210
14.2.1 JavaScript變量 210
14.2.2 JavaScript運算符 211
14.2.3 JavaScript表達式 211
14.2.4 JavaScript語句 212
14.2.5 JavaScript函數 213
14.3 JavaScript行為的事件驅動 214
14.3.1 行為概述 214
14.3.2 事件類型 214
14.4 JavaScript的對象 215
14.4.1 JavaScript的內部對象 216
14.4.2 瀏覽器對象 219
14.5 利用Dreamweaver CS5添加網頁
行為特效 221
14.5.1 認識行為面板 221
14.5.2 利用“行為”面板添加網頁特效 222
習題十四 225
第15章 利用ASP.NET實現交互功能 226
15.1 ASP.NET技術基礎 226
15.2 ASP.NET頁面 228
15.2.1 Web頁面框架 228
15.2.2 Web窗體控件 230
15.2.3 創造ASP.NET頁面 233
15.3 ASP.NET內置對象 234
15.3.1 Response對象 235
15.3.2 Request對象 236
15.3.3 Application對象 236
15.3.4 Session對象 238
15.3.5 Server對象 239
15.3.6 Cookie對象 240
15.3.7 Global.asax 242
15.4 ASP.NET應用程序配置 243
15.4.1 ASP.NET應用程序概述 243
15.4.2 配置Web.config 244
15.4.3 配置machine.config 245
習題十五 246
第16章 利用ADO.NET實現網頁與數據庫
的連接 247
16.1 ADO.NET概述 247
16.1.1 ADO.NET簡介 247
16.1.2 ADO.NET的作用 248
16.1.3 ADO.NET的結構 248
16.1.4 ADO.NET的命名空間 249
16.2 ADO.NET常用對象 250
16.2.1 Connection對象 250
16.2.2 Command對象 251
16.2.3 DataAdapter對象 252
16.2.4 DataReader對象 253
16.2.5 DataSet對象 254
16.2.6 DataTable對象 255
16.3 ADO.NET訪問數據庫 257
習題十六 263
第17章 校園網制作示例 264
17.1 定義站點 264
17.2 制作主頁 264
17.2.1 主頁布局 264
17.2.2 主頁制作 265
17.3 “學校概況”頁面的制作 272
17.3.1 框架表格的制作 272
17.3.2 頁面內容制作 273
17.3.3 其他頁面的制作 275
參考文獻 276

1. Web用戶界面設計與制作 [主編 趙娟]
2. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
3. Web開發實戰 [主編　肖睿　陳永]
4. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
5. 網頁設計與制作 [主編 楊毅]
6. 網頁制作實戰 [主編 肖睿 羅保山]
7. 網頁設計與制作 [主編 陳建國 項煒]
8. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
9. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
10. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
11. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
12. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
13. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
14. CSS+DIV頁面布局技術 [主編 朱翠苗]
15. Web開發與安全防范 [主編 武春嶺]
16. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
17. ASP.NET（C#）網站開發 [主編 張志明 王輝]
18. 網頁設計實用技術 [主 編 陳建國 李勤]
19. JSP設計與開發 [秦毅 王可]
20. ASP.NET項目開發教程 [鄒承俊 任 華]
21. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
22. 網頁前端技術 [主 編 王敏杰 任云暉]
23. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
24. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
25. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
26. 網頁設計與制作 [主編 陳彥許 陳維華]