網(wǎng)頁設(shè)計(jì)與制作實(shí)用技術(shù)

  本書作為應(yīng)用型本科教材，是作者結(jié)合多年的教學(xué)經(jīng)驗(yàn)，在原高職高專教材基礎(chǔ)上修改完成的。作者保留了原教材的風(fēng)格。從教材結(jié)構(gòu)上打破了以往教材重點(diǎn)介紹網(wǎng)頁制作軟件這一套路，針對某些具體的網(wǎng)頁，以介紹這些網(wǎng)頁設(shè)計(jì)和制作技術(shù)為主，網(wǎng)頁制作軟件為輔，更加明確了學(xué)習(xí)目的，有利于激發(fā)學(xué)生的學(xué)習(xí)興趣。從內(nèi)容安排上去掉了原來利用FrontPage 2000制作網(wǎng)頁部分的內(nèi)容，新增了利用CSS樣式、模板和庫等制作網(wǎng)頁技術(shù)及動(dòng)態(tài)網(wǎng)頁制作技術(shù)部分內(nèi)容。另外，作者對書中涉及的網(wǎng)頁制作工具軟件進(jìn)行了全面升級。

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

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

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

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

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

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