學習HTML5（第7版）

《學習HTML5(第7版)》是2017年8月清華大學出版社出版的圖書，作者是Terry Felke-Morris、潘玉琪。

基本介紹

• 書名：學習HTML5(第7版)
• 作者：Terry Felke-Morris、潘玉琪
• 出版社：清華大學出版社
• 出版時間：2017年8月
• 定價：99 元
• ISBN：9787302478089

內容簡介

本書廣泛適用於各種教程與學習需求，讀者可自行靈活掌握使用方法。全書共14章，主要涉及以下重要主題：HTML和CSS編碼；網頁設計最佳實踐；連結、布局、移動性；網頁開發；網頁多媒體與互動性；電子商務概覽；網頁提升；JavaScript和jQuery簡介。

本書適合所有對網頁設計感興趣的讀者閱讀，是一本理想的入門參考。

圖書目錄

第1章 網際網路與全球資訊網介紹 1

1.1 網際網路與全球資訊網 2

網際網路 2

網際網路的誕生 2

網際網路的發展 2

全球資訊網的誕生 2

第一個圖形化瀏覽器 3

技術融合 3

誰在運行網際網路？ 3

內聯網和外部網 4

1.2 全球資訊網標準與無障礙訪問 5

W3C推薦標準 5

全球資訊網標準與無障礙訪問 5

無障礙訪問與法律 5

全球資訊網通用設計 6

1.3 全球資訊網上的信息 7

網路信息與可靠性 7

有道德地使用網上的信息 8

自測題1.1 9

1.4 網路概述 9

1.5 客戶端/伺服器模型 10

1.6 網際網路協定 11

檔案傳輸協定(FTP) 12

電子郵件協定 12

超文本傳輸協定(HTTP) 12

傳輸控制協定/網際網路協定

(TCP/IP) 12

1.7 統一資源定位符和域名 14

URI和URL 14

域名 14

1.8 標記語言 16

標準通用標記語言(SGML) 17

超文本標記語言(HTML) 17

可擴展標記語言(XML) 17

可擴展超文本標記語言

(XHMTL) 17

HTML5-HTML語言的最新版本 17

自測題1.2 18

1.9 全球資訊網上的流行套用 18

電子商務 18

移動接入 18

部落格 18

維基 19

社交網路 19

雲計算 20

RSS 20

播客 20

Web 2.0 20

本章小結 22

關鍵術語 22

複習題 23

動手練習 24

網站實例研究 24

關注網頁設計 25

第2章 HTML基礎 27

2.1 HTML概覽 28

HTML 28

XML 28

XHTML 29

HTML5 29

2.2 文檔類型定義 30

2.3 網頁模板 30

2.4 HTML元素 30

2.5 四大元素head、title、meta

和body 31

頭部(Head) 31

主體(Body) 31

2.6 你的第一張網頁 32

動手實踐2.1 32

自測題2.1 35

2.7 標題元素 36

動手實踐2.2 36

無障礙訪問與標題 37

2.8 段落元素 38

動手實踐2.3 38

對齊 39

2.9 換行元素 39

動手實踐2.4 40

2.10 塊引用元素 40

動手實踐2.5 41

2.11 短語元素 42

2.12 有序列表 43

類型(Type)、起始值(Start)和

倒序*(Reversed)屬性 44

動手實踐2.6 44

2.13 無序列表 45

動手實踐2.7 46

2.14 描述列表 47

動手實踐2.8 47

自測題2.2 48

2.15 特殊字元 49

動手實踐2.9 49

2.16 結構元素 51

分區元素(Div) 51

HTML結構性元素 51

頁眉元素(Header) 51

導航連結元素(Nav) 51

主體元素(Main) 51

頁腳元素(Footer) 52

動手實踐2.10 52

2.17 錨元素 53

動手實踐2.11 54

絕對超連結 54

相對超連結 55

網站地圖 55

動手實踐2.12 55

電子郵件超連結(E-Mail) 58

動手實踐2.13 59

無障礙訪問與超連結 60

塊級錨 60

自測題2.3 61

2.18 HTML驗證 61

動手實踐2.14 61

本章小結 64

關鍵術語 64

複習題 65

學以致用 66

動手練習 67

全球資訊網探秘 68

網站實例研究 68

第3章 用層疊樣式表CSS配置顏色

與文本 81

3.1 層疊樣式表概覽 82

層疊樣式表的優點 82

配置層疊樣式表 83

樣式選擇器與聲明 83

背景顏色屬性 83

顏色屬性 84

配置背景顏色與文本顏色 84

