網頁制作與網站設計（第4版）

目 錄
第1章 Web網頁與網站基礎 1
1.1 WWW簡介 1
1.2 Web網頁與網站的關系 2
1.3 Web靜態(tài)網頁與動態(tài)網頁 3
1.4 HTML靜態(tài)網頁技術 4
1.4.1 HTML簡介 4
1.4.2 HTML靜態(tài)網頁基本結構 5
1.4.3 網頁內的文字格式 6
1.4.4 分段換行、預格式與列表 8
1.4.5 媒體元素的插入 10
1.4.6 超鏈接的使用 12
1.4.7 表格的設計與使用 16
1.4.8 表單的設計與使用 18
1.4.9 網頁屬性的設置 24
1.4.10 HTML標簽分類 25
1.5 HTML 5基礎 26
1.5.1 HTML 5的優(yōu)勢 26
1.5.2 HTML 5基本格式與新標簽 27
1.6 CSS基礎 34
1.6.1 CSS的定義 34
1.6.2 在網頁里應用CSS 40
1.6.3 CSS文件 41
1.6.4 其他樣式應用 44
1.7 網站建設與管理的步驟 46
【練習一】 48
【實驗一】用HTML和CSS制作含多個靜態(tài)網頁的個人網站 48
第2章 使用網頁工具制作靜態(tài)網頁 50
2.1 Dreamweaver入門 51
2.1.1 Dreamweaver CS6的界面 51
2.1.2 建立本地站點 55
2.1.3 新建HTML網頁 56
2.2 文本編排與CSS樣式 58
2.2.1 文本輸入及HTML屬性 58
2.2.2 CSS樣式的創(chuàng)建與應用 59
2.2.3 CSS樣式表文件 64
2.3 插入圖像、動畫與媒體元素 68
2.3.1 插入并編輯圖像 68
2.3.2 插入動畫和其他媒體元素 72
2.4 插入超鏈接 73
2.5 網頁表格 75
2.5.1 插入表格 76
2.5.2 編輯表格 77
2.5.3 表格中應用CSS樣式 80
2.5.4 使用表格布局網頁 82
2.6 使用表單 83
2.6.1 插入表單和表單對象 84
2.6.2 表單應用示例 86
2.7 層的使用 88
2.7.1 在網頁中插入層 88
2.7.2 表格和層的相互嵌套 89
2.7.3 使用層和ID樣式布局頁面 91
2.8 使用浮動框架布局網頁 93
【練習二】 98
【實驗二】 投票系統(tǒng)外觀設計 99
第3章 網頁圖形與圖像處理 100
3.1 Fireworks基礎 100
3.1.1 Fireworks CS6的新功能 100
3.1.2 Fireworks CS6的安裝、啟動與退出 101
3.1.3 Fireworks CS6的界面 102
3.1.4 創(chuàng)建Fireworks文件 106
3.2 圖形的繪制與編輯 107
3.2.1 繪圖工具簡介 107
3.2.2 基本圖形繪制與變形 108
3.2.3 層與蒙板 120
3.2.4 按鈕與動畫 124
3.3 圖像處理 131
3.3.1 圖像選擇與修飾 131
3.3.2 濾鏡效果應用 136
3.3.3 特效與樣式使用 141
3.3.4 圖像合成 143
3.4 圖像的優(yōu)化與導出 147
3.4.1 圖像的優(yōu)化 147
3.4.2 圖像的導出 150
【練習三】 152
【實驗三】 網頁圖形與圖像處理實驗 153
第4章 網站網頁規(guī)劃與設計 154
4.1 網站的欄目規(guī)劃 154
4.1.1 網站的邏輯結構 154
4.1.2 欄目規(guī)劃 156
4.1.3 欄目規(guī)劃舉例 159
4.2 網站的目錄結構設計 160
4.2.1 目錄結構設計原則 161
4.2.2 目錄結構設計舉例 162
4.3 網站的風格設計 163
4.3.1 顏色搭配基礎 163
4.3.2 版面布局設計 168
4.4 網頁設計實踐 173
4.4.1 從Dreamweaver到Fireworks設計網頁 173
4.4.2 從Fireworks到Dreamweaver設計網頁 177
4.5 網站導航設計 182
4.5.1 導航的實現(xiàn)方法 182
4.5.2 導航的設計策略 186
【練習四】 186
【實驗四】 ×××個人網站網頁的規(guī)劃與設計 186
第5章 JavaScript語言與行為 187
5.1 JavaScript簡介 187
5.1.1 插入JavaScript腳本的方式 187
5.1.2 JavaScript語法基礎 191
5.1.3 JavaScript事件 197
5.2 JavaScript對象 201
5.2.1 JavaScript內置對象 202
5.2.2 瀏覽器對象 207
5.3 行為 216
5.3.1 行為概述 216
5.3.2 可視化編輯行為 217
5.4 jQuery基礎 227
5.4.1 jQuery概述 227
5.4.2 jQuery語法基礎 227
5.4.3 jQuery簡單應用 232
【練習五】 241
【實驗五】下拉式導航菜單的設計 241
第6章 ASP動態(tài)網頁基礎 242
6.1 ASP入門 242
6.1.1 ASP概述 242
6.1.2 WWW服務器環(huán)境配置與ASP網頁調試 244
6.2 VBScript腳本語言 248
6.2.1 VBScript的數(shù)據類型、常量、變量與數(shù)組 248
6.2.2 VBScript運算符與內置函數(shù) 251
6.2.3 VBScript的控制結構 257
6.2.4 VBScript過程和函數(shù) 261
6.3 ASP內置對象及應用 267
6.3.1 Response對象 268
6.3.2 Request對象 272
6.3.3 Session對象 281
6.3.4 Server對象 283
6.3.5 Application對象 285
6.3.6 靜態(tài)題目在線測試與自動評分應用 287
【練習六】 291
【實驗六】 ASP網頁編程基礎實驗 291
第7章 ASP動態(tài)網頁數(shù)據庫技術 293
7.1 數(shù)據庫基礎知識 293
7.1.1 數(shù)據庫基本概念 293
7.1.2 建立Access數(shù)據庫 294
7.2 SQL語言基礎 298
7.3 ASP訪問數(shù)據庫 301
7.3.1 ADO組件對象簡介 302
7.3.2 Connection對象及應用 303
7.3.3 Recordset對象及應用 308
7.3.4 Field對象和Fields集合的應用 326
7.4 ASP動態(tài)網頁數(shù)據庫技術應用基礎 328
7.4.1 ASP動態(tài)添加、刪除記錄 328
7.4.2 用戶注冊、登錄與退出系統(tǒng) 334
【練習七】 340
【實驗七】 ASP動態(tài)網頁數(shù)據庫實驗 341
第8章 Web動態(tài)網站設計開發(fā)實例 342
8.1 Web動態(tài)網站設計開發(fā)一般步驟 342
8.2 在線測試與自動評分系統(tǒng)設計開發(fā) 344
8.2.1 在線測試自動評分系統(tǒng)需求分析 344
8.2.2 在線測試與自動評分系統(tǒng)數(shù)據庫設計 346
8.2.3 在線測試自動評分系統(tǒng)靜態(tài)結構設計 347
8.2.4 在線測試自動評分系統(tǒng)動態(tài)設計開發(fā) 354
8.3 網絡留言與管理平臺設計開發(fā) 368
8.3.1 網絡留言與管理平臺需求分析 368
8.3.2 網絡留言與管理平臺數(shù)據庫設計 369
8.3.3 網絡留言與管理平臺靜態(tài)結構設計 370
8.3.4 網絡留言與管理平臺動態(tài)設計開發(fā) 376
8.4 Web動態(tài)新聞網站平臺設計開發(fā) 395
8.4.1 動態(tài)新聞網站需求分析 395
8.4.2 動態(tài)新聞網站數(shù)據庫設計 396
8.4.3 新聞網站各網頁靜態(tài)結構設計 397
8.4.4 ASP新聞網站動態(tài)設計開發(fā) 399
【練習八】 418
【實驗八】 Web動態(tài)網站設計開發(fā)實驗 419
參考文獻 420