本書全面介紹了Web標準網頁設計與ASP動態網頁技術,採用“原理+實例+綜合案例”的編排方式,在敘述有關原理時安排了大量的相關實例,使讀者能迅速理解有關原理的用途。本書分為10章,內容包括網頁與網站的基礎知識,HTML、CSS、JavaScript等前端網頁開發技術、Fireworks美工設計和ASP網站後台程式設計。
書 名:Web標準網頁設計與ASP
作 者:唐四薪
出版社: 清華大學出版社
出版時間: 2011年9月
ISBN: 9787302258124
字數:661千字
開本: 16
頁碼:438 頁
定價:39.50 元
叢書名:大學計算機基礎教育規劃教材
全書遵循Web標準,面向工程實際,強調原理性與實用性。
本書可作為高等院校各專業“網頁設計與製作”課程的教材,也可作為網頁設計、網站製作的培訓類教材,還可供網頁設計和開發人員參考使用。
網頁設計技術經過10多年的發展,已經發生了很大的變化,其中最重要的變化莫過於“Web標準”這一理念被越來越廣泛地接受。目前網頁設計工程領域招聘網頁設計人員時最常見的要求就是要懂DIV+CSS,並能夠手工編寫代碼製作網頁。這些要求代表了網頁設計技術的發展趨勢。
本書系統地介紹了遵循Web標準的網頁設計方法,Web標準給網頁設計帶來的變化不僅反映在大量使用CSS進行布局,更重要的是使整個網頁設計的過程也發生重大的改變。正如在本書第六章中的設計案例將看到的,在還沒有考慮網頁外觀之前就已經將網頁的HTML代碼寫出來了,這對於表格布局的網頁是不可想像的。通過這種方式實現了“結構”和“表現”相分離,就是Web標準最大的原則和優勢。使得設計師在最初考慮網頁內容時不需要考慮網頁的外觀。
作為教材,本書在編排時必須考慮高校的教學需要,由於Web標準僅僅涉及網頁的前端開發技術,主要是XHTML和CSS。但很多專業在開設網頁設計類課程時,授課的內容大多會包括靜態網頁和動態網頁技術兩方面。因此本書還包括了JavaScript和ASP的內容,ASP作為動態網頁的經典技術,具有簡單易學,實驗環境容易配置等優點。並且通過學習ASP能為將來學習其他動態網頁技術打下良好的基礎。本書在ASP一章中的案例在靜態網頁設計部分仍然遵循Web標準,採用DIV+CSS布局。
第一章 網頁設計概述 12
1.1 網頁設計的兩個基本問題 12
1.1.1 網頁布局概述 12
1.1.2 網頁色彩的搭配 15
1.2 網頁與網站 23
1.2.1 什麼是網頁 23
1.2.2 網頁設計語言——HTML簡介 23
1.2.3網頁和網站的開發工具介紹 24
1.2.4 網站的含義和特點 25
1.3 Web伺服器和瀏覽器 27
1.3.1 Web伺服器的作用 28
1.3.2瀏覽器的種類和作用 28
1.4 域名與主機的關係 29
1.5 URL的含義和結構 30
習 題 1 31
第二章 (X)HTML和Web標準 32
2.1 認識HTML文檔 32
2.1.1 使用記事本編輯一個HTML檔案 32
2.1.2認識Dreamweaver CS3 32
2.1.3使用DW新建HTML檔案 33
2.2 標記(Tags)和元素(Elements) 34
2.2.1 標記的概念和結構 34
2.2.2標記帶有屬性時的結構 34
2.2.3 HTML標記的分類 35
2.2.4 常見的HTML標記和屬性 35
2.2.5元素的概念 36
2.2.6 行內元素和塊級元素 36
2.3 Web標準 37
2.3.1 Web標準的含義 37
2.3.2 Web標準的優勢 38
2.4 HTML與XHTML 39
2.4.1 文檔類型的含義和選擇 39
2.4.2 XHTML與HTML的重要區別 40
習 題 2 41
第三章 HTML標記 42
3.1文本格式標記 42
3.1.1 文本排版 42
3.1.2 文本的換行和空格 43
3.1.3 文本中的字元實體 45
3.2 文本修飾標記(字型標記) 45
3.3列表標記 46
3.4 利用DW代碼視圖提高效率 47
3.4.1 代碼提示 47
3.4.2 拆分視圖和代碼快速定位 48
3.4.3 DW中的常用快捷鍵 49
3.5 圖像標記<img> 49
3.5.1 網頁中支持的圖像格式 50
3.5.2 網頁中插入圖像的兩種方法 51
3.5.3 在單元格中插入圖片的方法 51
3.5.4 <img>插入圖像的對齊方式 51
3.6 超連結標記<a> 51
3.6.1 絕對URL和相對URL 52
3.6.2 超連結的源對象:文本,圖像,熱區 53
3.6.3 超連結的種類(href屬性的取值) 54
3.6.4 超連結目標的打開方式 55
3.6.5 超連結製作的原則 55
3.6.6 DW中超連結屬性面板的使用 56
3.7 flash及媒體元素的插入 56
3.7.1 插入flash的方法 56
3.7.2 插入視頻或音頻檔案 57
3.8 表格標記(<table>、<tr>、<td>) 58
3.8.1 表格標記(<table>、<tr>、<td>)及其屬性 58
3.8.2 在DW中操作表格的方法 62
3.8.3製作固定寬度的表格 64
3.8.4 用普通表格與布局表格分別進行網頁布局 65
3.8.5 特殊效果表格的製作 67
3.8.6 表格布局綜合案例——製作太陽能網站 69
3.9 表單標記(form,input,select) 71
3.9.1 表單標記<form> 71
3.9.2 <input>標記 73
3.9.3 <select>和<option>標記 75
3.9.4 多行文本域標記<textarea> 75
3.9.5表單中的按鈕 76
3.9.6表單數據的傳遞過程 76
3.9.7 表單的輔助標記 78
3.10 框架標記* 78
3.10.1 框架的作用 78
3.10.2 <frameset>標記 79
3.10.3 <frame />標記 80
3.10.4嵌入式框架標記<iframe> 80
3.11 容器標記(div,span)* 81
3.12 頭部標記* 82
習題 3 83
第四章 CSS 85
4.1 CSS基礎 85
4.1.1 CSS的語法 85
4.1.2 在HTML中引入CSS的方法 86
4.1.3 選擇器的分類 87
4.1.4 CSS文本修飾 89
4.1.5 偽類選擇器及其套用 91
4.1.6 CSS的層疊性 92
4.1.7 CSS的繼承性 94
4.1.8 選擇器的組合 95
4.1.9 CSS 2.1新增加的選擇器簡介 100
4.2 CSS設計和書寫技巧* 104
4.2.1 CSS樣式的總體設計原則 104
4.2.2 DW對CSS的可視化編輯支持 105
4.3 CSS屬性的值和單位* 107
4.4 瀏覽器的私有CSS屬性* 108
4.5盒子模型及標準流下的定位 109
4.5.1 盒子模型基礎 110
4.5.2 盒子模型的套用 113
4.5.3 盒子在標準流下的定位原則 115
4.6 背景的控制 119
4.6.1 CSS的背景屬性 119
4.6.2背景的基本運用技術 121
4.6.3 滑動門技術-背景的高級運用 124
4.6.4 背景圖案的翻轉-控制背景的顯示區域 128
4.6.5 CSS圓角設計 129
4.7 盒子的浮動 132
4.7.1 盒子浮動後的特點 132
4.7.2 浮動的清除 134
4.7.3 浮動的瀏覽器解釋問題 135
4.7.4 浮動的套用舉例 139
4.8 相對定位和絕對定位 143
4.8.1 定位屬性和偏移屬性 143
4.8.2 相對定位 144
4.8.3 相對定位的套用舉例 145
4.8.4 絕對定位 146
4.8.5 絕對定位的套用舉例 148
4.8.6 DW中定位屬性面板介紹 157
4.8.7 與position屬性有關的CSS屬性 158
4.9 CSS+div布局 162
4.9.1 分欄布局的種類 163
4.9.2 固定寬度布局 163
4.9.3 CSS布局的案例——重構太陽能網站 164
4.9.4 可變寬度布局 167
4.10 解決CSS瀏覽器兼容問題的基本方法* 171
習 題 173
第五章 Fireworks 175
5.1 Fireworks基礎 175
5.1.1 矢量圖和點陣圖的概念 175
5.1.2 認識Fireworks的界面 175
5.1.3 新建、打開和導入檔案 177
5.1.4畫布和圖像的調整 178
5.2 操作對象 178
5.2.1 選擇、移動和對齊對象 179
5.2.2 變形和扭曲 179
5.2.3 改變對象的疊放次序 180
5.3 編輯點陣圖 181
5.3.1 創建和取消選區 181
5.3.2 複製和移動選區中的內容 184
5.4 繪製矢量圖形 185
5.4.1 創建矢量圖形 185
5.4.2 調整矢量線條 189
5.4.3 路徑的切割和組合 191
5.5 文本對象的使用 192
5.5.1 文本編輯和修飾的過程舉例 192
5.5.2 將文本附加到路徑 194
5.6 蒙版 195
5.6.1 使用“貼上於內部”創建矢量蒙版 195
5.6.2 創建點陣圖蒙版 199
5.7 切片及導出 201
5.7.1 切片的作用 201
5.7.2 切片的基本操作 202
5.7.3 切片的實例 204
習 題 5 207
第六章 網站開發和網頁設計的過程 208
6.1網站開發的過程 208
6.1.1 基本任務和角色 208
6.1.2 網站開發過程的各環節 209
6.2 遵循Web標準的網頁設計步驟 211
6.2.1網頁設計步驟概述 211
6.2.2 內容分析 212
6.2.3 HTML結構設計 213
6.2.4 原型設計 214
6.2.5 網頁效果圖設計 215
6.2.6 布局設計 216
6.2.7 視覺設計 218
6.2.8 互動效果設計 222
6.2.9 總結CSS布局的優點 223
6.3 網站的風格設計 223
6.4 網站的欄目規劃和目錄結構設計 224
6.4.1 網站的欄目規劃 224
6.4.2 網站的目錄結構設計 225
6.5 網站的導航設計* 226
6.5.1 導航的實現方法 226
6.5.2 導航的設計策略 227
6.6 網站的環境準備* 227
6.6.1 架設網站的基本條件 228
6.6.2 購買主機空間和域名 228
6.6.3 配置主機空間和域名 228
6.6.4 上傳網站 229
習 題 6 230
第七章 JavaScript 231
7.1 JavaScript簡介 231
7.1.1 JavaScript的特點 231
7.1.2 JavaScript的用途 231
7.1.3 網頁中插入JavaScript腳本的方法 232
7.1.4 開發和調試JavaScript的工具 234
7.2 JavaScript語言基礎 235
7.2.1 JavaScript的變數 235
7.2.2 JavaScript的運算符 235
7.2.3 JavaScript數據類型 238
7.2.4 JavaScript語句 242
7.2.5 函式 246
7.3 對象 248
7.3.1 JavaScript對象 248
7.3.2 with語句 249
7.3.3 this關鍵字 249
7.3.4 JavaScript的內置對象 251
7.4 瀏覽器對象模型BOM 251
7.4.1 Window對象 252
7.4.2 使用定時操作函式製作動畫效果 254
7.4.3 location對象 257
7.4.4 history對象 258
7.4.5 document對象 258
7.4.6 screen對象 260
7.5 文檔對象模型DOM 261
7.5.1 網頁中的DOM模型 261
7.5.2 訪問指定節點 262
7.5.3 訪問和設定元素的HTML屬性 265
7.5.4 訪問和設定元素的內容 266
7.5.5 訪問和設定元素的CSS屬性 267
7.5.6 創建和替換元素節點 270
7.5.7 用DOM控制表單 271
7.6 事件處理 274
7.6.1 事件流 274
7.6.2 處理事件的兩種方法 274
7.6.3 瀏覽器中的常用事件 277
7.6.4 事件對象 280
7.6.5 DOM和事件編程實例 282
7.7 jQuery框架使用入門 287
習 題 7 289
第八章 ASP程式設計基礎 291
8.1 靜態網頁和動態網頁 291
8.1.1 為什麼需要動態網頁 291
8.1.2 ASP動態網頁的工作原理 292
8.2 ASP的運行環境 293
8.2.1 IIS的安裝 293
8.2.2 運行第一個ASP程式 294
8.2.3 IIS的配置 296
8.2.4 配置DW開發ASP程式 298
8.3 VBScript腳本語言基礎 300
8.3.1 ASP代碼的基本格式 300
8.3.2 VBScript的變數 302
8.3.3 VBScript數組 302
8.3.4 VBScript運算符和表達式 304
8.4 VBScript內置函式 305
8.4.1 字元串相關函式 305
8.4.2 日期和時間函式 306
8.4.3 轉換函式 307
8.4.4 數學函式 307
8.4.5 檢驗函式 308
8.5 過程與函式 308
8.5.1 Sub過程 308
8.5.2 Function函式 309
8.6 VBScript語句 310
8.6.1 條件語句 310
8.6.2 循環語句 311
8.7 Include檔案包含命令和容錯語句 313
8.7.1 Include檔案包含命令 313
8.7.2 容錯語句 314
第九章 ASP的內置對象 315
9.1 Request對象 315
9.1.1 Request對象簡介 315
9.1.2 使用Request.Form獲取表單中的信息 316
9.1.3 使用Request.QueryString獲取URL查詢字元串信息 319
9.1.4 使用Request.ServerVariables獲取環境變數信息 321
9.2 Response對象 322
9.2.1 使用Response.Write輸出信息 322
9.2.2 使用Response.Redirect方法重定向網頁 323
9.2.3 使用Response.End停止處理當前腳本 323
9.2.4 使用Buffer屬性、Flush、Clear方法對緩衝區進行操作 324
9.2.5 讀取和輸出二進制數據 325
9.3 使用Cookies集合在客戶端保存信息 326
9.3.1 使用Response對象設定Cookie 326
9.3.2 使用Request對象讀取Cookie 327
9.3.3 Cookie的套用舉例 327
9.4 Session對象 329
9.4.1 存儲和讀取Session信息 330
9.4.2 利用Session限制未登錄用戶的訪問 331
9.4.3 Session對象的屬性 332
9.4.4 Session.Abandon方法 333
9.5 Application對象 333
9.5.1 存儲和讀取Application變數 333
9.5.2 Application對象的套用舉例 334
9.5.3 Global.asa檔案 335
9.6 Server對象 337
第10章 ASP訪問資料庫 341
10.1 資料庫的基本知識 341
10.1.1 資料庫的基本術語 341
10.1.2 建立Access資料庫 342
10.1.3 SQL語言簡介 345
10.2 ADO概述 347
10.3 Connection對象 348
10.3.1 使用Open方法連線資料庫 348
10.3.2 使用Execute方法創建記錄集 350
10.3.3 在頁面上輸出數據 351
10.3.4 使用Execute方法操縱資料庫 352
10.4 使用conn.execute方法操縱資料庫的綜合實例 353
10.4.1數據管理主界面的設計 353
10.4.2 添加記錄的實現 355
10.4.3 刪除記錄的實現 356
10.4.4 同時刪除多條記錄的實現 356
10.4.5 更新記錄的實現 358
10.5 Recordset對象 359
10.5.1 使用open方法創建記錄集對象 360
10.5.2 RecordSet對象的屬性 361
10.5.3 Recordset對象的屬性套用實例 362
10.5.4 RecordSet對象的方法 364
10.5.5 使用RecordSet對象的方法添加、刪除、更新記錄 365
10.5.6 分頁顯示數據 366
10.5.7 Recordset對象的Fields集合 370
10.6 新聞網站綜合實例 370
10.6.1 為網站引用後台程式和資料庫 371
10.6.2 在首頁顯示數據表中的新聞 372
10.6.3 製作動態圖片輪顯效果 375
10.6.4 製作顯示新聞詳細頁面 377
10.6.5 製作分欄目首頁 379
10.7 留言板綜合實例 379