3.2 為網頁配色 86

十六進制的顏色碼 86

網頁安全色 87

配色的CSS語法 87

3.3 帶樣式屬性的內聯CSS 88

樣式屬性(Style) 88

動手實踐3.1 88

3.4 帶樣式元素的內嵌CSS 90

樣式(Style)元素 90

動手實踐3.2 91

自測題3.1 93

3.5 用CSS配置文本 93

字型系列屬性(font-family) 93

更多的CSS字型屬性 95

CSS3文本陰影屬性 97

動手實踐3.3 97

3.6 CSS類、id與派生選擇器 100

類選擇器 100

id選擇器 101

動手實踐3.4 101

派生選擇器 102

3.7 Span元素 103

動手實踐3.5 103

3.8 使用外部樣式表 104

連結元素 104

動手實踐3.6 105

動手實踐3.7 106

自測題3.2 108

3.9 用CSS實現HTML元素居中 109

動手實踐3.8 110

3.10 層疊 111

動手實踐3.9 112

3.12 CSS驗證 113

動手實踐3.10 114

本章小結 116

關鍵術語 116

複習題 116

動手練習 119

全球資訊網探秘 121

關注網頁設計 121

網站實例研究 122

第4章 視覺元素與圖像 131

4.1 配置線條與框線 132

水平分隔線元素 132

動手實踐4.1 132

框線屬性與間距屬性 132

動手實踐4.2 136

自測題4.1 138

4.2 圖像類型 138

圖像互換格式(GIF)圖片 138

聯合照片專家小組(JPEG)圖像 139

可移植網路圖形格式(PNG)

圖像 141

新型的WebP圖像格式 141

4.3 圖像元素 141

無障礙訪問和圖像 143

圖像超連結 143

動手實踐4.3 143

最佳化Web圖像 145

動手實踐4.4 146

4.4 HTML5視覺元素 147

HTML5 Figure元素 147

HTML5 Figcaption元素 148

動手實踐4.5 148

HTML5 Meter元素 149

HTML5 Progress元素 150

4.5 背景圖像 151

background-image屬性 151

同時配置背景色和背景圖 151

瀏覽器顯示背景圖 151

background-repeat屬性 151

background-position屬性 153

動手實踐4.6 153

background-attachment屬性 154

自測題4.2 155

4.6 更多有關圖像的知識 155

圖像映射 155

映射元素 155

區域元素 155

探索矩形圖像映射 156

收藏圖示 157

配置收藏圖示 157

動手實踐4.7 158

圖像切割 158

CSS精靈 159

4.7 圖片來源與使用原則 159

圖片來源 159

圖像使用指導原則 160

無障礙訪問和視覺元素 161

自測題4.3 161

4.8 CSS3視覺效果 162

CSS3 background-clip屬性 162

CSS3 background-origin屬性 163

CSS3 background-size屬性 163

CSS3中對多張背景圖像的處理 165

動手實踐4.8 166

CSS3圓角效果 166

動手實踐4.9 167

CSS3 box-shadow屬性 168

動手實踐4.10 169

CSS3的opacity屬性 170

動手實踐4.11 171

CS3 RGBA 顏色 172

動手實踐4.12 174

CSS3 HSLA顏色 174

動手實踐4.13 176

CSS3漸變 177

本章小結 180

關鍵術語 180

複習題 181

學以致用 182

動手練習 183

全球資訊網探秘 184

關注網頁設計 184

網站實例研究 185

第5章 網頁設計 197

5.1 為目標客群群體而設計 198

5.2 網站的組織結構 199

分層結構 199

線性結構 200

隨機結構 201

5.3 視覺效果設計原則 201

重複：在整個設計中重複使用

視覺組件 201

對比：提升視覺刺激效果，吸引

注意力 202

鄰近：組合相關的項目 202

對齊：將元素對齊形成視覺上的

統一效果 203

5.4 無障礙訪問設計 203

誰將從通用設計與無障礙訪問

設計中獲益？ 203

無障礙訪問設計有利於被搜尋引擎

檢索到 204

做正確的事：提供無障礙訪問 204

5.5 適合於Web的寫作風格 205

精心組織內容 205

字型選擇 205

字型大小 206

字型粗細 206

文字顏色對比 206

文本行的長度 206

對齊 206

超連結中的文本 206

閱讀級別 207

拼寫和語法 207

5.6 顏色的使用 207

基於圖像的配色方案 207

色輪 208

基於色輪的配色方案 209

對配色方案進行補充 210

無障礙訪問與顏色 211

顏色與目標客群 211

