內(nèi)容簡介
《HTML5與CSS網(wǎng)頁設(shè)計基礎(chǔ)(第5版)》針對HTML5和CSS的最新標(biāo)準(zhǔn)進(jìn)行及時的更新和修訂，包含的主題有：Internet和Web概念；創(chuàng)建HTML5網(wǎng)頁；用CSS配置顏色和文本；用CSS配置頁面布局；配置圖像和多媒體；探索新的CSS特性；應(yīng)用網(wǎng)頁設(shè)計最佳實踐；設(shè)計可訪問和可用的網(wǎng)頁；搜索引擎優(yōu)化設(shè)計；選擇域名；發(fā)布網(wǎng)站。
《HTML5與CSS網(wǎng)頁設(shè)計基礎(chǔ)(第5版)》適合所有對網(wǎng)頁設(shè)計感興趣的讀者閱讀，是一本理想的入門參考。前言
《HTML5 與CSS 網(wǎng)頁設(shè)計基礎(chǔ)》是一本適合網(wǎng)頁設(shè)計或開發(fā)初級課程。每個主題都只用兩頁篇幅進(jìn)行講解，在指出關(guān)鍵點的同時，一般還包含動手實作。全書覆蓋網(wǎng)頁設(shè)計師需要掌握的所有基礎(chǔ)知識，包括以下主題：
互聯(lián)網(wǎng)和萬維網(wǎng)的概念；
用HTML5 創(chuàng)建網(wǎng)頁；
用層疊樣式表(CSS) 配置文本、顏色和網(wǎng)頁布局；
配置網(wǎng)頁上的圖片和多媒體；
探索CSS Flexbox和CSS網(wǎng)格布局系統(tǒng)；
網(wǎng)頁設(shè)計最佳實踐；
創(chuàng)建在桌面和移動設(shè)備上都能良好顯示的網(wǎng)頁；
對無障礙訪問、可用性和搜索引擎優(yōu)化的考量；
取得域名和主機(jī)；
發(fā)布到網(wǎng)上。
本書中文版的學(xué)生文件可以從配套網(wǎng)站https://pan.baidu.com/s/1yd43W 下載(區(qū)分大小寫)，其中包括動手實作的原始文件和解決方案以及案例學(xué)習(xí)的原始文件。
在本書第4 版取得極大成功之后，第5版新增了以下特色：
更豐富的動手實作；
全面更新了范例代碼、案例學(xué)習(xí)和網(wǎng)絡(luò)資源；
更新了HTML5.2 元素和屬性；
擴(kuò)充了網(wǎng)頁布局設(shè)計和靈活響應(yīng)網(wǎng)頁設(shè)計技術(shù)；
第8 章更名為“靈活響應(yīng)布局基礎(chǔ)”，強調(diào)了新的布局系統(tǒng)，包括CSS靈活布局模塊(Flexbox) 和CSS 網(wǎng)格布局；
擴(kuò)充了靈活響應(yīng)圖像技術(shù)，包括新的HTML5 的picture元素；
更新了HTML5 和CSS參考資源。
本書特色
立足當(dāng)下，展望未來。本書采用獨特的教學(xué)方式，使學(xué)生在學(xué)習(xí)適合當(dāng)下的網(wǎng)頁設(shè)計技能的同時，掌握新的HTML5 和CSS 編碼技術(shù)，迎接未來的挑戰(zhàn)。
精心挑選主題。本書既傳授“硬”技能，比如HTML5 和層疊樣式表( 第1 章和第2 章，第4 章~ 第11 章)，也傳授“軟”技能，比如網(wǎng)頁設(shè)計( 第3 章) 和發(fā)布到網(wǎng)上( 第12 章)。打下良好基礎(chǔ)之后，學(xué)生作為網(wǎng)頁設(shè)計師追尋自己的職業(yè)夢想時，會更加得心應(yīng)手。使用本書的學(xué)生和老師會發(fā)現(xiàn)，我們這個課程變得更有趣了。學(xué)生在創(chuàng)建網(wǎng)頁和網(wǎng)站時，可以一起討論、綜合和運用軟硬技能。每個主題都用兩頁的篇幅來講解，除了快速提供需要掌握的知識點外，還通過動手實例來鞏固所學(xué)到的知識。
每個主題兩頁篇幅。每個主題都用簡潔的、兩頁篇幅的一個小節(jié)進(jìn)行講述。許多小節(jié)還包含馬上就可以開始的動手實作，旨在幫助鞏固新學(xué)的技能或概念。這種精心設(shè)計對學(xué)業(yè)沉重的學(xué)生尤其有用，因為他們需要立即搞清楚關(guān)鍵的概念。
動手實作。網(wǎng)頁開發(fā)是一門技能，只有通過動手實作才能更好地掌握。本書十分強調(diào)實際動手能力的培養(yǎng)，體現(xiàn)在每章的動手實作練習(xí)題、章末練習(xí)題以及通過真實的案例學(xué)習(xí)來完成網(wǎng)站的開發(fā)。
網(wǎng)站案例學(xué)習(xí)。從第2 章開始，案例學(xué)習(xí)將貫穿全書。它的作用是鞏固每章所學(xué)的技能。教師資源中心提供了案例的示例解決方案，網(wǎng)址是http://www.pearsonhighered.com/irc。
聚焦網(wǎng)頁設(shè)計。大多數(shù)章都提供額外的活動來探索與本章有關(guān)的網(wǎng)頁設(shè)計主題。這些活動可以用于鞏固、擴(kuò)展和增強課程主題。
在我的網(wǎng)頁開發(fā)課堂中，學(xué)生經(jīng)常會問到一些同樣的問題。書中列出了這些問題，并用FAQ 標(biāo)志注明。
開發(fā)無障礙網(wǎng)頁的重要性日益增強，所以無障礙網(wǎng)頁設(shè)計技術(shù)將貫穿全書。這個特殊標(biāo)記可以讓您更方便地找到這些信息。
本書使用特殊的道德規(guī)范標(biāo)記注明與網(wǎng)頁開發(fā)有關(guān)的道德規(guī)范話題。
提供有用的背景資料，或者幫助提高生產(chǎn)力。
這個特殊標(biāo)記代表可供深入探索的網(wǎng)絡(luò)資源，方便學(xué)生對當(dāng)前主題進(jìn)行深入學(xué)習(xí)。
參考資料。附錄提供了豐富的參考資料，包括HTML5 參考、CSS 參考、WCAG 2.1快速參考以及ARIA Landmark Roles 概述。
視頻講解(Video Note) 視頻講解講解關(guān)鍵編程概念和技術(shù)，演示從設(shè)計到編碼來解決問題的過程。視頻講解方便學(xué)生自學(xué)自己感興趣的主題，支持選擇、播放、倒退、快進(jìn)和暫停。每當(dāng)看到 視頻講解：……，都表明當(dāng)前主題有對應(yīng)的視頻講解。
視頻列表可從本書中文版配套網(wǎng)站獲取，網(wǎng)址是https://pan.baidu.com/s/1yd43W。注意，由于是英文視頻，所以為了方便索引，書中保留了這些視頻的英文名稱。
補充材料
學(xué)生資源。本書中文版讀者請訪問https://pan.baidu.com/s/1yd43W（區(qū)分大小寫）獲取學(xué)生資源（含視頻講解）。
教師資源。以下補充資源僅供認(rèn)證教師使用。
章末練習(xí)題答案；
案例學(xué)習(xí)作業(yè)答案；
試題；
PPT 演示文稿；
示范教學(xué)大綱。
作者網(wǎng)站。除了出版社為本書提供的配套網(wǎng)站，作者還專門創(chuàng)建了一個網(wǎng)站，網(wǎng)址為https://www.webdevbasics.net。該網(wǎng)站擁有許多額外資源，包括調(diào)色板和學(xué)習(xí)/復(fù)習(xí)游戲，還為每一章都單獨建了一個網(wǎng)頁，提供這一章的示例、鏈接和更新信息。
該網(wǎng)站由作者自行維護(hù)，和出版商無利益關(guān)系。
致謝
特別感謝出版社的工作人員，包括戈登斯坦(Matt Goldstein)，雅各比(Meghan Jacoby) 和布蘭茲(Amanda Brands)。
感謝我的家人，尤其是我的“另一半”，感謝他的耐心、關(guān)愛、支持和鼓勵。最后還要特別紀(jì)念我的父親，我們永遠(yuǎn)想念他。
目錄
第1 章 互聯(lián)網(wǎng)和萬維網(wǎng)基礎(chǔ) 1
1.1 互聯(lián)網(wǎng)和萬維網(wǎng) 2
1.2 網(wǎng)頁標(biāo)準(zhǔn)和無障礙訪問 4
1.3 瀏覽器和服務(wù)器 6
1.4 Internet 協(xié)議 8
1.5 統(tǒng)一資源標(biāo)識符(URI) 和域名 10
1.6 網(wǎng)上的信息 14
1.7 HTML 概述 16
1.8 網(wǎng)頁幕后揭秘 18
1.9 第一個網(wǎng)頁 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 短語元素 36
2.6 有序列表 38
2.7 無序列表 40
2.8 描述列表 42
2.9 特殊實體字符 44
2.10 HTML 語法校驗 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)頁設(shè)計基礎(chǔ) 71
3.1 為目標(biāo)受眾而設(shè)計 72
3.2 網(wǎng)站組織 74
3.3 視覺設(shè)計原則 76
3.4 提供無障礙訪問 78
3.5 文本的使用 80
3.6 調(diào)色板 82
3.7 針對目標(biāo)受眾而設(shè)計 84
3.8 選擇顏色方案 86
3.9 使用圖片和多媒體 90
3.10 更多設(shè)計考慮 92
3.11 導(dǎo)航設(shè)計 94
3.12 線框和頁面布局 96
3.13 固定和流動布局 98
3.14 為移動網(wǎng)絡(luò)設(shè)計 100
3.15 靈活響應(yīng)的網(wǎng)頁設(shè)計 102
3.16 網(wǎng)頁設(shè)計最佳實踐 104
復(fù)習(xí)和練習(xí) 106
第4 章 CSS 基礎(chǔ) 111
4.1 CSS 概述 112
4.2 CSS 選擇符和聲明 114
4.3 CSS 顏色值語法 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 語法校驗 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 配置列表符號 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 居中頁面內(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 章 頁面布局基礎(chǔ) 217
7.1 正常流動 218
7.2 浮動 220
7.3 清除浮動 222
7.4 溢出 224
7.5 CSS 屬性box-sizing 226
7.6 基本雙欄布局 228
7.7 用無序列表實現(xiàn)垂直導(dǎo)航 232
7.8 用無序列表實現(xiàn)水平導(dǎo)航 234
7.9 用偽類實現(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 靈活容器的更多知識 260
8.3 靈活框圖片庫 262
8.4 配置靈活項 264
8.5 練習(xí)靈活框技術(shù) 266
8.6 CSS 網(wǎng)格布局 268
8.7 網(wǎng)格列、行和間隙 270
8.8 雙欄網(wǎng)格頁面布局 272
8.9 漸進(jìn)式增強網(wǎng)格 274
8.10 用靈活框和網(wǎng)格來居中 276
8.11 viewport meta 標(biāo)記 278
8.12 CSS 媒體查詢 280
8.11 用媒體查詢實現(xiàn)靈活響應(yīng)的布局 282
8.12 用媒體查詢實現(xiàn)靈活響應(yīng)的網(wǎng)格布局 286
8.13 用CSS 實現(xiàn)靈活圖像 290
8.14 picture 元素 292
8.15 靈活img 元素屬性 294
8.16 測試移動顯示 296
復(fù)習(xí)和練習(xí) 298
第9 章 表格基礎(chǔ) 309
9.1 表格概述 310
9.2 表行、單元格和表頭 312
9.3 跨行和跨列 314
9.4 配置無障礙訪問表格 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í)過渡 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 用鏈接來定位 418
12.3 注冊域名 420
12.4 選擇主機(jī) 422
12.5 安全套接字層(SSL) 424
12.6 用FTP 發(fā)布 426
12.7 提交到搜索引擎 428
12.8 搜索引擎優(yōu)化 430
12.9 無障礙訪問測試 432
12.10 可用性測試 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)頁安全調(diào)色板 455
