HTML 5+CSS3從入門到精通

《HTML 5+CSS3從入門到精通》是2015年清華大學出版社出版的圖書。

基本介紹

• 書名：HTML 5+CSS3從入門到精通
• ISBN：9787302308812
• 定價：69.8元
• 出版社：清華大學出版社 
• 出版時間：2015-4-3
• 裝幀：平裝
• 印次：1-7

圖書簡介

《HTML5+CSS3從入門到精通》全面系統地講解了基礎理論和實際運用技術，通過大量實例對HTML5+CSS3套用進行深入淺出的分析。

目錄

第1章Web開發新時代 1

1.1HTML5概述 2

1.1.1HTML5新特性 2

1.1.2HTML5組織 3

1.1.3HTML5構成 4

1.2HTML5設計原理 4

1.2.1HTML開發歷程 5

1.2.2HTML5開發動力 6

1.2.3HTML5設計理念 7

1.3編寫第一個HTML5頁面 14

1.3.1搭建上機練習環境 14

1.3.2檢測瀏覽器是否支持 14

1.3.3使用HTML5編寫簡單的Web頁面 15

1.4HTML5頁面的特徵 17

1.4.1使用HTML5結構化元素 17

1.4.2使用CSS美化HTML5文檔 19

第2章從HTML、XHTML到HTML5 21

視頻講解：2小時

2.1HTML基礎 22

2.1.1HTML簡介 22

2.1.2HTML特性 22

2.1.3HTML結構 23

2.1.4HTML語法 23

2.1.5HTML標籤 25

2.1.6HTML屬性 29

2.2XHTML基礎 32

2.2.1XHTML結構 32

2.2.2XHTML語法 33

2.2.3XHTML類型 34

2.2.4DTD解析 35

2.2.5命名空間 37

2.3HTML5基礎 38

2.3.1HTML5語法 38

2.3.2HTML5元素 40

2.3.3HTML5增加及廢除的屬性 46

2.3.4HTML5全局屬性 48

2.3.5HTML5其他功能 50

第3章創建HTML5文檔 54

視頻講解：1小時13分鐘

3.1認識HTML5文檔結構 55

3.2HTML5元素分類 58

3.3構建主體內容 59

3.3.1標識文章 59

3.3.2給內容分段 61

3.3.3設計導航信息 64

3.3.4設計輔助信息 66

3.3.5設計微格式 67

3.3.6添加發布日期 68

3.4添加語義模組 69

3.4.1添加標題塊 69

3.4.2給標題分組 70

3.4.3添加腳註塊 70

3.4.4添加聯繫信息 71

3.5綜合實戰：使用HTML5設計部落格主頁 72

3.5.1設計大綱 73

3.5.2設計樣式 76

第4章實戰HTML5表單 79

視頻講解：1小時08分鐘

4.1新增的input輸入類型 80

4.1.1email類型的套用 80

4.1.2url類型的套用 82

4.1.3number類型的套用 83

4.1.4range類型的套用 84

4.1.5日期檢出器類型的套用 85

4.1.6search類型的套用 90

4.1.7tel類型的套用 91

4.1.8color類型的套用 92

4.2新增的input屬性 93

4.2.1新增的autocomplete屬性 93

4.2.2新增的autofocus屬性 95

4.2.3新增的form屬性 96

4.2.4新增的表單重寫屬性 97

4.2.5新增的height與width屬性 98

4.2.6新增的list屬性 98

4.2.7新增的min、max和step屬性 99

4.2.8新增的multiple屬性 100

4.2.9新增的pattern屬性 101

4.2.10新增的placeholder屬性 101

4.2.11新增的required屬性 102

4.3新增的form元素 103

4.3.1新增的datalist元素 103

4.3.2新增的keygen元素 103

4.3.3新增的output元素 104

4.4新增的form屬性 105

4.4.1新增的autocomplete屬性 105

4.4.2新增的novalidate屬性 105

第5章實戰HTML5畫布 106

視頻講解：2小時

5.1認識HTML5canvas元素 107