自測題5.1 214

5.7 圖片與多媒體的套用 214

圖像的檔案大小和尺寸 214

多媒體中的抗鋸齒或鋸齒文字 215

僅使用必要的多媒體 215

提供替代文本 215

5.8 更多設計方面的注意事項 216

載入時間 216

首屏 217

充分留白 217

避免水平滾動 217

瀏覽器 217

螢幕解析度 218

5.9 導航設計 218

易於導航 218

導航欄 218

麵包屑導航 218

利用圖形實現導航 219

跳過重複導航連結 219

動態導航 220

站點地圖 220

站內檢索功能 221

5.10 頁面布局設計 221

線框和頁面布局 221

頁面布局設計技術 223

5.11 設計適應於移動設備的Web 225

三種方法 226

設計移動設備端網站時需要考慮

的因素 226

桌面網站與移動網站示例 226

回響式網頁設計 228

5.12 網頁設計最佳實踐核對清單 230

自測題5.2 232

本章小結 233

關鍵術語 233

複習題 234

全球資訊網探秘 236

關注網頁設計 237

網站實例研究 238

Web項目 239

第6章 頁面布局 241

6.1 盒模型 242

內容 242

內邊距 242

框線 242

外邊距 242

Margin屬性 243

盒模型的作用 243

6.2 正常流 244

動手實踐6.1 245

6.3 CSS浮動 247

動手實踐6.2 248

浮動元素和正常流 248

6.4 CSS：清除浮動 249

clear屬性 249

overflow屬性 250

自測題6.1 252

6.5 CSS雙欄頁面布局 252

左欄為導航的雙欄布局 252

雙欄頁面，頂部是頁眉，左側

為導航 254

百尺竿頭還需更進一步 255

6.6 無序列表中的超連結 255

用CSS配置列表標記 256

用無序列表組織垂直導航區域 257

用無序列表組織水平導航區域 258

6.7 用CSS偽類增加互動效果 259

動手實踐6.3 260

6.8 CSS雙欄布局實戰 262

動手實踐6.4 262

6.9 頁眉文本圖像替換 265

改進的頁眉文本圖像替換技術 266

動手實踐6.5 266

6.10 實戰圖片庫 267

動手實踐6.6 267

6.11 利用CSS進行定位 269

靜態定位 270

固定定位 270

相對定位 270

絕對定位 271

動手實踐6.7 272

6.12 CSS調試技術 274

驗證HTML語法是否正確 274

驗證CSS語法是否正確 274

設定臨時背景顏色 274

設定臨時框線 274

使用注釋查找意想不到的重疊 274

6.13 更多HTML5結構元素 275

section元素 275

article元素 276

aside元素 276

time元素 276

動手實踐6.8 276

6.14 舊瀏覽器的HTML5兼容性 278

配置CSS塊顯示 279

HTML5 Shim 279

動手實踐6.9 279

自測題6.2 280

本章小結 281

關鍵術語 281

複習題 281

學以致用 282

動手練習 285

全球資訊網探秘 286

網站實例研究 286

Web項目 298

第7章 深入了解超連結、列表

和移動端網頁設計 299

7.1 換個角度看看超連結 300

有關相對超連結的更多知識 300

相對連結示例 300

動手實踐7.1 301

區段標識符 302

動手實踐7.2 303

ARIA的標誌角色 305

target屬性 305

動手實踐7.3 306

塊級錨點 306

電話與簡訊超連結 306

7.2 CSS精靈 306

動手實踐7.4 307

自測題4.1 309

7.3 三欄式CSS頁面布局 309

動手實踐7.5 310

7.4 CSS列印樣式 316

列印樣式最佳實踐 316

動手實踐7.6 319

7.5 設計顯示於移動設備上的網頁 321

移動網頁設計最佳實踐 322

7.6 視窗的meta標籤 324

7.7 CSS3多媒體查詢 325

什麼是多媒體查詢？ 326

使用link元素的多媒體查詢

示例 326

使用@media規則的多媒體查詢

示例 327

動手實踐7.7 329

7.8 彈性圖像 332

動手實踐7.8 333

7.9 測試在移動設備上的顯示效果 335

用桌面電腦的瀏覽器進行測試 336

僅限於特別專業的開發者 337

多媒體查詢與Internet Explorer

瀏覽器 337

移動設備優先 337

7.10 CSS3彈性盒布局 338

配置一個彈性容器 338

配置彈性項目 339

動手實踐7.9 340

自測題7.2 343

本章小結 344

關鍵術語 344

複習題 344

