HTML5與CSS網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)（第5版）

目錄
第1 章 互聯(lián)網(wǎng)和萬(wàn)維網(wǎng)基礎(chǔ) 1
1.1　互聯(lián)網(wǎng)和萬(wàn)維網(wǎng) 2
1.2　網(wǎng)頁(yè)標(biāo)準(zhǔn)和無(wú)障礙訪問(wèn) 4
1.3　瀏覽器和服務(wù)器 6
1.4　Internet 協(xié)議 8
1.5　統(tǒng)一資源標(biāo)識(shí)符(URI) 和域名 10
1.6　網(wǎng)上的信息 14
1.7　HTML 概述 16
1.8　網(wǎng)頁(yè)幕后揭秘 18
1.9　第一個(gè)網(wǎng)頁(yè) 20
復(fù)習(xí)和練習(xí) 24
第2 章 HTML 基礎(chǔ) 27
2.1　標(biāo)題元素 28
2.2　段落元素 30
2.3　換行和水平標(biāo)尺 32
2.4　塊引用元素 34
2.5　短語(yǔ)元素 36
2.6　有序列表 38
2.7　無(wú)序列表 40
2.8　描述列表 42
2.9　特殊實(shí)體字符 44
2.10　HTML 語(yǔ)法校驗(yàn) 46
2.11　結(jié)構(gòu)元素 48
2.12　練習(xí)使用結(jié)構(gòu)元素 50
2.13　更多結(jié)構(gòu)元素 52
2.14　錨元素 54
2.15　練習(xí)使用鏈接 56
2.16　電子郵件鏈接 60
復(fù)習(xí)和練習(xí) 62
第3 章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 71
3.1　為目標(biāo)受眾而設(shè)計(jì) 72
3.2　網(wǎng)站組織 74
3.3　視覺(jué)設(shè)計(jì)原則 76
3.4　提供無(wú)障礙訪問(wèn) 78
3.5　文本的使用 80
3.6　調(diào)色板 82
3.7　針對(duì)目標(biāo)受眾而設(shè)計(jì) 84
3.8　選擇顏色方案 86
3.9　使用圖片和多媒體 90
3.10　更多設(shè)計(jì)考慮 92
3.11　導(dǎo)航設(shè)計(jì) 94
3.12　線框和頁(yè)面布局 96
3.13　固定和流動(dòng)布局 98
3.14　為移動(dòng)網(wǎng)絡(luò)設(shè)計(jì) 100
3.15　靈活響應(yīng)的網(wǎng)頁(yè)設(shè)計(jì) 102
3.16　網(wǎng)頁(yè)設(shè)計(jì)最佳實(shí)踐 104
復(fù)習(xí)和練習(xí) 106
第4 章 CSS 基礎(chǔ) 111
4.1　CSS 概述 112
4.2　CSS 選擇符和聲明 114
4.3　CSS 顏色值語(yǔ)法 116
4.4　配置內(nèi)聯(lián)CSS 118
4.5　配置嵌入CSS 120
4.6　配置外部CSS 122
4.7　選擇符class、id 和后代 124
4.8　span 元素 126
4.9　練習(xí)使用CSS 128
4.10　層疊 130
4.11　練習(xí)使用層疊 132
4.12　CSS 語(yǔ)法校驗(yàn) 134
復(fù)習(xí)和練習(xí) 136
第5 章 圖形和文本樣式基礎(chǔ) 143
5.1　圖片 144
5.2　img 元素 146
5.3　圖片鏈接 148
5.4　配置背景圖片 150
5.5　定位背景圖片 152
5.6　用CSS3 配置多張背景圖片 154
5.7　用CSS 配置字體 156
5.8　CSS 文本屬性 158
5.9　練習(xí)配置圖形和文本 160
5.10　用CSS 配置列表符號(hào) 162
5.11　收藏圖標(biāo) 164
5.12　圖像映射 166
5.13　figure 元素和figcaption 元素 168
5.14　復(fù)習(xí)和練習(xí) 170
第6 章 CSS 進(jìn)階 179
6.1　寬度和高度 180
6.2　框模型 182
6.3　邊距和填充 184
6.4　邊框 186
6.5　CSS 圓角 188
6.6　用CSS 居中頁(yè)面內(nèi)容 190
6.7　CSS 邊框和文本陰影 192
6.8　CSS 背景圖片相關(guān)屬性 194
6.9　CSS 背景大小和縮放 196
6.10　練習(xí)使用CSS 屬性 198
6.11　CSS 屬性opacity 200
6.12　CSS RGBA 顏色 202
6.13　CSS HSLA 顏色 204
6.14　CSS 漸變 206
復(fù)習(xí)和練習(xí) 208
第7 章 頁(yè)面布局基礎(chǔ) 217
7.1　正常流動(dòng) 218
7.2　浮動(dòng) 220
7.3　清除浮動(dòng) 222
7.4　溢出 224
7.5　CSS 屬性box-sizing 226
7.6　基本雙欄布局 228
7.7　用無(wú)序列表實(shí)現(xiàn)垂直導(dǎo)航 232
7.8　用無(wú)序列表實(shí)現(xiàn)水平導(dǎo)航 234
7.9　用偽類實(shí)現(xiàn)CSS 交互性 236
7.10　練習(xí)CSS 雙欄布局 238
7.11　用CSS 控制打印 240
7.12　CSS 精靈 242
7.13　用CSS 進(jìn)行定位 244
7.14　練習(xí)定位 246
7.15　固定位置的導(dǎo)航欄 248
復(fù)習(xí)和練習(xí) 250
第8 章 靈活響應(yīng)布局基礎(chǔ) 257
8.1　CSS 靈活框布局 258
8.2　靈活容器的更多知識(shí) 260
8.3　靈活框圖片庫(kù) 262
8.4　配置靈活項(xiàng) 264
8.5　練習(xí)靈活框技術(shù) 266
8.6　CSS 網(wǎng)格布局 268
8.7　網(wǎng)格列、行和間隙 270
8.8　雙欄網(wǎng)格頁(yè)面布局 272
8.9　漸進(jìn)式增強(qiáng)網(wǎng)格 274
8.10　用靈活框和網(wǎng)格來(lái)居中 276
8.11　viewport meta 標(biāo)記 278
8.12　CSS 媒體查詢 280
8.11　用媒體查詢實(shí)現(xiàn)靈活響應(yīng)的布局 282
8.12　用媒體查詢實(shí)現(xiàn)靈活響應(yīng)的網(wǎng)格布局 286
8.13　用CSS 實(shí)現(xiàn)靈活圖像 290
8.14　picture 元素 292
8.15　靈活img 元素屬性 294
8.16　測(cè)試移動(dòng)顯示 296
復(fù)習(xí)和練習(xí) 298
第9 章 表格基礎(chǔ) 309
9.1　表格概述 310
9.2　表行、單元格和表頭 312
9.3　跨行和跨列 314
9.4　配置無(wú)障礙訪問(wèn)表格 316
9.5　用CSS 配置表格樣式 318
9.6　CSS3 結(jié)構(gòu)性偽類 320
9.7　配置表格區(qū)域 322
復(fù)習(xí)和練習(xí) 324
第10 章 表單基礎(chǔ) 331
10.1　概述 332
10.2　文本框 334
10.3　提交按鈕和重置按鈕 336
10.4　復(fù)選框和單選鈕 338
10.5　隱藏字段和密碼框 340
10.6　textarea 元素 342
10.7　元素select 和option 344
10.8　label 元素 346
10.9　元素fieldset 和legend 348
10.10　用CSS 配置表單樣式 350
10.11　CSS 網(wǎng)格布局表單 352
10.12　服務(wù)器端處理 354
10.13　表單練習(xí) 356
10.14　更多文本表單控件 358
10.15　datalist 元素 360
10.16　控件slider 和spinner 362
10.17　日歷和顏色池控件 364
10.18　更多表單練習(xí) 366
復(fù)習(xí)和練習(xí) 368
第11 章 媒體和交互性基礎(chǔ) 379
11.1　插件、容器和codec 380
11.2　配置音頻和視頻 382
11.3　元素Flash 和embed 384
11.4　元素audio 和source 386
11.5　元素video 和source 388
11.6　練習(xí)視頻播放 390
11.7　iframe 元素 392
11.8　CSS 的transform 屬性 394
11.9　CSS 的transition 屬性 396
11.10　練習(xí)過(guò)渡 398
11.11　CSS 下拉菜單 400
11.12　元素details 和summary 402
11.13　JavaScript 和jQuery 404
11.14　HTML5 API 406
復(fù)習(xí)和練習(xí) 408
第12 章 網(wǎng)上發(fā)布 415
12.1　文件組織 416
12.2　用鏈接來(lái)定位 418
12.3　注冊(cè)域名 420
12.4　選擇主機(jī) 422
12.5　安全套接字層(SSL) 424
12.6　用FTP 發(fā)布 426
12.7　提交到搜索引擎 428
12.8　搜索引擎優(yōu)化 430
12.9　無(wú)障礙訪問(wèn)測(cè)試 432
12.10　可用性測(cè)試 434
復(fù)習(xí)和練習(xí) 436
附錄A　復(fù)習(xí)和練習(xí)答案 440
附錄B　HTML5 速查表 441
附錄C　CSS 速查表 446
附錄D　WCAG 2.1 快速參考 452
附錄E　ARIA 地標(biāo)角色 454
附錄F　網(wǎng)頁(yè)安全調(diào)色板 455