5.1.1在頁面中添加canvas元素 107

5.1.2Canvas如何繪製圖形 108

5.1.3認識Canvas坐標 109

5.1.4何時不用Canvas 109

5.1.5如果瀏覽器不支持Canvas 110

5.1.6檢測瀏覽器支持 110

5.2繪製簡單圖形 111

5.2.1繪製直線 111

5.2.2繪製矩形 112

5.2.3繪製圓形 113

5.2.4繪製三角形 115

5.2.5清空畫布 116

5.3繪製貝塞爾曲線 117

5.3.1繪製二次方貝塞爾曲線 118

5.3.2繪製三次方貝塞爾曲線 119

5.4圖形的變換 120

5.4.1保存與恢復Canvas狀態 120

5.4.2移動坐標空間 121

5.4.3旋轉坐標空間 123

5.4.4縮放圖形 125

5.4.5矩陣變換 126

5.5圖形的組合與裁切 129

5.5.1圖形的組合 129

5.5.2裁切路徑 132

5.6更多的顏色和樣式選項 133

5.6.1套用不同的線型 133

5.6.2繪製線性漸變 138

5.6.3繪製徑向漸變 139

5.6.4繪製圖案 140

5.6.5設定圖形的透明度 141

5.6.6創建陰影 142

5.7繪製文字 144

5.7.1繪製填充文字 144

5.7.2文字相關屬性 145

5.7.3繪製輪廓文字 145

5.7.4測量文字寬度 146

5.8操作與使用圖像 147

5.8.1向Canvas中引入圖像 147

5.8.2改變圖像大小 149

5.8.3創建圖像切片 150

第6章HTML5音頻與視頻 152

視頻講解：50分鐘

6.1HTML5多媒體技術概述 153

6.1.1關於編解碼器 153

6.1.2音頻編解碼器 153

6.1.3視頻編解碼器 154

6.2瀏覽器支持概述 156

6.2.1用JavaScript檢測音頻格式支持情況 157

6.2.2用JavaScript檢測視頻格式支持情況 158

6.3在HTML5中播放音頻 159

6.3.1認識audio元素 159

6.3.2播放音頻 160

6.4在HTML5中播放視頻 161

6.4.1認識video元素 161

6.4.2播放視頻 162

6.5音頻與視頻相關屬性、方法與事件 164

6.5.1音頻與視頻相關屬性 164

6.5.2音頻與視頻相關方法 167

6.5.3音頻與視頻相關事件 168

6.6綜合實戰 169

6.6.1用腳本控制音樂播放 169

6.6.2查看視頻幀畫面 170

第7章Web存儲 175

視頻講解：1小時20分鐘

7.1認識WebStorage 176

7.1.1Cookie存儲機制的優缺點 176

7.1.2為什麼要用WebStorage 176

7.1.3WebStorage的優缺點 177

7.1.4瀏覽器支持概述 177

7.2使用WebStorage 178

7.2.1檢查瀏覽器的支持性 178

7.2.2設定和獲取數據 180

7.2.3防止數據泄露 181

7.2.4WebStorage的其他用法 181

7.2.5WebStorage事件監測 182

7.2.6實例1：設計網頁皮膚 183

7.2.7實例2：跟蹤localStorage數據 184

7.2.8實例3：設計計數器 186

7.2.9綜合套用：Web套用項目實時跟蹤 187

7.3WebSQL資料庫 192

7.3.1WebSQL資料庫概述 192

7.3.2使用WebSQL資料庫 193

7.3.3實例1：創建簡單的本地資料庫 195

7.3.4實例2：批量存儲本地數據 198

7.3.5綜合套用：WebStorage和

WebSQL混合開發 199

第8章離線套用 207

視頻講解：23分鐘

8.1HTML5離線套用概述 208

8.1.1為什麼要學習HTML5離線套用 208

8.1.2瀏覽器支持概述 209

8.2HTML5離線套用詳解 210

8.2.1解析manifest檔案 210

8.2.2搭建離線應用程式 213

8.2.3檢查瀏覽器是否支持 213