學以致用 345

動手練習 348

全球資訊網探秘 349

關注網頁設計 349

網站實例研究 350

Web項目 363

第8章 表格 365

8.1 表格概覽 366

表格元素 366

border屬性 367

表格標題 367

8.2 表格行、單元格與表頭 368

表格行元素 368

表格數據元素 368

表格表頭元素 369

動手實踐8.1 370

8.3 跨行和跨列 370

colspan屬性 370

rowspan屬性 371

動手實踐8.2 371

8.4 配置一張可無障礙訪問的表格 372

自測題8.1 374

8.5 用CSS設定表格樣式 374

動手實踐8.3 375

8.6 CSS3結構化偽類 377

動手實踐8.4 378

8.7 配置表格中的各個部分 379

自測題8.2 380

本章小結 381

關鍵術語 381

複習題 381

學以致用 382

動手練習 384

全球資訊網探秘 385

關注網頁設計 385

網站實例研究 385

Web項目 390

第9章 表單 391

9.1 表單概述 392

表單元素 393

表單控制項 394

9.2 輸入元素表單控制項 394

文本框 394

提交按鈕 396

重置按鈕 396

動手實踐9.1 397

多選框 398

單選按鈕 399

隱藏輸入控制項 400

密碼框 401

9.3 滾動文本框 401

動手實踐9.2 402

9.4 選擇列表 404

選擇元素 404

選項元素 405

自測題9.1 406

9.5 圖像按鈕和按鈕元素 406

圖像按鈕 407

按鈕元素 407

9.6 無障礙訪問與表單 408

標籤元素 408

動手實踐9.3 409

Fieldset和Legend元素 409

動手實踐9.4 410

tabindex屬性 411

accesskey屬性 412

自測題9.2 412

9.7 用CSS定義表單樣式 413

9.8 伺服器端的處理 414

動手實踐9.5 415

隱私和表單 417

伺服器端處理的資源 417

探索伺服器端處理技術 418

自測題9.3 418

9.9 HTML5表單控制項 418

電子郵件地址輸入 419

URL輸入控制項 419

電話號碼輸入控制項 420

搜尋欄位輸入控制項 420

數據列表表單控制項 421

滑塊表單控制項 422

微調器表單控制項 423

日曆表單控制項 424

拾色器表單控制項 425

動手實踐9.6 425

HTML5與漸進式提升 427

本章小結 428

關鍵術語 428

複習題 428

學以致用 430

動手練習 431

全球資訊網探秘 433

關注網頁設計 434

網站實例研究 434

Web項目 444

第10章 網站開發 445

10.1 大型項目的成功開發 446

項目工作角色 446

確定項目人選的標準 447

10.2 開發流程 448

概念形成 450

分析 450

設計 451

開發 452

測試 453

自動測試工具和校驗器 454

啟用 456

維護 456

評估 456

自測題10.1 457

10.3 域名概述 457

挑選域名 457

註冊域名 458

10.4 主機暫存 458

主機供應商 459

暫存的類型 459

10.5 選擇虛擬主機 460

自測題10.2 462

本章小結 463

關鍵術語 463

複習題 463

動手練習 465

全球資訊網探秘 466

關注網頁設計 467

網站實例研究 467

Web項目 467

第11章 多媒體與互動性 469

11.1 外掛程式、容器和編解碼器 470

11.2 開啟音頻與視頻之旅 472

提供超連結 472

動手實踐11.1 472

與網上的多媒體打交道 473

多媒體與無障礙訪問 475

瀏覽器兼容性問題 475

11.3 Adobe Flash 475

HTML5內嵌元素 476

動手實踐11.2 477

Flash資源 477

自測題11.1 478

11.4 HTML5音頻和視頻元素 478

音頻元素 479

源元素 479

網頁上的HTML5音頻 479

動手實踐11.3 480

視頻元素 481

源元素 482

網頁上的HTML5視頻 482

動手實踐11.4 483

11.5 多媒體檔案與著作權法律 484

11.6 CSS3和互動性 485

CSS圖片庫 485

動手實踐11.5 485

CSS3Transform屬性 487

CSS3 Rotate變換 488

動手實踐11.6 488

CSS Transition屬性 490

動手實踐11.7 490

練習套用過渡效果 492

動手實踐11.8 492

11.7 Java 494

在網頁上添加Java小程式 495

Java小程式資源 497

自測題11.1 497

11.8 JavaScript 497

JavaScript資源 499

11.9 Ajax 499

Ajax資源 501

11.10 jQuery 501

jQuery資源 502

