第1章  Internet和Web簡介 1
1.1  Internet和Web 1
1.2  Web標準和無障礙訪問 4
1.3  網上的信息 6
1.4  網絡概述 8
1.5  客戶端/服務器模型 9
1.6  Internet協議 10
1.7  統一資源標識符(URI)和域名 13
1.8  標記語言 16
1.9  Web的流行應用 18
小結 21
關鍵術語 21
復習題 22
動手實作 22
網上研究 23
聚焦Web設計 24
第2章  HTML基礎 25
2.1  HTML概述 25
2.2  文檔類型定義 27
2.3  網頁模板 28
2.4  h素 29
2.5  head，title，meta和b素 29
2.6  個網頁 30
2.7  素 33
2.8  素 35
2.9  素 37
2.10  素 38
2.11  素 39
2.12  有序列表 41
2.13  無序列表 42
2.14  描述列表 44
2.15  特殊字符 46
2.16  素 47
2.17  超鏈接 53
2.18  HTML語法校驗 61
小結 63
關鍵術語 63
復習題 64
動手實作 67
網上研究 67
聚焦Web設計 68
網站案例學習 68
第3章  用CSS配置顏色和文本 81
3.1  層疊樣式表概述 81
3.2  在網頁上使用顏色 85
3.3  用style屬性配置內聯CSS 87
3.4  用st素配置嵌入CSS 89
3.5  用CSS配置文本 92
3.6  class、id和後代選擇符 100
3.7  s素 104
3.8  使用外部樣式表 105
3.9  用CSS居中H素 109
3.10  層疊 111
3.11  CSS校驗 114
小結 116
關鍵術語 116
復習題 117
動手實作 119
網上研究 121
聚焦Web設計 121
網站案例學習：實現CSS 122
第4章  素和圖片 131
4.1  配置線和邊框 131
4.2  Web圖片 137
4.3  素 141
4.4  更素 146
4.5  背景圖片 149
4.6  更多圖片知識 159
4.7  圖片來源和使用原則 163
4.8  CSS視覺效果 165
小結 180
關鍵術語 180
復習題 181
動手實作 183
網上研究 184
聚焦Web設計 184
網站案例學習：使用圖片素 184
第5章  Web設計 197
5.1  為目標受眾設計 197
5.2  網站的組織結構 198
5.3  視覺設計原則 201
5.4  提供無障礙訪問 202
5.5  為Web而創作 204
5.6  顏色運用 206
5.7  使用圖片和多媒體 213
5.8  更多設計考慮 214
5.9  導航設計 217
5.10  頁面布局設計 220
5.11  為移動Web設計 225
5.12  靈活響應的網頁設計 227
5.13  Web設計實踐 229
小結 231
關鍵術語 231
復習題 231
動手實作 232
網上研究 234
聚焦Web設計 235
網站案例學習：Web設計實踐 235
項目實戰 236
第6章  頁面布局 237
6.1  CSS寬度和高度 237
6.2  框模型 240
6.3  正常流動 242
6.4  浮動效果 244
6.5  清除浮動效果 246
6.6  box-sizing屬性 249
6.7  雙欄布局 250
6.8  用無序列表配置鏈接 255
6.9  用偽類實現CSS交互性 259
6.10  CSS精靈 265
6.11  用CSS控制打印 267
6.12  用CSS定位 269
6.13  固定位置的導航欄 274
6.14  單頁網站 277
小結 284
關鍵術語 284
復習題 284
動手實作 288
網上研究 289
聚焦Web設計 289
網站案例學習：實現CSS雙欄頁面
布局 289
項目實戰 302
第7章  靈活響應的頁面布局 303
7.1  CSS靈活框布局 303
7.2  靈活容器的更多知識 305
7.3  配置靈活項 311
7.4  CSS網格布局 315
7.5  網格列、行和間隙 318
7.6  雙欄網格頁面布局 320
7.7  使用網格區域的布局 324
7.8  漸進式增強網格 328
7.9  用靈活框和網格來居中 331
7.10  viewport meta標記 333
7.11  CSS媒體查詢 334
7.12  用媒體查詢實現靈活布局 337
7.13  用媒體查詢實現靈活網格布局 342
7.14  靈活圖像 347
7.15  測試移動顯示 353
小結 357
關鍵術語 357
復習題 357
動手實作 361
網上研究 362
聚焦Web設計 362
網站案例學習：現代靈活布局 362
第8章  表格 380
8.1  表格概述 380
8.2  表格和表頭 382
8.3  跨行和跨列 385
8.4  配置無障礙訪問表格 386
8.5  用CSS配置表格樣式 388
8.6  CSS3結構性偽類 391
8.7  配置表格區域 392
小結 395
關鍵術語 395
復習題 395
動手實作 398
網上研究 399
聚焦Web設計 399
網站案例學習：使用表格 399
項目實戰 404
第9章  表單 405
9.1  表單概述 405
9.2  in素 407
9.3  滾動文本框 415
9.4  選 擇列表 418
9.5  圖像按鈕和but素 420
9.6  無障礙訪問和表單 422
9.7  用CSS配置表單樣式 426
9.8  服務器端處理 430
9.9  HTML5表單控件 434
小結 442
關鍵術語 442
復習題 443
動手實作 445
網上研究 447
聚焦Web設計 447
網站案例學習：添加表單 448
項目實戰 460
第10章  網站開發 461
10.1  成功的大型項目開發 461
10.2  開發流程 463
10.3  文件組織 471
10.4  域名概述 474
10.5  網頁托管 475
10.6  選擇虛擬主機 478
小結 481
關鍵術語 481
復習題 481
動手實作 483
網上研究 484
聚焦Web設計 485
項目實戰 485
第11章  Web多媒體和交互性 486
11.1  容器和codec 486
11.2  音頻和視頻入門 488
11.3  audio和vi素 490
11.4  多媒體文件和版權法 495
11.5  CSS和交互性 496
11.6  探索變換 500
11.7  探索過渡 502
11.8  detai素和summ素 509
11.9  JavaScript 511
11.10  Ajax 512
11.11  jQuery 513
11.12  HTML5 API 514
11.13  多媒體、動畫和交互性的無障礙
訪問 518
小結 520
關鍵術語 520
復習題 521
動手實作 523
網上研究 523
聚焦Web設計 524
網站案例學習：添加多媒體 524
項目實踐 529
第12章  電子商務概述 530
12.1  什麼是電子商務 530
12.2  電子商務商業模型 532
12.3  電子數據交換(EDI) 533
12.4  電子商務統計數據 533
12.5  電子商務相關問題 534
12.6  電子商務安全 535
12.7  訂單和支付處理 539
12.8  電子商務解決方案 540
小結 543
關鍵術語 543
復習題 543
動手實作 544
網上研究 545
聚焦Web設計 546
網站案例學習：為網店添加目錄頁 546
項目實戰 556
第13章  網站推廣 557
13.1  搜索引擎 557
13.2  搜索引擎優化(SEO) 559
13.3  向搜索引擎提交網站 561
13.4  監視搜索列表 563
13.5  鏈接流行度 565
13.6  社交媒體優化(SMO) 565
13.7  其他網站推廣活動 566
13.8  通過內聯框架提供動態內容 569
小結 573
關鍵術語 573
復習題 573
動手實作 574
網上研究 575
聚焦Web設計 575
網站案例學習：用於推廣網站的meta
標記 575
項目實戰 577
第14章  JavaScript和jQuery 578
14.1  JavaScript概述 578
14.6  事件和事件處理程序 587
14.2  jQuery概述 608
小結 623
關鍵術語 623
復習題 624
動手實作 626
網上研究 627
網站案例學習：添加JavaScript 627
Web項目 633
附錄  Web開發人員手冊 634
附錄A  HTML5速查表 635
附錄B  特殊實體字符 639
附錄C  CSS屬性速查表 641
附錄D  WCAG 2.1快速參考 647
附錄E  ARIA地標角色 649
附錄F  FTP教程 650
附錄G  Web安全調色板 652
參考答案 653