8.2.4離線快取更新實現 213

8.2.5JavaScript接口實現 214

8.2.6離線存儲事件監聽 217

8.3實戰1：快取首頁 218

8.4實戰2：離線編輯內容 221

8.5實戰3：離線跟蹤 225

第9章Workers多執行緒處理 231

視頻講解：1小時01分鐘

9.1認識WebWorkers 232

9.1.1WebWorkers概述 232

9.1.2瀏覽器支持概述 233

9.1.3熟悉WebWorkers成員 233

9.2使用WebWorkers 234

9.2.1檢查瀏覽器支持性 234

9.2.2創建WebWorkers 234

9.2.3與WebWorkers通信 235

9.2.4使用WebWorkers上機練習 237

9.3案例實戰 240

9.3.1使用多執行緒實現後台運算 240

9.3.2在後台過濾值 242

9.3.3多任務並發處理 243

9.3.4在多執行緒之間通信 246

9.3.5使用執行緒技術計算Fibonacci數列 248

9.3.6使用多執行緒繪圖 249

9.4綜合套用：模擬退火算法 253

9.4.1認識模擬退火算法 253

9.4.2編寫套用主頁面 254

9.4.3編寫worker.js 256

9.4.4與WebWorkers通信 257

第10章Geolocation地理位置 261

10.1位置信息概述 262

10.1.1為什麼要學習Geolocation 262

10.1.2位置信息表示方式 262

10.1.3位置信息來源 262

10.1.4IP定位 263

10.1.5GPS定位 263

10.1.6Wi-Fi定位 263

10.1.7手機定位 264

10.1.8自定義定位 264

10.2使用GeolocationAPI 264

10.2.1檢查瀏覽器支持性 264

10.2.2獲取當前地理位置 265

10.2.3監視位置信息 267

10.2.4停止獲取位置信息 267

10.2.5隱私保護 267

10.2.6處理位置信息 267

10.2.7使用position對象 268

10.3案例實戰 269

10.3.1使用Google地圖 269

10.3.2跟蹤行走速度 271

第11章CSS3概述 277

視頻講解：1小時01分鐘

11.1回顧CSS 278

11.1.1CSS發展簡史 278

11.1.2CSS1.0和CSS2.0概述 278

11.1.3CSS與DIV標記之緣 285

11.1.4CSS編碼規範 288

11.2了解CSS3新增特性 289

11.2.1屬性選擇器 289

11.2.2RBGA透明度 291

11.2.3多欄布局 292

11.2.4多背景圖片 294

11.2.5字元串溢出 295

11.2.6塊陰影與圓角陰影 296

11.2.7圓角 297

11.2.8框線圖片 298

11.2.9形變 299

11.3CSS3前景展望 301

11.3.1CSS3的套用範圍 302

11.3.2當前支持CSS3的瀏覽器 303

11.4案例實戰：設計漂亮的表單 305

第12章CSS選擇器 310

視頻講解：34分鐘

12.1屬性選擇器 311

12.1.1認識屬性選擇器 311

12.1.2案例實戰 312

12.2結構偽類選擇器 314

12.2.1認識結構偽類選擇器 314

12.2.2案例實戰 315

12.3UI偽類選擇器 321

12.3.1認識常用UI偽類選擇器 321

12.3.2案例實戰 322

12.4其他選擇器 324

第13章文本、字型與顏色 330

視頻講解：49分鐘

13.1設計文本陰影 331

13.1.1定義text-shadow屬性 331

13.1.2套用陰影效果 333

13.1.3綜合實戰：設計黑客網站首頁 339

13.2定義文本樣式 341

13.2.1文本樣式簡介 341

13.2.2溢出文本 345

13.2.3文本換行 347

13.3設計顏色樣式 353

13.3.1使用RGBA顏色值 353

13.3.2使用HSL顏色值 355

13.3.3使用HSLA顏色值 359

13.3.4定義opacity屬性 360

13.3.5定義transparent顏色值 363

第14章背景和框線 365

視頻講解：1小時09分鐘

14.1設計多色框線 366

