《DIV+CSS網頁樣式與布局實戰詳解》是2013年11月清華大學出版社出版的圖書，作者是宜亮。
基本介紹
- 書名：DIV+CSS網頁樣式與布局實戰詳解
- 作者：宜亮
- ISBN：9787302325406
- 定價：69元
- 出版社：清華大學出版社
- 出版時間：2013.11.01
- 裝幀：平裝
內容簡介,圖書目錄,
內容簡介
本書在編寫過程中涉及HTML、CSS、JavaScript、XML和XSL等相關知識，但一直圍繞CSS技術這條中心線展開。本書講解由淺入深，循序漸進，從基本的屬性操作到高級的模型技術，再到案例剖析。為了讓理論知識和實踐更好地結合，書中給每個知識點都配有實例，並對每個實例進行剖析，便於讀者領會，達到舉一反三的效果。另外，為了讓讀者更加直觀、高效地學習，作者專門錄製了大量多媒體教學視頻。這些視頻與本書涉及的源程式均收錄於配書光碟中。
本書共21章，分為3篇。第1篇DIV+CSS布局速成，介紹Web標準語言、CSS入門與速成、CSS文字樣式設計與速成、CSS圖像樣式設計與速成、CSS表格樣式設計與速成、CSS列表樣式設計與速成、CSS表單樣式設計與速成、其他CSS樣式設計、CSS Sprite技術、CSS濾鏡的使用和CSS瀏覽器樣式兼容；第2篇DIV+CSS布局實戰演練，介紹廣告設計、公告列表設計、搜尋條設計和單擊控制項設計；第3篇Web開發進階，介紹JavaScript功能層控制、DOM與XML套用、靜態和動態網站建站的方法、搭建本地伺服器和快速構建本地網站。
圖書目錄
第1篇DIV+CSS布局速成
第1章Web標準語言（教學視頻：34分鐘） 2
1.1Web語言簡介 2
1.1.1結構標準語言 2
1.1.2表現標準語言 5
1.1.3行為標準語言 6
1.2開發工具 7
1.2.1如何編寫CSS代碼 7
1.2.2Dreamweaver簡介 7
1.2.3Dreamweaver代碼編寫 9
第2章CSS入門與速成（教學視頻：46分鐘） 12
2.1開始CSS之旅 12
2.1.1什麼是CSS 12
2.1.2編寫一個CSS 12
2.2CSS的組成 15
2.2.1選擇符 15
2.2.2屬性 17
2.2.3屬性值 17
2.3CSS的位置 18
2.3.1屬性樣式表 18
2.3.2內部樣式表 19
2.3.3連結樣式表 20
2.3.4導入樣式表 21
第3章CSS文字樣式設計與速成（教學視頻：65分鐘） 23
3.1CSS3文字樣式 23
3.1.1字型 23
3.1.2大小 25
3.1.3類型 27
3.1.4粗細 29
3.1.5顏色 31
3.1.6小型大寫字型 33
3.1.7連結 34
3.1.8布局 36
3.1.9文字陰影 42
3.1.10文字變換速度控制 45
3.1.11文字大小變化 48
3.2文字示例一：新聞摘要 50
3.2.1新聞摘要的DIV布局設計 50
3.2.2新聞簡要的CSS樣式設計 50
3.3文字示例二：個人簡介頁面布局 52
3.3.1整體DIV布局設計 52
3.3.2添加CSS樣式 53
3.4文字示例三：會移動的文字 54
3.4.1方法1：使用JavaScript控制 55
3.4.2方法2：使用marquee標籤控制 56
3.5文字示例四：文字陰影效果 57
3.5.1方法1：使用CSS定位技術 57
3.5.2方法2：使用CSS3特有屬性 59
第4章CSS圖像樣式設計與速成（教學視頻：54分鐘） 60
4.1背景 60
4.1.1顏色 60
4.1.2圖片 63
4.1.3排布 65
4.1.4位置控制 66
4.1.5滾動控制 68
4.1.6線性漸變 69
4.2動漫遊戲網站主題背景 72
4.3圖片 76
4.3.1框線 76
4.3.2縮放 78
4.3.3透明效果 80
4.3.4圖片布局 81
4.4圖片示例一：浮動相架 83
4.4.1使用DIV控制布局 83
4.4.2添加CSS圖片樣式 84
4.4.3添加JavaScript控制 84
4.5圖片示例二：大小會變化的圖片 86
4.5.1使用CSS3特有屬性 86
4.5.2使用JavaScript控制 88
4.6圖片示例三：CSS3圖片旋轉 90
第5章CSS表格樣式設計與速成（教學視頻：30分鐘） 92
5.1表格 92
5.1.1背景 92
5.1.2框線 94
5.1.3邊距 97
5.1.4表格的嵌套 99
5.1.5跨行、列表格項 101
5.1.6表格項斜角 101
5.2表格示例一：成績單設計 104
5.3表格示例二：用DIV製作表格 106
5.4表格示例三：仿Apple風格樣式表格 108
5.5表格示例四：添加Hover事件回響控制 110
第6章CSS列表樣式設計與速成（教學視頻：41分鐘） 112
6.1列表 112
6.1.1列表的方向 112
6.1.2列表圖示 118
6.1.3列表的層次 124
6.2列表示例一：雜誌目錄排版 128
6.2.1標題設計DIV布局 128
6.2.2目錄元素添加CSS樣式 131
6.3列表示例二：用DIV實現列表 133
6.3.1DIV的擺放 133
6.3.2DIV模仿簡單列表 136
6.4列表示例三：列表擺放——我的微空間畫冊 138
6.5列表示例四：列表動態顯示——商品列表 141
6.5.1商品列表的框架設計 141
6.5.2為列表添加CSS和JavaScript控制 143
第7章CSS表單樣式設計與速成（教學視頻：58分鐘） 146
7.1表單的作用 146
7.1.1表單的重要性 146
7.1.2簡單的表單功能提交單 148
7.2表單的樣式 150
7.2.1基本元素 150
7.2.2背景 156
7.2.3框線 161
7.2.4布局 167
7.3表單示例一：用戶註冊界面設計 175
7.4表單示例二：問卷調查表單設計 179
7.5表單示例三：人人網登錄界面設計 183
第8章其他CSS樣式設計（教學視頻：81分鐘） 187
8.1圓角的設計 187
8.1.1通過設定背景設計圓角 187
8.1.2五環效果 189
8.2特殊部件設計 191
8.2.1可移動的div 192
8.2.2進度條設計 195
8.3顏色 198
8.3.1顏色的表示 198
8.3.2顏色的使用 200
8.4細說選擇符 201
8.4.1全局選擇符 201
8.4.2標籤選擇符 202
8.4.3ID選擇符 203
8.4.4CLASS選擇符 205
8.4.5派生選擇符 206
8.4.6元素群選擇符 208
8.4.7指定選擇符 209
8.4.8屬性選擇符 211
8.4.9相鄰選擇符 221
8.4.10偽類選擇符 222
8.5樣式優先權 224
8.5.1各自的優先權 224
8.5.2!important標識符 224
第9章DIV布局控制（教學視頻：33分鐘） 226
9.1塊元素和行元素 226
9.1.1區別和聯繫 226
9.1.2分類 228
9.2盒式模型 230
9.2.1幾個關鍵屬性 230
9.2.2間距 231
9.3DIV定位舉例一：個人網站類 233
9.3.1個人網站舉例 233
9.3.2設計個人網站主頁的布局 234
9.4DIV定位舉例二：新聞網站類 238
9.4.1新聞網站舉例 238
9.4.2設計個人網站主頁的布局 239
第10章CSSSprite技術（教學視頻：56分鐘） 243
10.1什麼是CSSSprite技術 243
10.2CSSSprite的簡單套用 244
10.3設計熱門查詢欄 245
10.3.1使用Photoshop定位元素 246
10.3.2進行DIV排版 246
10.3.3添加皮膚 248
10.3.4添加滑鼠事件處理 249
10.4酷狗電台列表設計 250
10.4.1圖示元素設計 250
10.4.2進行DIV排版 250
10.4.3添加皮膚 254
10.4.4滑鼠移動事件回響 256
10.4.5音樂提示回響模擬 257
10.5選單標籤的Sprite套用 259
10.5.1簡單的DIV布局 259
10.5.2使用CSS添加Sprite 260
10.5.3使用JavaScript控制 261
第11章CSS濾鏡的使用（教學視頻：48分鐘） 262
11.1靜態濾鏡 262
11.1.1透明濾鏡 262
11.1.2模糊濾鏡 264
11.1.3基色濾鏡 265
11.1.4落影濾鏡 266
11.1.5光暈濾鏡 268
11.1.6光照濾鏡 269
11.1.7翻轉濾鏡 271
11.1.8X光濾鏡 273
11.1.9運動模糊濾鏡 274
11.1.10陰影濾鏡 276
11.1.11波浪濾鏡 277
11.1.12圖片插入濾鏡 279
11.1.13漸變濾鏡 281
11.1.14浮雕濾鏡 282
11.2動態濾鏡 284
11.2.1門濾鏡 284
11.2.2柵欄濾鏡 285
11.2.3棋盤濾鏡 287
11.2.4漸刷濾鏡 289
11.2.5消逝濾鏡 291
11.2.6虹濾鏡 292
11.2.7內插濾鏡 295
11.2.8像素化濾鏡 296
11.2.9隨機線條濾鏡 298
11.2.10旋轉刷濾鏡 299
11.2.11隨機轉換濾鏡 301
11.2.12隨機溶解濾鏡 304
11.2.13螺旋濾鏡 305
11.2.14滑動濾鏡 307
11.2.15剝除濾鏡 309
11.2.16拉伸濾鏡 311
11.2.17齒輪濾鏡 313
11.2.18之字形濾鏡 314
第12章CSS瀏覽器樣式兼容（教學視頻：32分鐘） 317
12.1CSS兼容問題 317
12.1.1什麼是CSS兼容問題 317
12.1.2兼容問題的解決方案 318
12.2瀏覽器過濾語句 318
12.2.1導入語句過濾器 318
12.2.2IE判斷過濾器 320
12.2.3屬性名字過濾器 323
12.2.4根符號過濾器 324
12.2.5派生選擇符過濾器 325
12.2.6屬性選擇符過濾器 327
12.2.7注釋語句過濾器 328
12.2.8大括弧過濾器 330
12.2.9優先權過濾器 332
12.2.10相鄰選擇符過濾器 333
12.2.11轉義字元過濾器 334
第2篇DIV+CSS布局實戰演練
第13章廣告的設計（教學視頻：34分鐘） 338
13.1旁側浮動廣告設計 338
13.1.1旁側浮動廣告DIV設計 338
13.1.2旁側浮動廣告CSS設計部分 339
13.1.3旁側浮動廣告JavaScript控制部分 341
13.2可摺疊浮動廣告設計 342
13.2.1可摺疊浮動廣告DIV設計 342
13.2.2可摺疊浮動廣告CSS設計 343
13.2.3可摺疊浮動廣告JavaScript設計 344
13.3底部提示廣告設計 346
13.3.1底部廣告DIV設計 346
13.3.2底部廣告CSS設計 347
13.3.3底部廣告JavaScript設計 348
13.4CSS視窗定位 350
13.4.1旁側浮動廣告 350
13.4.2可摺疊浮動廣告 351
13.4.3底部浮動廣告 352
第14章公告列表設計（教學視頻：35分鐘） 353
14.1視頻排行列表設計 353
14.1.1列表與圖片混搭 353
14.1.2添加CSS 355
14.1.3添加JavaScript控制 357
14.2旁側櫥窗設計 358
14.2.1列表與圖片混搭 358
14.2.2添加CSS 360
14.2.3添加JavaScript控制 362
14.3天氣預報設計 363
14.3.1天氣簡報設計 363
14.3.2天氣詳單設計 367
第15章搜尋條設計（教學視頻：16分鐘） 377
15.1仿百度搜尋欄設計 377
15.1.1表單和列表混搭 377
15.1.2添加CSS 379
15.1.3按鈕樣式控制 381
15.2立體搜尋欄設計 382
15.2.1表單和列表混搭 382
15.2.2添加樣式控制 383
15.2.3列表和按鈕樣式控制 386
第16章單擊控制項設計（教學視頻：13分鐘） 387
16.1頁面底部控制項 387
16.1.1HTML基本框架 387
16.1.2CSS樣式控制 388
16.1.3相關事件控制 389
16.2頁面頂部控制項 390
16.2.1HTML基本框架 390
16.2.2CSS樣式控制 391
16.2.3相關事件控制 392
第3篇Web開發進階
第17章JavaScript功能層控制（教學視頻：53分鐘） 396
17.1JavaScript的引入 396
17.1.1JavaScript是什麼 396
17.1.2第一個JavaScript 397
17.1.3注意事項 399
17.2數據類型 399
17.2.1基本數據類型 400
17.2.2複合數據類型 401
17.2.3其他數據類型 402
17.3程式控制 404
17.3.1運算符 404
17.3.2特殊運算符 405
17.3.3控制語句 407
17.4事件處理 412
17.4.1瀏覽器事件 412
17.4.2鍵盤事件 413
17.4.3滑鼠事件 413
17.4.4表單事件 414
17.4.5選單事件 414
17.4.6文本事件 414
17.5DOM對象 414
17.5.1DOM初識 415
17.5.2DOM的簡單例子 415
17.5.3DOM函式與關鍵字 416
第18章DOM與XML套用（教學視頻：31分鐘） 418
18.1HTML的DOM使用 418
18.1.1用DOM遍歷HTML元素 418
18.1.2用DOM修改CSS 422
18.2重載標籤節點的方法成員 435
18.2.1函式重載的一般方法 435
18.2.2IE瀏覽器下函式重載的方法 438
18.3XML的使用 442
18.3.1用DOM遍歷XML元素 442
18.3.2如何解析和顯示XML 445
第19章靜態和動態網站建站的方法（教學視頻：15分鐘） 458
19.1申請個人子域名 458
19.1.1UCOZ簡介 458
19.1.2註冊激活個人賬號 459
19.1.3登錄賬號 460
19.1.4創建子網站 461
19.2建設網站 462
19.2.1編輯網站首頁 462
19.2.2上傳檔案 464
19.3申請動態網站空間 465
19.3.1註冊賬號 465
19.3.2創建個人伺服器空間以及資料庫 466
19.4上傳PHP代碼 467
19.4.1FTP上傳工具的使用 468
19.4.2上傳PHP代碼包 468
19.4.3線上配置伺服器 469
第20章搭建本地伺服器（教學視頻：11分鐘） 471
20.1搭建網站伺服器 471
20.1.1Apache簡介 471
20.1.2Apache安裝 472
20.1.3Apache配置 474
20.2搭建資料庫 476
20.2.1MySQL簡介 476
20.2.2MySQL安裝 477
第21章快速構建本地網站（教學視頻：9分鐘） 486
21.1本地伺服器一鍵安裝 486
21.1.1PHPnow簡介 486
21.1.2PHPnow安裝 486
21.2使用Discuz代碼 489
21.2.1Discuz簡介 490
21.2.2安裝Discuz 491
21.2.3Discuz後台 497
21.2.4更換模板 498
後記 500
第1章Web標準語言（教學視頻：34分鐘） 2
1.1Web語言簡介 2
1.1.1結構標準語言 2
1.1.2表現標準語言 5
1.1.3行為標準語言 6
1.2開發工具 7
1.2.1如何編寫CSS代碼 7
1.2.2Dreamweaver簡介 7
1.2.3Dreamweaver代碼編寫 9
第2章CSS入門與速成（教學視頻：46分鐘） 12
2.1開始CSS之旅 12
2.1.1什麼是CSS 12
2.1.2編寫一個CSS 12
2.2CSS的組成 15
2.2.1選擇符 15
2.2.2屬性 17
2.2.3屬性值 17
2.3CSS的位置 18
2.3.1屬性樣式表 18
2.3.2內部樣式表 19
2.3.3連結樣式表 20
2.3.4導入樣式表 21
第3章CSS文字樣式設計與速成（教學視頻：65分鐘） 23
3.1CSS3文字樣式 23
3.1.1字型 23
3.1.2大小 25
3.1.3類型 27
3.1.4粗細 29
3.1.5顏色 31
3.1.6小型大寫字型 33
3.1.7連結 34
3.1.8布局 36
3.1.9文字陰影 42
3.1.10文字變換速度控制 45
3.1.11文字大小變化 48
3.2文字示例一：新聞摘要 50
3.2.1新聞摘要的DIV布局設計 50
3.2.2新聞簡要的CSS樣式設計 50
3.3文字示例二：個人簡介頁面布局 52
3.3.1整體DIV布局設計 52
3.3.2添加CSS樣式 53
3.4文字示例三：會移動的文字 54
3.4.1方法1：使用JavaScript控制 55
3.4.2方法2：使用marquee標籤控制 56
3.5文字示例四：文字陰影效果 57
3.5.1方法1：使用CSS定位技術 57
3.5.2方法2：使用CSS3特有屬性 59
第4章CSS圖像樣式設計與速成（教學視頻：54分鐘） 60
4.1背景 60
4.1.1顏色 60
4.1.2圖片 63
4.1.3排布 65
4.1.4位置控制 66
4.1.5滾動控制 68
4.1.6線性漸變 69
4.2動漫遊戲網站主題背景 72
4.3圖片 76
4.3.1框線 76
4.3.2縮放 78
4.3.3透明效果 80
4.3.4圖片布局 81
4.4圖片示例一：浮動相架 83
4.4.1使用DIV控制布局 83
4.4.2添加CSS圖片樣式 84
4.4.3添加JavaScript控制 84
4.5圖片示例二：大小會變化的圖片 86
4.5.1使用CSS3特有屬性 86
4.5.2使用JavaScript控制 88
4.6圖片示例三：CSS3圖片旋轉 90
第5章CSS表格樣式設計與速成（教學視頻：30分鐘） 92
5.1表格 92
5.1.1背景 92
5.1.2框線 94
5.1.3邊距 97
5.1.4表格的嵌套 99
5.1.5跨行、列表格項 101
5.1.6表格項斜角 101
5.2表格示例一：成績單設計 104
5.3表格示例二：用DIV製作表格 106
5.4表格示例三：仿Apple風格樣式表格 108
5.5表格示例四：添加Hover事件回響控制 110
第6章CSS列表樣式設計與速成（教學視頻：41分鐘） 112
6.1列表 112
6.1.1列表的方向 112
6.1.2列表圖示 118
6.1.3列表的層次 124
6.2列表示例一：雜誌目錄排版 128
6.2.1標題設計DIV布局 128
6.2.2目錄元素添加CSS樣式 131
6.3列表示例二：用DIV實現列表 133
6.3.1DIV的擺放 133
6.3.2DIV模仿簡單列表 136
6.4列表示例三：列表擺放——我的微空間畫冊 138
6.5列表示例四：列表動態顯示——商品列表 141
6.5.1商品列表的框架設計 141
6.5.2為列表添加CSS和JavaScript控制 143
第7章CSS表單樣式設計與速成（教學視頻：58分鐘） 146
7.1表單的作用 146
7.1.1表單的重要性 146
7.1.2簡單的表單功能提交單 148
7.2表單的樣式 150
7.2.1基本元素 150
7.2.2背景 156
7.2.3框線 161
7.2.4布局 167
7.3表單示例一：用戶註冊界面設計 175
7.4表單示例二：問卷調查表單設計 179
7.5表單示例三：人人網登錄界面設計 183
第8章其他CSS樣式設計（教學視頻：81分鐘） 187
8.1圓角的設計 187
8.1.1通過設定背景設計圓角 187
8.1.2五環效果 189
8.2特殊部件設計 191
8.2.1可移動的div 192
8.2.2進度條設計 195
8.3顏色 198
8.3.1顏色的表示 198
8.3.2顏色的使用 200
8.4細說選擇符 201
8.4.1全局選擇符 201
8.4.2標籤選擇符 202
8.4.3ID選擇符 203
8.4.4CLASS選擇符 205
8.4.5派生選擇符 206
8.4.6元素群選擇符 208
8.4.7指定選擇符 209
8.4.8屬性選擇符 211
8.4.9相鄰選擇符 221
8.4.10偽類選擇符 222
8.5樣式優先權 224
8.5.1各自的優先權 224
8.5.2!important標識符 224
第9章DIV布局控制（教學視頻：33分鐘） 226
9.1塊元素和行元素 226
9.1.1區別和聯繫 226
9.1.2分類 228
9.2盒式模型 230
9.2.1幾個關鍵屬性 230
9.2.2間距 231
9.3DIV定位舉例一：個人網站類 233
9.3.1個人網站舉例 233
9.3.2設計個人網站主頁的布局 234
9.4DIV定位舉例二：新聞網站類 238
9.4.1新聞網站舉例 238
9.4.2設計個人網站主頁的布局 239
第10章CSSSprite技術（教學視頻：56分鐘） 243
10.1什麼是CSSSprite技術 243
10.2CSSSprite的簡單套用 244
10.3設計熱門查詢欄 245
10.3.1使用Photoshop定位元素 246
10.3.2進行DIV排版 246
10.3.3添加皮膚 248
10.3.4添加滑鼠事件處理 249
10.4酷狗電台列表設計 250
10.4.1圖示元素設計 250
10.4.2進行DIV排版 250
10.4.3添加皮膚 254
10.4.4滑鼠移動事件回響 256
10.4.5音樂提示回響模擬 257
10.5選單標籤的Sprite套用 259
10.5.1簡單的DIV布局 259
10.5.2使用CSS添加Sprite 260
10.5.3使用JavaScript控制 261
第11章CSS濾鏡的使用（教學視頻：48分鐘） 262
11.1靜態濾鏡 262
11.1.1透明濾鏡 262
11.1.2模糊濾鏡 264
11.1.3基色濾鏡 265
11.1.4落影濾鏡 266
11.1.5光暈濾鏡 268
11.1.6光照濾鏡 269
11.1.7翻轉濾鏡 271
11.1.8X光濾鏡 273
11.1.9運動模糊濾鏡 274
11.1.10陰影濾鏡 276
11.1.11波浪濾鏡 277
11.1.12圖片插入濾鏡 279
11.1.13漸變濾鏡 281
11.1.14浮雕濾鏡 282
11.2動態濾鏡 284
11.2.1門濾鏡 284
11.2.2柵欄濾鏡 285
11.2.3棋盤濾鏡 287
11.2.4漸刷濾鏡 289
11.2.5消逝濾鏡 291
11.2.6虹濾鏡 292
11.2.7內插濾鏡 295
11.2.8像素化濾鏡 296
11.2.9隨機線條濾鏡 298
11.2.10旋轉刷濾鏡 299
11.2.11隨機轉換濾鏡 301
11.2.12隨機溶解濾鏡 304
11.2.13螺旋濾鏡 305
11.2.14滑動濾鏡 307
11.2.15剝除濾鏡 309
11.2.16拉伸濾鏡 311
11.2.17齒輪濾鏡 313
11.2.18之字形濾鏡 314
第12章CSS瀏覽器樣式兼容（教學視頻：32分鐘） 317
12.1CSS兼容問題 317
12.1.1什麼是CSS兼容問題 317
12.1.2兼容問題的解決方案 318
12.2瀏覽器過濾語句 318
12.2.1導入語句過濾器 318
12.2.2IE判斷過濾器 320
12.2.3屬性名字過濾器 323
12.2.4根符號過濾器 324
12.2.5派生選擇符過濾器 325
12.2.6屬性選擇符過濾器 327
12.2.7注釋語句過濾器 328
12.2.8大括弧過濾器 330
12.2.9優先權過濾器 332
12.2.10相鄰選擇符過濾器 333
12.2.11轉義字元過濾器 334
第2篇DIV+CSS布局實戰演練
第13章廣告的設計（教學視頻：34分鐘） 338
13.1旁側浮動廣告設計 338
13.1.1旁側浮動廣告DIV設計 338
13.1.2旁側浮動廣告CSS設計部分 339
13.1.3旁側浮動廣告JavaScript控制部分 341
13.2可摺疊浮動廣告設計 342
13.2.1可摺疊浮動廣告DIV設計 342
13.2.2可摺疊浮動廣告CSS設計 343
13.2.3可摺疊浮動廣告JavaScript設計 344
13.3底部提示廣告設計 346
13.3.1底部廣告DIV設計 346
13.3.2底部廣告CSS設計 347
13.3.3底部廣告JavaScript設計 348
13.4CSS視窗定位 350
13.4.1旁側浮動廣告 350
13.4.2可摺疊浮動廣告 351
13.4.3底部浮動廣告 352
第14章公告列表設計（教學視頻：35分鐘） 353
14.1視頻排行列表設計 353
14.1.1列表與圖片混搭 353
14.1.2添加CSS 355
14.1.3添加JavaScript控制 357
14.2旁側櫥窗設計 358
14.2.1列表與圖片混搭 358
14.2.2添加CSS 360
14.2.3添加JavaScript控制 362
14.3天氣預報設計 363
14.3.1天氣簡報設計 363
14.3.2天氣詳單設計 367
第15章搜尋條設計（教學視頻：16分鐘） 377
15.1仿百度搜尋欄設計 377
15.1.1表單和列表混搭 377
15.1.2添加CSS 379
15.1.3按鈕樣式控制 381
15.2立體搜尋欄設計 382
15.2.1表單和列表混搭 382
15.2.2添加樣式控制 383
15.2.3列表和按鈕樣式控制 386
第16章單擊控制項設計（教學視頻：13分鐘） 387
16.1頁面底部控制項 387
16.1.1HTML基本框架 387
16.1.2CSS樣式控制 388
16.1.3相關事件控制 389
16.2頁面頂部控制項 390
16.2.1HTML基本框架 390
16.2.2CSS樣式控制 391
16.2.3相關事件控制 392
第3篇Web開發進階
第17章JavaScript功能層控制（教學視頻：53分鐘） 396
17.1JavaScript的引入 396
17.1.1JavaScript是什麼 396
17.1.2第一個JavaScript 397
17.1.3注意事項 399
17.2數據類型 399
17.2.1基本數據類型 400
17.2.2複合數據類型 401
17.2.3其他數據類型 402
17.3程式控制 404
17.3.1運算符 404
17.3.2特殊運算符 405
17.3.3控制語句 407
17.4事件處理 412
17.4.1瀏覽器事件 412
17.4.2鍵盤事件 413
17.4.3滑鼠事件 413
17.4.4表單事件 414
17.4.5選單事件 414
17.4.6文本事件 414
17.5DOM對象 414
17.5.1DOM初識 415
17.5.2DOM的簡單例子 415
17.5.3DOM函式與關鍵字 416
第18章DOM與XML套用（教學視頻：31分鐘） 418
18.1HTML的DOM使用 418
18.1.1用DOM遍歷HTML元素 418
18.1.2用DOM修改CSS 422
18.2重載標籤節點的方法成員 435
18.2.1函式重載的一般方法 435
18.2.2IE瀏覽器下函式重載的方法 438
18.3XML的使用 442
18.3.1用DOM遍歷XML元素 442
18.3.2如何解析和顯示XML 445
第19章靜態和動態網站建站的方法（教學視頻：15分鐘） 458
19.1申請個人子域名 458
19.1.1UCOZ簡介 458
19.1.2註冊激活個人賬號 459
19.1.3登錄賬號 460
19.1.4創建子網站 461
19.2建設網站 462
19.2.1編輯網站首頁 462
19.2.2上傳檔案 464
19.3申請動態網站空間 465
19.3.1註冊賬號 465
19.3.2創建個人伺服器空間以及資料庫 466
19.4上傳PHP代碼 467
19.4.1FTP上傳工具的使用 468
19.4.2上傳PHP代碼包 468
19.4.3線上配置伺服器 469
第20章搭建本地伺服器（教學視頻：11分鐘） 471
20.1搭建網站伺服器 471
20.1.1Apache簡介 471
20.1.2Apache安裝 472
20.1.3Apache配置 474
20.2搭建資料庫 476
20.2.1MySQL簡介 476
20.2.2MySQL安裝 477
第21章快速構建本地網站（教學視頻：9分鐘） 486
21.1本地伺服器一鍵安裝 486
21.1.1PHPnow簡介 486
21.1.2PHPnow安裝 486
21.2使用Discuz代碼 489
21.2.1Discuz簡介 490
21.2.2安裝Discuz 491
21.2.3Discuz後台 497
21.2.4更換模板 498
後記 500
