第1篇 HTML網頁技術 1
第1章 網頁技術學前班 2
1.1 Internet相關技術介紹 3
1.1.1 TCP/IP協議 3
1.1.2 IP地址和域名簡介 3
1.1.3 URL簡介 4
1.1.4 Web瀏覽器 4
1.2 Internet技術的應用 4
1.3 HTML網頁技術簡介 5
1.3.1 什麽是HTML 5
1.3.2 HTML網頁的結構 5
1.3.3 如何獲取網頁的HTML 6
1.4 靜態網頁和動態網頁 6
1.4.1 有動畫的網頁就是動態網頁嗎 6
1.4.2 有了動態網頁還有必要學習HTML嗎 7
1.4.3 網站簡介 8
1.5 小結 8
第2章 網頁制作的第壹次接觸 9
2.1 配置Web服務器運行環境 10
2.1.1 系統要求 10
2.1.2 IIS是幹什麽的 10
2.1.3 安裝IIS 10
2.1.4 配置IIS 11
2.1.5 網頁制作工具的選擇 13
2.2 了解網頁技術的工作原理 13
2.2.1 靜態HTML的工作流程 14
2.2.2 如何設置Web技術中的訪問路徑 14
2.2.3 網頁中怎麽表示顏色 15
2.2.4 學習網頁技術的順序 16
2.3 制作壹個完整的HTML網頁 17
2.3.1 怎樣寫HTML網頁的標簽 17
2.3.2 完成第壹個網頁 17
2.4 小結 19
第3章 HTML網頁的整體設置 20
3.1 HTML的頭部信息設置 21
3.1.1 定義網頁的標題 21
3.1.2 設置網頁的基底網址 22
3.1.3 掌握強大的元信息標簽 22
3.1.4 怎樣和CSS及JavaScript產生聯系 24
3.1.5 頭部信息的其他設置 25
3.2 HTML主體的常用設置 26
3.2.1 設置網頁的背景色 26
3.2.2 設置網頁的背景圖片 27
3.3 頁面的整體邊距 29
3.4 HTML代碼的註釋 30
3.5 小結 30
第4章 HTML網頁中的文字和段落 31
4.1 段落排版和換行 32
4.1.1 給大段文字進行分段 32
4.1.2 給文字加入空格 33
4.1.3 設置文字換行與不換行 33
4.1.4 設置文字對齊方式 34
4.1.5 添加水平分隔線 35
4.2 文字的多樣化修飾 37
4.2.1 文字樣式設置的基本標簽—<font> 37
4.2.2 設置文字的顏色 37
4.2.3 設置文字的尺寸 38
4.2.4 設置文字的字體 39
4.2.5 使文字傾斜 39
4.2.6 使文字加粗 39
4.2.7 給文字加下畫線 40
4.2.8 多種標題樣式的使用 40
4.2.9 學會處理網頁中的特殊字符 41
4.2.10 如何更方便地忽略瀏覽器對部分HTML的解析 42
4.2.11 其他文字修飾方法 43
4.3 制作滾動文字 44
4.3.1 設置文字滾動 44
4.3.2 設置文字滾動的方向 45
4.3.3 設置文字滾動的速度和形式 45
4.4 用於組織數據的列表 46
4.4.1 列表的結構組成 46
4.4.2 制作無序列表 46
4.4.3 制作有序列表 46
4.5 超級鏈接 47
4.5.1 給文字添加鏈接 48
4.5.2 修改鏈接的窗口打開方式 48
4.5.3 給鏈接添加提示文字 49
4.5.4 什麽是錨(anchor) 49
4.5.5 電子郵件、FTP和Telnet的鏈接 51
4.6 小結 52
第5章 HTML網頁中的圖片 53
5.1 認識網頁中的圖片格式 54
5.1.1 常用的圖片格式 54
5.1.2 選擇合適的圖片格式 55
5.2 插入圖片 56
5.2.1 插入圖片到網頁 56
5.2.2 設置圖片的高度和寬度 56
5.2.3 設置圖片的邊框 57
5.2.4 給圖片添加提示文字 57
5.2.5 給圖片添加替代文字 58
5.3 圖文混合排版 58
5.4 給圖片加鏈接 60
5.5 制作滾動圖片 62
5.6 小結 63
第6章 插入外部資源 64
6.1 插入多媒體資源 65
6.1.1 為網頁添加背景聲音 65
6.1.2 為網頁添加音樂、動畫等更多媒體資源 66
6.2 插入外部程序 67
6.2.1 插入外部JavaScript程序 67
6.2.2 區分程序的客戶端程序與服務器端程序 68
6.3 小結 69
第7章 強大的表格 70
7.1 認識表格的作用 71
7.1.1 用表格組織數據 71
7.1.2 用表格布局網頁 72
7.2 創建壹個表格 73
7.2.1 表格的基本構成 73
7.2.2 <tr>與<td>的配合 74
7.2.3 表頭組和表尾組的設置 75
7.2.4 創建壹個完整的表格 75
7.3 表格的整體控制 76
7.3.1 控制表格的高度和寬度 76
7.3.2 調整表格的水平對齊方式 77
7.3.3 嘗試不同類型的表格邊框 78
7.3.4 調整表格的填充和間距 82
7.3.5 改變表格的背景色及背景圖片 85
7.4 表格行的控制 87
7.4.1 整行的高度設置 87
7.4.2 行內的對齊控制 88
7.5 表格單元格的控制 89
7.5.1 控制單元格的高度和寬度 90
7.5.2 單元格的對齊設置 91
7.5.3 合並多個單元格 91
7.6 表格的互相嵌套 93
7.6.1 嵌套表格的作用 93
7.6.2 表格布局網頁實例 94
7.6.3 用Photoshop切片迅速生成布局表格 97
7.7 小結 99
第8章 和程序交互的利器——表單 100
8.1 表單的用途及屬性 101
8.1.1 表單的用途 101
8.1.2 表單的結構 101
8.1.3 表單的數據傳遞方式 102
8.2 表單的控件 103
8.2.1 單行文本框控件和密碼框控件 103
8.2.2 多行文本框控件 104
8.2.3 不同類型的按鈕控件 105
8.2.4 單選框控件和復選框控件 106
8.2.5 下拉列表和列表框控件 107
8.2.6 圖像域控件、文件域控件和隱藏域控件 108
8.3 實戰表單制作 109
8.3.1 表單控件的分組方法 110
8.3.2 用戶註冊表單頁面實例 111
8.4 小結 113
第9章 網頁的框架頁面 114
9.1 用框架靈活地組織網頁 115
9.1.1 框架在網站中的作用 115
9.1.2 框架的結構分析 115
9.2 建立完整的框架頁面 116
9.2.1 建立窗口框架集 116
9.2.2 幀的比例調整 117
9.2.3 調整幀邊框屬性 118
9.2.4 設置幀滾動條 119
9.2.5 復雜幀結構的框架頁面 120
9.3 特殊的<iframe>框架 121
9.3.1 使用<iframe>的好處 121
9.3.2 設置浮動框架屬性 122
9.4 框架綜合實例 123
9.5 小結 125
第2篇 CSS網站布局與樣式 126
第10章 CSS的第壹次接觸 127
10.1 何謂Web標準 128
10.1.1 理解Web標準的基本組成和內涵 128
10.1.2 關於Web標準與瀏覽器的兼容性 129
10.2 XHTML與CSS的概念 129
10.2.1 XHTML與CSS實現樣式與結構分離 129
10.2.2 CSS布局與表格布局的分析 130
10.3 XHTML的基本知識 132
10.4 CSS編寫基本模式 133
10.4.1 CSS的聲明方法 133
10.4.2 CSS的媒介控制 134
10.5 CSS的基本語法 135
10.5.1 CSS通過接口作用於XHTML元素 135
10.5.2 CSS的屬性和選擇符 136
10.5.3 CSS的各種選擇符詳解 137
10.5.4 id和class的區別 139
10.6 CSS的顏色和數值單位 139
10.7 小結 139
第11章 CSS布局方法 140
11.1 什麽叫“DIV+CSS” 141
11.1.1 初識div 141
11.1.2 XHTML中的塊狀元素和內聯元素 142
11.1.3 div元素的樣式設置 143
11.1.4 布局頁面的寬度 144
11.1.5 布局頁面水平居中 145
11.1.6 div元素的嵌套 146
11.1.7 div元素的浮動 147
11.1.8 壹些高級的div布局技巧 151
11.1.9 壹個典型的網頁布局實例 153
11.2 列表元素布局 156
11.2.1 列表元素制作導航條 156
11.2.2 列表元素的綜合使用——導航條制作 158
11.2.3 導航條的互動布局 159
11.3 CSS盒模型 161
11.3.1 什麽是CSS盒模型 161
11.3.2 外邊距的控制 162
11.3.3 邊框的樣式設置 163
11.3.4 內邊距的設置 165
11.3.5 盒模型兼容問題 167
11.4 元素的非常規定位方式 167
11.4.1 CSS絕對定位 167
11.4.2 CSS固定定位 170
11.4.3 CSS相對定位 171
11.5 小結 172
第12章 CSS網頁元素設計 173
12.1 背景樣式控制 174
12.1.1 背景色樣式 174
12.1.2 背景圖片樣式的分類 175
12.1.3 背景圖片樣式的模擬 175
12.1.4 背景圖片的位置 177
12.1.5 固定背景圖片 179
12.1.6 背景屬性縮寫設置 179
12.1.7 背景樣式綜合示例 181
12.2 超級鏈接深入應用 184
12.2.1 超級鏈接偽類的應用實例1 184
12.2.2 超級鏈接偽類的應用實例2 187
12.3 表單的CSS設計 189
12.4 列表的CSS設計 192
12.4.1 列表演示 192
12.4.2 列表顯示技巧 194
12.4.3 使用圖片作為列表符號 195
12.5 段落及字體樣式設計 198
12.5.1 字體樣式的設計 198
12.5.2 字體修飾 199
12.5.3 段落樣式的設計 201
12.5.4 設置行距 202
12.5.5 段落內容裁剪 204
12.5.6 縱向段落排版 205
12.6 圖片樣式控制 207
12.6.1 圖片作為超鏈接 207
12.6.2 漂亮的圖文排版 208
12.6.3 技巧圖片裁切 211
12.7 CSS濾鏡 212
12.7.1 如何使用CSS濾鏡 213
12.7.2 CSS濾鏡綜合實例 215
12.8 小結 217
第13章 CSS編寫技巧 218
13.1 CSS設計與編寫原則 219
13.1.1 養成好的命名習慣 219
13.1.2 用好id和class 221
13.1.3 提高代碼重用率技巧1 222
13.1.4 提高代碼重用率技巧2 224
13.1.5 提高代碼重用率技巧3 225
13.1.6 CSS屬性值的縮寫 229
13.2 瀏覽器解析CSS的兼容問題 230
13.2.1 IE瀏覽器版本兼容問題的解決辦法 230
13.2.2 IE與Firefox之間兼容問題的解決辦法 232
13.2.3 IE與Firefox之間兼容問題的解決辦法:屬性選擇符 233
13.2.4 IE與Firefox之間兼容問題的解決辦法:子對象選擇符 234
13.2.5 IE與Firefox之間兼容問題的解決辦法:符號修飾選擇符 235
13.3 小結 236
第3篇 JavaScript動態行為 237
第14章 JavaScript的第壹次接觸 238
14.1 什麽是JavaScript 239
14.2 JavaScript有什麽功能 239
14.3 在什麽地方編寫JavaScript 239
14.4 寫壹個簡單的JavaScript程序 240
14.5 小結 241
第15章 JavaScript程序基礎知識 242
15.1 JavaScript的基本語法 243
15.1.1 字母大小寫編寫規範 243
15.1.2 JavaScript代碼編寫格式 243
15.1.3 註釋格式 243
15.1.4 保留字 244
15.1.5 基本的輸出方法 244
15.1.6 關於<script></script>標簽的聲明 246
15.2 JavaScript交互基本方法 246
15.2.1 最常用的信息對話框 246
15.2.2 選擇對話框 247
15.2.3 顯示提示的對話框 249
15.3 數據類型和變量 250
15.3.1 數據類型的理解 250
15.3.2 學習幾種基本數據類型 251
15.3.3 變量的含義 253
15.3.4 變量的聲明與使用 253
15.4 常用的運算符 254
15.4.1 運算符與表達式 254
15.4.2 基本算術運算符及使用 256
15.4.3 關系運算符及使用 259
15.4.4 邏輯運算符及使用 261
15.4.5 其他常用運算符及使用 263
15.5 小結 264
第16章 JavaScript程序核心語法 265
16.1 程序的核心:分支和循環 266
16.1.1 if和switch的條件分支 266
16.1.2 while和do…while循環 269
16.1.3 for和for…in循環 272
16.1.4 如何更合理地控制循環語句 274
16.2 函數 278
16.2.1 什麽是函數 278
16.2.2 學會使用函數解決問題 279
16.2.3 理解函數的參數傳遞 280
16.2.4 函數中變量的作用域和返回值 281
16.2.5 函數的嵌套 283
16.3 面向對象編程的簡單概念 285
16.3.1 什麽是面向對象 285
16.3.2 如何創建對象 286
16.3.3 定義對象的屬性 286
16.3.4 對象的構造函數和方法 288
16.3.5 關聯數組的概念 290
16.3.6 with語句和for…in語句 292
16.4 小結 294
第17章 JavaScript核心對象 295
17.1 數組對象 296
17.1.1 創建數組 296
17.1.2 數組元素的操作 297
17.1.3 創建多維數組 299
17.1.4 數組的方法 300
17.2 日期對象 306
17.2.1 用Date對象創建常用日期 306
17.2.2 Date日期對象的方法 307
17.2.3 編寫壹個時間計算程序 311
17.3 數學運算對象 312
17.3.1 數學運算對象的方法和屬性 313
17.3.2 做壹個小型計算器 315
17.4 字符串對象 317
17.4.1 字符串對象的屬性 317
17.4.2 字符串對象的方法 318
17.5 函數對象 322
17.6 小結 324
第18章 瀏覽器對象模型 325
18.1 navigator瀏覽器信息對象 326
18.1.1 navigator對象的管理方法 326
18.1.2 在網頁上顯示瀏覽者系統的基本信息 326
18.2 window對象 328
18.2.1 window對象的管理方法 328
18.2.2 制作可定制的彈出窗口 329
18.2.3 完美地關閉窗口 331
18.2.4 制作簡單網頁動畫 332
18.2.5 延時執行命令 334
18.3 location對象 336
18.4 history對象 338
18.5 screen對象 339
18.6 小結 341
第19章 文檔對象模型 342
19.1 文檔對象模型概念詳解 343
19.1.1 文檔對象模型簡介 343
19.1.2 文檔對象的屬性 343
19.1.3 文檔對象的方法 345
19.2 forms對象 347
19.2.1 訪問表單對象的方法 347
19.2.2 表單控件 350
19.2.3 制作數據檢測功能的註冊頁面 357
19.3 image對象 361
19.4 鏈接對象 364
19.5 小結 366
第20章 事件響應 367
20.1 事件響應編程的概念 368
20.1.1 事件和事件處理程序 368
20.1.2 HTML元素常用事件的展示 368
20.2 事件方法的使用 370
20.3 event對象 372
20.3.1 event對象的各種屬性 372
20.3.2 網頁監視發生事件的元素 373
20.3.3 網頁檢測用戶的鼠標信息 374
20.3.4 網頁檢測用戶的鍵盤按鍵信息 376
20.3.5 鼠標隨意拖動網頁元素 378
20.4 事件編程訪問網頁元素 380
20.4.1 數組方式訪問 380
20.4.2 id名稱和name名稱訪問 382
20.4.3 HTML標簽名稱訪問 383
20.4.4 DOM節點方法訪問 385
20.5 結合CSS制作動態頁面 387
20.5.1 讓HTML元素動起來 388
20.5.2 通過切換CSS給網頁換膚 390
20.5.3 動態添加節點 392
20.6 小結 395
第21章 JavaScript綜合範例 396
21.1 流行的應用:JavaScript選項卡切換內容塊 397
21.1.1 思路分析 397
21.1.2 編寫內容容器切換程序 398
21.1.3 選項卡切換實例功能編寫 398
21.1.4 選項卡切換實例美化 400
21.2 仿貓撲:網頁框架伸縮 404
21.2.1 思路分析 404
21.2.2 分析JavaScript的框架操作 405
21.2.3 框架伸縮實例功能編寫 406
21.2.4 框架伸縮實例美化 408
21.3 實用多級導航條 412
21.3.1 思路分析 413
21.3.2 CSS二級導航條實例功能編寫 413
21.3.3 完善CSS二級導航條實例 415
21.3.4 JavaScript制作導航條 417
21.4 各種對聯廣告的制作 420
21.4.1 分析對聯廣告如何適應不同分辨率屏幕 420
21.4.2 分析對聯廣告如何關閉 422
21.4.3 固定位置的對聯廣告 425
21.4.4 移動的對聯廣告 428
21.5 HTML元素伸縮效果的制作 431
21.5.1 制作進度條 431
21.5.2 制作可伸縮的菜單組 433
21.6 小結 435
第4篇 網頁制作綜合實例 436
第22章 制作個人網站 437
22.1 網站整體規劃 438
22.1.1 網站結構規劃 438
22.1.2 頁面功能劃分 438
22.1.3 頁面內容結構布局 439
22.2 頁面設計效果圖 439
22.3 站點目錄規劃 440
22.3.1 規劃各種資源目錄 440
22.3.2 配置IIS虛擬目錄 441
22.4 構建XHTML結構並用CSS布局 442
22.5 參照最終效果圖美化頁面樣式 446
22.5.1 輸入所有的標題和內容 446
22.5.2 用CSS設置背景圖片 451
22.5.3 用CSS設置漸變背景 451
22.5.4 用CSS設置頁面垂直滾動條樣式 452
22.6 首頁添加動態行為 453
22.7 制作日誌頁面 458
22.7.1 日誌瀏覽功能思路分析 458
22.7.2 日誌代碼編寫 459
22.8 制作相冊頁面 462
22.8.1 相冊瀏覽功能思路分析 463
22.8.2 相冊代碼編寫 463
22.9 註冊域名並發布網站 467
22.10 小結 468
第23章 制作門戶網站 469
23.1 門戶網站整體規劃 470
23.1.1 規劃門戶網站結構 470
23.1.2 規劃頁面功能結構 470
23.1.3 首頁內容結構布局 470
23.2 頁面設計效果圖 471
23.3 站點目錄規劃 472
23.4 構建XHTML結構並用CSS布局 472
23.5 參照最終效果圖美化頁面樣式 478
23.5.1 輸入所有的標題和內容 478
23.5.2 設置頁面主體背景 478
23.5.3 設置頁面漸變背景 479
23.5.4 設置有規律的背景圖片 479
23.6 插入無虛框的Flash動畫 480
23.7 JavaScript與Flash制作輪換圖片 482
23.8 制作欄目頁面 488
23.9 制作文章頁面 492
23.10 註冊域名並發布門戶網站 495
23.11 小結 496
附錄A HTML標記參考 497
附錄B CSS屬性列表 503
附錄C JavaScript屬性及方法列表 506