14.1.1用法詳解 366

14.1.2案例實戰 368

14.2設計框線背景 368

14.2.1用法詳解 369

14.2.2案例實戰 372

14.3設計圓角 375

14.3.1用法詳解 376

14.3.2案例實戰：設計橢圓圖形 379

14.4設計陰影 380

14.4.1用法詳解 380

14.4.2案例實戰：設計Windows7界面效果 385

14.5設計背景 390

14.5.1定義背景坐標 390

14.5.2定義背景裁剪區域 392

14.5.3定義背景圖像大小 395

14.5.4定義背景圖像循環方式 396

14.5.5定義多背景圖像 398

第15章2D變形 400

視頻講解：31分鐘

15.1認識transform 401

15.22D變形 402

15.2.1旋轉動畫 403

15.2.2縮放動畫 404

15.2.3移動動畫 406

15.2.4傾斜動畫 408

15.2.5變形動畫 410

15.2.6案例實戰：設計塗鴉牆 412

15.3自定義變形 414

15.4定義複雜變形 416

第16章設計動畫 420

視頻講解：1小時20分鐘

16.1平滑過渡 421

16.1.1定義過渡屬性 421

16.1.2定義過渡時間 422

16.1.3定義過渡延遲時間 423

16.1.4定義過渡效果 424

16.1.5案例實戰：設計MacOS導航器 426

16.23D動畫 428

16.2.1定義動畫名稱 429

16.2.2定義動畫時間 429

16.2.3定義動畫播放方式 429

16.2.4定義動畫延遲時間 429

16.2.5定義動畫播放次數 430

16.2.6定義動畫播放方向 430

16.2.7案例實戰：設計圖片翻轉

特效 430

16.3漸變效果 431

16.3.1設計Webkit漸變 432

16.3.2Webkit案例實戰 437

16.3.3設計Gecko漸變 440

16.3.4Gecko案例實戰 446

16.3.5設計IE漸變 447

16.3.6設計W3C漸變 449

16.4案例綜合實戰 449

16.4.1設計禮品盒 450

16.4.2設計摺疊面板 452

16.4.3設計易拉罐 454

16.4.4設計光碟滑動動畫 457

16.4.5設計下拉選單 461

16.4.6設計精緻按鈕 465

第17章網頁布局 468

視頻講解：40分鐘

17.1設計多列布局 469

17.2設定多列顯示樣式 471

17.2.1定義列寬 471

17.2.2定義列數 472

17.2.3定義列間距 473

17.2.4定義列框線樣式 475

17.2.5定義跨列顯示 476

17.2.6定義列高度 478

17.2.7定義列印列 480

17.3設計盒布局 481

17.4設定盒布局格式 485

17.4.1定義自適應寬度 485

17.4.2定義列顯示順序 487

17.4.3定義列排列方向 489

17.4.4定義模組大小自適應 491

17.4.5消除空白 493

17.4.6定義對齊方式 497

17.5綜合實戰：設計多列網頁 498

第18章用戶界面 506

視頻講解：35分鐘

18.1改變盒模型組成方式 507

18.2調節元素尺寸 507

18.3設計輪廓 509

18.3.1定義輪廓線 509

18.3.2定義輪廓線寬度 512

18.3.3定義輪廓線樣式 512

18.3.4定義輪廓線顏色 513

18.3.5定義輪廓線位移 513

18.4設計導航 516

18.4.1定義導航順序 516

18.4.2定義方向鍵控制順序 519

18.5添加顯示內容 521

18.6恢復默認樣式 522

18.6.1取消元素樣式 522

18.6.2慎用initial的情況 524

第19章CSS3其他新特性 527

視頻講解：40分鐘

19.1溢出處理 528

19.2自定義字型類型 530

19.2.1使用@font-face規則 530

19.2.2開放字型 532

19.3定義設備類型 532

19.3.1認識MediaQueries模組 532

19.3.2認識@media規則 533

19.3.3使用@media規則 535

19.3.4在網站中套用@media規則 537

19.4添加語音功能 543

19.5設計倒影 545