本書專門為網頁開發入門而寫，討論了文本配置、顏色配置和網頁布局等HTML和CSS主題，強調了設計、無障礙訪問和Web標準等主題。本書涵蓋網頁開發人員必須掌握的以下基本技能：
Internet的基本概念
用HTML5創建網頁
用CSS配置文本、顏色和頁面布局，新增了對CSS靈活框和網格布局的講解
Web設計實踐
無障礙標準
網站開發過程
在網頁上使用媒體和交互性
網站推廣和搜索引擎優化(SEO)
電子商務和Web
JavaScript
本書一大特色是以附錄形式提供了一整套“Web開發人員手冊”，包括HTML5速查表、特殊字符、CSS屬性速查表、WCAG 2.1快速參考、FTP教程和Web安全調色板。
本版更新
相較於大獲成功的第9版，第10版的新增內容如下：
對HT素和屬性更全面的覆蓋
更新了示例代碼、案例學習和Web資源
拓展了對頁面布局設計和靈活Web設計技術的講解
第7章更名為“靈活響應的頁面布局”，強調“移動優先”開發策略，側重新式布局繫統，包括CSS靈活布局模塊(靈活框)和CSS網格布局
用CSS靈活框和網格布局繫統來實現表單布局
更新了HTML5和CSS速查表
提供額外的動手實作練習
學生文件可從本書配套網站https://webdevfoundations.net/10e/index.html或者譯者網站(https://bookzhou.com)下載，其中包括動手實作的答案和網站案例學習的初始文件等
本書的結構
本書經過了精心設計，目的是便於靈活使用，可適合各類課程和學生的需求。下圖展示了各章之間的依賴關繫。  
第1章講解基礎知識，可根據學生的背景跳過或學習本章；第2～4章介紹HTML和CSS編碼；第5章討論Web設計實踐。學生在完成第3章的學習後，可選擇在任何時候學習本章內容(甚至可以和第3章同步學習)。第6～9章延伸討論HTML和CSS。
下面這些章可根據時間限制和學生的需要跳過或自學：第10章(網站開發)、第11章(多媒體和交互性)、第12章(電子商務概述)、第13章(網站推廣)和第14章(JavaScript和jQuery概述)。
各章內容簡介
第1章“Internet和Web簡介”  本章介紹Web開發人員需要熟悉的Internet和Web基本術語和概念。對於已經熟悉了這些內容的學生，可以權當“溫故而知新”。第1章是本書後續學習的基礎。
第2章“HTML基礎”  本章介紹HTML5，實例和練習鼓勵學生親自創建網頁並積累經驗。學生要用多種結構化、分組以及文本級的H素來創建含有超鏈接的網頁。動手實作的答案可參見學生文件。
第3章“用CSS配置顏色和文本”  本章介紹如何使用CSS配置網頁中的顏色和文本。鼓勵學生創建網頁。動手實作的答案可參見學生文件。
第4章&ldquo素和圖片”  本章討論如何在網頁上應用圖形和視覺效果，包括圖像優化、CSS邊框、CSS圖像背景、CSS視覺效果以及HTML素。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第5章“Web設計”  本章重點在於推薦的網站設計實踐和無障礙設計。有的內容是對之前的內容的一個復習鞏固，因為在之前介紹HTML的各章，已經時不時地提供了與網站設計實踐有關的建議。
第6章“頁面布局”  第10版大幅修訂了這一章。將繼續CSS的學習，介紹素進行定位和浮動的技術，其中包括雙欄CSS頁面布局。還討論了CSS精靈、用CSS配置打印稿、位置固定的導航欄、單頁網站和視差滾動等技術。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第7章“靈活響應的頁面布局”  第10版大幅修訂了這一章。深入討論了CSS靈活框布局和CSS網格布局。本章繼續討論CSS媒體查詢和靈活圖片技術，並討論了CSS特性查詢。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第8章“表格”  本章重點是用於創建表格的H素。介紹了用CSS配置表格的方法。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第9章“表單”  本章重點是用於創建表單的H素。介紹了用CSS配置表單的方法。還介紹了HTML5表單控件和屬性值。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第10章“網站開發”  本章的重點是網站開發過程，包括大型項目所需的各種職位、網站開發過程和網頁托管。文件的組織方式也在本章進行了討論。本章包含了選擇Web主機時的一份核對清單。
第11章“Web多媒體和交互性”  本章概述了在網頁上添加媒體和交互性所涉及的主題，包括HTML5視頻和音頻、CSS transform，transition和animation屬性、交互式下拉菜單、交互式圖片庫、JavaScript、jQuery、Ajax和HTML5 API等。鼓勵學生親自創建網頁以體驗效果。動手實作的答案可參見學生文件。
第12章“電子商務概述”  介紹Web上的電子商務、安全性和訂單處理。
第13章“網站推廣”  從Web開發人員的角度討論了網站推廣，並介紹了搜索引擎優化。動手實作的答案可參見學生文件。
第14章“JavaScript和jQuery概述”  本章介紹了如何使用JavaScript和jQuery進行客戶端腳本編程。動手實作的答案可參見學生文件。
“Web開發人員手冊”附錄  該“手冊”包含有用的資源和教程，包括HTML5速查表、特殊字符列表、CSS屬性速查表、WCAG 2.1快速參考、FTP教程、ARIA地標角色和Web安全調色板。
本書特色
主題豐富  本書不僅介紹“硬”技能，如HTML5、CSS和JavaScript(第2、3、4、6、7、8、9和14章)，還介紹許多“軟”技能，如Web設計(第5章)、網站推廣(第13章)和電子商務(第12章)。豐富的主題為學生日後從事網頁開發工作奠定了堅實基礎。學生和老師會發現課程變得更有趣了，因為在學生設計網頁或建立網站的過程中，他們能夠討論、整合並運用各種軟硬技能。
動手實作  網頁開發是一項技能，而技能隻有通過動手實作纔能更好地掌握。本書十分強調實際動手能力的培養，體現在每一章的動手實作練習題、章末練習題和實際網站開發案例學習等。多種多樣的習題也豐富了任課老師在布置作業時的選擇。
網站案例學習  4個案例學習貫穿全書(從第2章起)。第5章還開始了另一個案例。它們起到鞏固每章所學技能的作用。教師可在不同學期循環使用這些案例或讓學生選擇自己感興趣的案例。
網上研究  每章都提供了網上研究課題，鼓勵學生對本章介紹的主題進行深入探索。
聚焦於Web設計  大多數章都提供了額外的活動來探索與本章有關的Web設計主題。這些活動可用於鞏固、擴展和強化課程主題。
 常見問題  在我教授的網頁開發課程中，學生經常會問到一些同樣的問題。書中列出了這些問題，並用FAQ圖標注明。
 自測題  每章均提供兩至三組自測題，供學生自己檢查對課程的掌握程度。每組自測題均用圖標注明。
 無障礙網頁設計  開發無障礙網頁正變得空前重要，無障礙網頁設計技術將貫穿全書。該特殊圖標讓你可以更方便地找到這些信息。
 道德規範  開發網站要遵守一些道德規範，它們用特殊的圖標來注明。
參考材料  “Web開發人員手冊”附錄提供了許多參考材料，包括XHTML參考、特殊字符表、CSS屬性參考、HTML與XHTML比較以及Section 508條款參考。

補充材料
主要包含練習用的學生資源。本書讀者可訪問作譯者網站https://webdevfoundations.net/ 10e/index.html和https://bookzhou.com來獲取本書的補充材料，其中包括勘誤。作者網站提供了本書的所有資源鏈接並一直保持更新。譯者網站提供了教參。