11.11 HTML5 API 502

地理位置 502

網路存儲 502

離線套用 503

用Canvas元素繪圖 503

HTML5 API資源 505

自測題11.3 505

11.12 無障礙與多媒體/互動性 505

本章小結 507

關鍵術語 507

複習題 508

學以致用 509

動手練習 510

全球資訊網探秘 511

關注網頁設計 511

網站實例研究 512

Web項目 517

第12章 電子商務概述 519

12.1 什麼是電子商務？ 520

電子商務的優勢 520

電子商務的風險 520

12.2 電子商務商業模式 521

12.3 電子數據交換(EDI) 522

12.4 電子商務統計數據 522

12.5 電子商務相關問題 524

12.6 電子商務安全 525

加密 525

完整性 526

安全套接字層(SSL) 526

數字證書 527

SSL和數字證書 528

自測題12.1 528

12.7 訂單和支付處理 529

現金模型 529

信用卡模型 529

智慧卡模型 529

移動支付模型 530

12.8 開設電子商務店鋪的解決

方案 530

速成網店 530

現成的購物車軟體 531

定製解決方案 531

根據預算決定的半定製解決

方案 531

自測題12.2 532

本章小結 533

關鍵術語 533

複習題 533

動手練習 535

全球資訊網探秘 535

關注網頁設計 536

網站實例研究 536

Web項目 547

第13章 網站推廣 549

13.1 搜尋引擎概述 550

13.2 流行的搜尋引擎 550

13.3 搜尋引擎組件 550

機器人 551

資料庫 551

搜尋表單 551

13.4 搜尋引擎最佳化 552

關鍵字 552

網頁標題 552

標題標籤 552

描述 552

Description 元標籤 553

連結 553

圖像和多媒體 553

有效的代碼 554

有價值的內容 554

13.5 被搜尋引擎收錄 554

合適的站點地圖 555

加盟 556

自測題13.1 556

13.6 監控搜尋列表 556

13.7 連結流行度 558

13.8 社交媒體最佳化 558

部落格和RSS源 559

社交網路 559

13.9 其他的網站推廣活動 560

快速反應(QR)碼 560

分銷聯盟計畫 560

橫幅廣告 561

橫幅廣告互換 561

互惠連結協定 562

時事通訊 562

有“粘性”的網站功能 562

個人推薦 562

新聞組和郵件列表服務 562

傳統媒體廣告與現有的行銷

材料 563

自測題13.2 563

13.10 通過內聯框架提供動態內容 563

iframe元素 563

內聯框架中的YouTube視頻 565

動手實踐13.1 565

本章小結 567

關鍵術語 567

複習題 568

動手練習 569

全球資訊網探秘 569

關注網頁設計 569

網站實例研究 570

Web項目 572

第14章 JavaScript 573

14.1 JavaScript概述 574

14.2 JavaScript的發展歷程 574

14.3 JavaScript的常見用途 575

警告訊息 575

彈窗 575

跳轉選單 576

滑鼠移動技術 576

14.4 在網頁中添加JavaScript 577

Script元素 577

傳統JavaScript語句塊模板 578

警告訊息框 578

動手實踐14.1 578

調試練習 579

自測題14.1 580

14.5 文檔對象模型概述 580

動手實踐14.2 581

14.6 事件與事件處理程式 583

動手實踐14.3 584

自測題14.2 585

14.7 變數 585

在網頁中使用變數 586

動手實踐14.4 586

使用輸入提示框獲取變數值 588

動手實踐14.5 588

14.8 編程概念介紹 589

算術運算符 589

判斷結構 590

動手實踐14.6 591

函式 593

動手實踐14.7 594

自測題14.3 595

14.9 表單處理 595

動手實踐14.8 596

自測題14.4 601

14.10 無障礙訪問與JavaScript 601

14.11 JavaScript資源 601

14.12 jQuery概述 602

14.13 在網頁中添加jQuery 602

下載jQuery 602

通過內容分發網路訪問jQuery 603

Ready事件 603

動手實踐14.9 604

14.14 jQuery選擇器 605

14.15 jQuery方法 605

動手實踐14.10 606

14.16 jQuery圖片庫 608

動手實踐14.11 609

14.17 jQuery外掛程式 611

動手實踐14.12 612

動手實踐14.13 613

14.18 jQuery資源 615

自測題14.5 616

本章小結 617

關鍵術語 617

複習題 618

學以致用 619

動手練習 620

全球資訊網探秘 621

網站實例研究 621

Web項目 630

附錄 網頁開發人員手冊 631

參考答案 653