《HTML5 從入門到精通（微課精編版）》是2019年清華大學出版社出版的圖書，作者是前端科技。
基本介紹
- 書名：HTML5 從入門到精通（微課精編版）
- 作者：前端科技
- ISBN：9787302520498
- 定價：89.80元
- 出版社：清華大學出版社
- 出版時間：2019.07.01
圖書簡介,內容簡介,圖書目錄,
圖書簡介
《HTML5從入門到精通（微課精編版）》從初學者角度出發，通過通俗易懂的語言、豐富多彩的實例，系統講解了利用HTML5的相關技術開發移動Web網站和WebApp。全書共24章，包括HTML5基礎、創建HTML5文檔、設計HTML5文檔結構、設計HTML5文本、設計HTML5圖像和多媒體、設計列表和連結、設計表格、設計表單、設計IT部落格、HTML5繪圖與動畫、使用SVG、HTML5本地存儲、HTML5離線快取、HTML5WebWorkers、HTML5檔案操作、HTML5通信、拖放操作、HTML5Ajax、WebRTC視頻直播、HTML5定位、HTML5History、HTML5通知和顯示處理、設計回響式網站等內容。本書各章節注重實例間的聯繫和各功能間的難易層次，內容講解以文字描述和圖例並重，力求生動易懂，並對軟體套用過程中的難點、重點和可能出現的問題給予詳細講解和提示。
內容簡介
本書系統地講解了HTML5基礎理論和實際運用技術，通過大量實例對HTML5進行深入淺出的分析。著重講解如何用HTML5進行Web套用。全書注重實際操作，使讀者在學習技術的同時，掌握Web開發和設計的精髓，提高綜合套用的能力。
本書內容
1.基礎知識：HTML5基礎、JavaScript基礎。
2.HTML5文檔和標識：新建HTML5文檔、設計HTML5文檔結構、標識HTML5文本、定義HTML5圖像和多媒體、設計列表、設計超連結、設計表格、設計表單。
3.HTML5API：HTML5畫布、HTML5SVG、本地存儲、離線套用、多執行緒、檔案操作、長時通信、拖放操作、異步通信、視頻直播、手機定位、瀏覽歷史、桌面通知、顯示處理。
4.HTML5綜合實戰：設計IT部落格、設計回響式網站
圖書目錄
第1 章 HTML5 基礎 1
視頻講解：23 分鐘
1.1 HTML5概述 2
1.1.1 HTML歷史 2
1.1.2 HTML5起源 2
1.1.3 HTML5組織 4
1.1.4 HTML5規則 4
1.1.5 HTML5特性 4
1.1.6 瀏覽器檢測 6
1.2 HTML5設計原則 6
1.2.1 避免不必要的複雜性 6
1.2.2 支持已有內容 7
1.2.3 解決實際問題 7
1.2.4 用戶怎么使用就怎么設計規範 8
1.2.5 優雅地降級 8
1.2.6 支持的優先權 9
1.3 HTML5語法特性 10
1.3.1 文檔和標記 10
1.3.2 寬鬆的約定 11
1.4 HTML5 API 12
1.4.1 新增的API 12
1.4.2 修改的API 12
1.4.3 擴展Document 12
1.4.4 擴展HTMLElement 12
1.4.5 擴展DOM HTML 12
1.4.6 棄用的API 12
第2 章 創建HTML5 文檔 13
視頻講解：4 分鐘
2.1 HTML5基本結構 14
2.1.1 新建網頁文檔 14
2.1.2 網頁頭部信息 15
2.1.3 網頁主體內容 15
2.1.4 HTML標籤 16
2.1.5 保存網頁文檔 18
2.2 語義化HTML 18
2.2.1 語義化的重要性 18
2.2.2 語義化的基本方法 18
2.3 案例實戰 19
2.3.1 編寫第一個H...
2.3.1編寫第一個HTML5文檔19
2.3.2比較HTML4與HTML5文檔結構20
2.4線上練習21
第3章設計HTML5文檔結構22
視頻講解：36分鐘
3.1頭部信息23
3.1.1定義網頁標題23
3.1.2定義網頁元信息24
3.1.3定義文檔視口25
3.1.4最新head指南27
3.1.5移動版頭信息27
3.2構建基本結構27
3.2.1定義文檔結構27
3.2.2定義內容標題28
3.2.3使用div元素30
3.2.4使用id和class31
3.2.5使用title32
3.2.6HTML注釋32
3.3構建語義結構33
3.3.1定義頁眉33
3.3.2定義導航34
3.3.3定義主要區域35
3.3.4定義文章塊36
3.3.5定義區塊37
3.3.6定義附欄40
3.3.7定義頁腳41
3.3.8使用role42
3.4案例實戰44
3.5HTML5文檔大綱46
3.6線上練習46
第4章設計HTML5文本47
視頻講解：1小時1分鐘
4.1通用文本48
4.1.1標題文本48
4.1.2段落文本48
4.2描述文本49
4.2.1強調文本49
4.2.2標記細則49
4.2.3特殊格式50
4.2.4定義上標和下標50
4.2.5定義術語52
4.2.6標記代碼53
4.2.7預定義格式53
4.2.8定義縮寫詞54
4.2.9標註編輯或不用文本55
4.2.10指明引用或參考56
4.2.11引述文本56
4.2.12換行顯示58
4.2.13修飾文本58
4.2.14非文本註解59
4.3特殊文本59
4.3.1標記高亮顯示59
4.3.2標記進度信息60
4.3.3標記刻度信息61
4.3.4標記時間信息62
4.3.5標記聯繫信息63
4.3.6標記顯示方向64
4.3.7標記換行斷點65
4.3.8標記旁註65
4.4HTML5全局屬性66
4.4.1可編輯內容66
4.4.2快捷選單67
4.4.3自定義屬性67
4.4.4定義可拖動操作69
4.4.5拖動數據69
4.4.6隱藏元素69
4.4.7語法檢查69
4.4.8翻譯內容70
4.5線上練習70
第5章設計HTML5圖像和多媒體71
視頻講解：51分鐘
5.1認識HTML5圖像72
5.2使用圖像73
5.2.1使用img元素73
5.2.2定義流內容74
5.2.3插入圖示75
5.2.4定義圖像大小76
5.2.5案例：圖文混排77
5.3使用多媒體外掛程式78
5.3.1使用embed元素78
5.3.2使用object元素79
5.4使用HTML5多媒體80
5.4.1使用audio元素81
5.4.2使用video元素82
5.5案例實戰86
5.5.1設計新聞正文頁86
5.5.2設計音樂播放器90
5.5.3設計視頻播放器92
5.6HTML5多媒體API95
5.6.1設定屬性95
5.6.2設定方法95
5.6.3設定事件95
5.6.4綜合案例95
5.7線上練習99
第6章設計列表和連結100
視頻講解：52分鐘
6.1定義列表101
6.1.1無序列表101
6.1.2有序列表102
6.1.3項目編號103
6.1.4設計CSS樣式104
6.1.5嵌套列表105
6.1.6描述列表106
6.1.7選單列表108
6.1.8快捷選單110
6.2定義連結112
6.2.1普通連結112
6.2.2塊連結113
6.2.3錨點連結114
6.2.4目標連結115
6.2.5下載連結116
6.2.6圖像熱點117
6.2.7框架連結117
6.3案例實戰119
6.3.1為快捷選單添加命令119
6.3.2設計快捷“我要分享”命令120
6.3.3設計任務列表命令121
6.3.4設計排行榜列表結構122
6.3.5設計圖文列表欄目124
6.4線上練習127
第7章設計表格128
視頻講解：36分鐘
7.1認識表格結構129
7.2新建表格130
7.2.1定義普通表格131
7.2.2定義列標題131
7.2.3定義表格標題132
7.2.4表格行分組133
7.2.5表格列分組134
7.3設定<table>屬性137
7.3.1定義單線表格137
7.3.2定義分離單元格138
7.3.3定義細線框線139
7.3.4添加表格說明140
7.4設定<td>和<th>屬性140
7.4.1定義跨單元格顯示140
7.4.2定義表頭單元格141
7.4.3為單元格指定表頭142
7.4.4定義信息縮寫143
7.4.5單元格分類143
7.5案例實戰：設計CSS禪意花園144
7.5.1網站預覽144
7.5.2設計方法146
7.5.3設計思路147
7.5.4構建基本框架147
7.5.5完善網頁結構148
7.6線上練習151
第8章設計表單152
視頻講解：1小時12分鐘
8.1認識HTML5表單153
8.2定義表單154
8.3提交表單156
8.4組織表單156
8.5定義文本框158
8.6定義標籤159
8.7使用常用控制項160
8.7.1密碼框161
8.7.2單選按鈕161
8.7.3複選框162
8.7.4文本區域162
8.7.5選擇框164
8.7.6上傳檔案165
8.7.7隱藏欄位166
8.7.8提交按鈕166
8.8HTML5新型輸入框168
8.8.1定義E-mail框168
8.8.2定義URL框168
8.8.3定義數字框169
8.8.4定義範圍框170
8.8.5定義日期選擇器171
8.8.6定義搜尋框175
8.8.7定義電話號碼框176
8.8.8定義拾色器177
8.9HTML5輸入屬性177
8.9.1定義自動完成177
8.9.2定義自動獲取焦點178
8.9.3定義所屬表單179
8.9.4定義表單重寫180
8.9.5定義高和寬181
8.9.6定義列表選項181
8.9.7定義最小值、最大值和步長181
8.9.8定義多選182
8.9.9定義匹配模式182
8.9.10定義替換文本183
8.9.11定義必填184
8.10HTML5新表單元素184
8.10.1定義數據列表184
8.10.2定義密鑰對生成器185
8.10.3定義輸出結果186
8.11HTML5表單屬性187
8.11.1定義自動完成187
8.11.2定義禁止驗證187
8.12線上練習188
第9章綜合實戰：設計IT部落格189
視頻講解：6分鐘
9.1準備工作190
9.2設計首頁190
9.2.1首頁分析190
9.2.2構建網頁標題191
9.2.3構建側邊欄192
9.2.4構建主體內容194
9.2.5構建版權資訊196
9.3設計詳細頁197
9.4線上練習200
第10章JavaScript基礎201
視頻講解：2小時19分鐘
10.1在網頁中使用JavaScript202
10.1.1編寫腳本202
10.1.2腳本在網頁中的位置204
10.2JavaScript基本規範205
10.3變數和類型205
10.3.1變數205
10.3.2數據類型206
10.4表達式和運算符207
10.4.1表達式207
10.4.2運算符207
10.5語句209
10.5.1表達式語句和語句塊209
10.5.2條件語句209
10.5.3循環語句212
10.5.4跳轉語句213
10.6函式214
10.6.1定義函式214
10.6.2調用函式215
10.6.3函式參數216
10.7對象217
10.7.1創建對象218
10.7.2訪問對象218
10.8數組219
10.8.1定義數組219
10.8.2存取元素220
10.8.3套用數組221
10.9線上練習221
第11章HTML5繪圖與動畫222
視頻講解：2小時15分鐘
11.1使用canvas223
11.2繪製圖形225
11.2.1矩形225
11.2.2路徑226
11.2.3直線段227
11.2.4圓弧228
11.2.5二次貝塞爾曲線230
11.2.6三次貝塞爾曲線231
11.3定義樣式和顏色232
11.3.1顏色233
11.3.2不透明度234
11.3.3實線235
11.3.4虛線237
11.3.5線性漸變238
11.3.6徑向漸變239
11.3.7圖案240
11.3.8陰影240
11.3.9填充規則241
11.4圖形變形242
11.4.1保存和恢復狀態242
11.4.2清除畫布243
11.4.3移動坐標244
11.4.4旋轉坐標245
11.4.5縮放圖形246
11.4.6變換圖形247
11.5圖形合成248
11.5.1合成249
11.5.2裁切251
11.6繪製文本252
11.6.1填充文字252
11.6.2輪廓文字253
11.6.3文本樣式253
11.6.4測量寬度255
11.7使用圖像256
11.7.1導入圖像256
11.7.2縮放圖像258
11.7.3裁切圖像258
11.7.4平鋪圖像259
11.8像素操作260
11.8.1認識ImageData對象260
11.8.2創建圖像數據261
11.8.3將圖像數據寫入畫布261
11.8.4在畫布中複製圖像數據262
11.8.5保存圖片263
11.9Path2D對象264
11.10案例實戰264
11.10.1設計基本動畫264
11.10.2顏色選擇器264
11.10.3給圖像去色265
11.10.4縮放圖像和反鋸齒處理265
11.10.5設計運動動畫266
11.10.6設計地球和月球公轉動畫266
11.11線上練習266
第12章使用SVG267
視頻講解：1小時18分鐘
12.1SVG基礎268
12.1.1SVG發展歷史268
12.1.2SVG特點268
12.1.3在HTML中套用SVG269
12.1.4案例：設計第一個SVG圖形269
12.2使用SVG271
12.2.1矩形271
12.2.2圓形272
12.2.3橢圓273
12.2.4多邊形275
12.2.5直線段276
12.2.6折線277
12.2.7路徑278
12.2.8文本280
12.2.9線框樣式281
12.2.10SVG濾鏡284
12.2.11模糊效果285
12.2.12陰影效果285
12.2.13線性漸變286
12.2.14放射漸變287
12.3案例實戰288
12.3.1手繪簡筆畫288
12.3.2描邊動畫288
12.3.3設計特效文字288
12.3.4自定義濾鏡289
12.4線上練習289
第13章HTML5本地存儲290
視頻講解：1小時8分鐘
13.1WebStorage291
13.1.1使用WebStorage291
13.1.2案例：記錄用戶登錄信息（1）293
13.1.3案例：計數器294
13.2WebSQLDatabase295
13.2.1使用WebSQLDatabase295
13.2.2案例：記錄用戶登錄信息（2）300
13.2.3案例：設計留言板301
13.3indexedDB302
13.3.1建立連線302
13.3.2更新版本304
13.3.3新建倉庫306
13.3.4新建索引307
13.3.5使用事務309
13.3.6保存數據310
13.3.7訪問數據312
13.3.8訪問鍵值313
13.3.9訪問屬性313
13.3.10案例：設計圖書管理頁面314
13.4線上練習314
第14章HTML5離線快取315
視頻講解：19分鐘
14.1ApplicationCacheAPI基礎316
14.1.1認識ApplicationCacheAPI316
14.1.2配置伺服器317
14.1.3認識manifest318
14.1.4使用ApplicationCache320
14.1.5事件監聽324
14.2案例實戰325
14.2.1快取首頁325
14.2.2離線編輯328
14.3線上練習328
第15章HTML5WebWorkers329
視頻講解：23分鐘
15.1WebWorkers基礎330
15.1.1認識WebWorkers330
15.1.2創建WebWorkers331
15.1.3Workers通信333
15.1.4使用WebWorkers334
15.2案例實戰337
15.2.1求和運算337
15.2.2過濾運算339
15.2.3並發運算341
15.2.4多運算通信341
15.2.5數列運算341
第16章HTML5檔案操作342
視頻講解：1小時24分鐘
16.1FileList343
16.2Blob344
16.2.1訪問Blob344
16.2.2創建Blob345
16.2.3截取Blob347
16.2.4保存Blob348
16.3FileReader349
16.3.1讀取檔案349
16.3.2事件監測351
16.4ArrayBuffer和ArrayBufferView353
16.4.1使用ArrayBuffer353
16.4.2使用ArrayBufferView353
16.4.3使用DataView354
16.5FileSystemAPI357
16.5.1認識FileSystemAPI357
16.5.2訪問FileSystem358
16.5.3申請配額359
16.5.4新建檔案363
16.5.5寫入數據365
16.5.6添加數據366
16.5.7讀取數據367
16.5.8複製檔案369
16.5.9刪除檔案370
16.5.10創建目錄371
16.5.11讀取目錄371
16.5.12刪除目錄372
16.5.13複製目錄372
16.5.14重命名目錄372
16.5.15使用filesystem:URL372
16.6案例：設計資源管理器373
16.7線上練習373
第17章HTML5通信374
視頻講解：21分鐘
17.1跨文檔訊息傳遞375
17.1.1postMessage基礎375
17.1.2案例：設計簡單的跨域通話376
17.1.3案例：設計跨域動態對話377
17.1.4案例：設計通道通信378
17.2WebSockets通信381
17.2.1WebSocket基礎381
17.2.2使用WebSocketsAPI382
17.2.3在PHP中建立socket386
17.2.4WebSocketsAPI開發框架387
17.2.5案例：設計簡單的“呼-應”通信388
17.2.6案例：傳送JSON對象393
17.2.7案例：使用Workerman框架通信394
17.2.8案例：推送信息395
17.3線上練習395
第18章拖放操作396
視頻講解：19分鐘
18.1拖放API基礎397
18.1.1拖放功能實現397
18.1.2DataTransfer對象400
18.2案例實戰402
18.2.1設計垃圾箱403
18.2.2設計接納箱405
18.2.3拖選對象405
18.2.4可視化刪除406
18.3線上練習406
第19章HTML5Ajax407
視頻講解：38分鐘
19.1XMLHttpRequest2基礎408
19.1.1請求時限408
19.1.2FormData數據對象408
19.1.3上傳檔案409
19.1.4跨域訪問409
19.1.5回響不同類型數據409
19.1.6接收二進制數據409
19.1.7監測數據傳輸進度410
19.2案例實戰411
19.2.1接收ArrayBuffer對象411
19.2.2接收Blob對象414
19.2.3傳送字元串414
19.2.4傳送表單數據415
19.2.5傳送二進制檔案417
19.2.6傳送Blob對象418
19.2.7跨域請求418
19.2.8設計檔案上傳進度條419
19.3線上練習419
第20章WebRTC視頻直播420
20.1WebRTC基礎421
20.2案例實戰421
20.2.1訪問本地設備421
20.2.2視頻截圖423
20.2.3視頻對話基礎424
20.2.4視頻對話實現425
20.2.5SDP交換432
20.2.6ICE交換437
20.3線上練習439
第21章HTML5定位440
視頻講解：2分鐘
21.1GeolocationAPI基礎441
21.1.1GeolocationAPI套用場景441
21.1.2位置信息來源441
21.1.3位置信息表示方式441
21.1.4獲取位置信息442
21.1.5瀏覽器兼容性444
21.1.6監測位置信息444
21.1.7停止獲取位置信息445
21.1.8保護隱私445
21.1.9處理位置信息445
21.1.10使用position446
21.2案例：設計位置地圖447
21.3線上練習448
第22章HTML5History449
視頻講解：26分鐘
22.1HistoryAPI基礎450
22.1.1了解HistoryAPI450
22.1.2使用HistoryAPI451
22.1.3注意事項453
22.2案例實戰453
22.2.1設計導航頁面453
22.2.2設計無刷新網站455
22.2.3設計無刷新燈箱廣告459
22.2.4設計可後退畫板460
22.3線上練習460
第23章HTML5通知和顯示處理461
視頻講解：23分鐘
23.1通知API462
23.1.1NotificationAPI基礎462
23.1.2案例：設計桌面通知464
23.1.3案例：關閉通知465
23.1.4案例：設計多條通知466
23.2頁面可見API467
23.2.1PageVisibility基礎467
23.2.2案例：設計視頻頁面469
23.2.3案例：設計登錄頁面471
23.3全螢幕API472
23.3.1FullscreenAPI基礎.472
23.3.2案例：設計全螢幕顯示474
23.3.3案例：設計全螢幕播放476
23.4線上練習477
第24章綜合實戰：設計回響式網站478
24.1認識回響式Web設計479
24.2構建頁面479
24.3設計基本樣式482
24.3.1兼容早期瀏覽器482
24.3.2重置默認樣式482
24.4設計回響式樣式483
24.4.1創建可伸縮圖像483
24.4.2創建彈性布局格線484
24.4.3實現媒體查詢484
24.4.4組合樣式488
24.4.5兼容舊版IE494
視頻講解：23 分鐘
1.1 HTML5概述 2
1.1.1 HTML歷史 2
1.1.2 HTML5起源 2
1.1.3 HTML5組織 4
1.1.4 HTML5規則 4
1.1.5 HTML5特性 4
1.1.6 瀏覽器檢測 6
1.2 HTML5設計原則 6
1.2.1 避免不必要的複雜性 6
1.2.2 支持已有內容 7
1.2.3 解決實際問題 7
1.2.4 用戶怎么使用就怎么設計規範 8
1.2.5 優雅地降級 8
1.2.6 支持的優先權 9
1.3 HTML5語法特性 10
1.3.1 文檔和標記 10
1.3.2 寬鬆的約定 11
1.4 HTML5 API 12
1.4.1 新增的API 12
1.4.2 修改的API 12
1.4.3 擴展Document 12
1.4.4 擴展HTMLElement 12
1.4.5 擴展DOM HTML 12
1.4.6 棄用的API 12
第2 章 創建HTML5 文檔 13
視頻講解：4 分鐘
2.1 HTML5基本結構 14
2.1.1 新建網頁文檔 14
2.1.2 網頁頭部信息 15
2.1.3 網頁主體內容 15
2.1.4 HTML標籤 16
2.1.5 保存網頁文檔 18
2.2 語義化HTML 18
2.2.1 語義化的重要性 18
2.2.2 語義化的基本方法 18
2.3 案例實戰 19
2.3.1 編寫第一個H...
2.3.1編寫第一個HTML5文檔19
2.3.2比較HTML4與HTML5文檔結構20
2.4線上練習21
第3章設計HTML5文檔結構22
視頻講解：36分鐘
3.1頭部信息23
3.1.1定義網頁標題23
3.1.2定義網頁元信息24
3.1.3定義文檔視口25
3.1.4最新head指南27
3.1.5移動版頭信息27
3.2構建基本結構27
3.2.1定義文檔結構27
3.2.2定義內容標題28
3.2.3使用div元素30
3.2.4使用id和class31
3.2.5使用title32
3.2.6HTML注釋32
3.3構建語義結構33
3.3.1定義頁眉33
3.3.2定義導航34
3.3.3定義主要區域35
3.3.4定義文章塊36
3.3.5定義區塊37
3.3.6定義附欄40
3.3.7定義頁腳41
3.3.8使用role42
3.4案例實戰44
3.5HTML5文檔大綱46
3.6線上練習46
第4章設計HTML5文本47
視頻講解：1小時1分鐘
4.1通用文本48
4.1.1標題文本48
4.1.2段落文本48
4.2描述文本49
4.2.1強調文本49
4.2.2標記細則49
4.2.3特殊格式50
4.2.4定義上標和下標50
4.2.5定義術語52
4.2.6標記代碼53
4.2.7預定義格式53
4.2.8定義縮寫詞54
4.2.9標註編輯或不用文本55
4.2.10指明引用或參考56
4.2.11引述文本56
4.2.12換行顯示58
4.2.13修飾文本58
4.2.14非文本註解59
4.3特殊文本59
4.3.1標記高亮顯示59
4.3.2標記進度信息60
4.3.3標記刻度信息61
4.3.4標記時間信息62
4.3.5標記聯繫信息63
4.3.6標記顯示方向64
4.3.7標記換行斷點65
4.3.8標記旁註65
4.4HTML5全局屬性66
4.4.1可編輯內容66
4.4.2快捷選單67
4.4.3自定義屬性67
4.4.4定義可拖動操作69
4.4.5拖動數據69
4.4.6隱藏元素69
4.4.7語法檢查69
4.4.8翻譯內容70
4.5線上練習70
第5章設計HTML5圖像和多媒體71
視頻講解：51分鐘
5.1認識HTML5圖像72
5.2使用圖像73
5.2.1使用img元素73
5.2.2定義流內容74
5.2.3插入圖示75
5.2.4定義圖像大小76
5.2.5案例：圖文混排77
5.3使用多媒體外掛程式78
5.3.1使用embed元素78
5.3.2使用object元素79
5.4使用HTML5多媒體80
5.4.1使用audio元素81
5.4.2使用video元素82
5.5案例實戰86
5.5.1設計新聞正文頁86
5.5.2設計音樂播放器90
5.5.3設計視頻播放器92
5.6HTML5多媒體API95
5.6.1設定屬性95
5.6.2設定方法95
5.6.3設定事件95
5.6.4綜合案例95
5.7線上練習99
第6章設計列表和連結100
視頻講解：52分鐘
6.1定義列表101
6.1.1無序列表101
6.1.2有序列表102
6.1.3項目編號103
6.1.4設計CSS樣式104
6.1.5嵌套列表105
6.1.6描述列表106
6.1.7選單列表108
6.1.8快捷選單110
6.2定義連結112
6.2.1普通連結112
6.2.2塊連結113
6.2.3錨點連結114
6.2.4目標連結115
6.2.5下載連結116
6.2.6圖像熱點117
6.2.7框架連結117
6.3案例實戰119
6.3.1為快捷選單添加命令119
6.3.2設計快捷“我要分享”命令120
6.3.3設計任務列表命令121
6.3.4設計排行榜列表結構122
6.3.5設計圖文列表欄目124
6.4線上練習127
第7章設計表格128
視頻講解：36分鐘
7.1認識表格結構129
7.2新建表格130
7.2.1定義普通表格131
7.2.2定義列標題131
7.2.3定義表格標題132
7.2.4表格行分組133
7.2.5表格列分組134
7.3設定<table>屬性137
7.3.1定義單線表格137
7.3.2定義分離單元格138
7.3.3定義細線框線139
7.3.4添加表格說明140
7.4設定<td>和<th>屬性140
7.4.1定義跨單元格顯示140
7.4.2定義表頭單元格141
7.4.3為單元格指定表頭142
7.4.4定義信息縮寫143
7.4.5單元格分類143
7.5案例實戰：設計CSS禪意花園144
7.5.1網站預覽144
7.5.2設計方法146
7.5.3設計思路147
7.5.4構建基本框架147
7.5.5完善網頁結構148
7.6線上練習151
第8章設計表單152
視頻講解：1小時12分鐘
8.1認識HTML5表單153
8.2定義表單154
8.3提交表單156
8.4組織表單156
8.5定義文本框158
8.6定義標籤159
8.7使用常用控制項160
8.7.1密碼框161
8.7.2單選按鈕161
8.7.3複選框162
8.7.4文本區域162
8.7.5選擇框164
8.7.6上傳檔案165
8.7.7隱藏欄位166
8.7.8提交按鈕166
8.8HTML5新型輸入框168
8.8.1定義E-mail框168
8.8.2定義URL框168
8.8.3定義數字框169
8.8.4定義範圍框170
8.8.5定義日期選擇器171
8.8.6定義搜尋框175
8.8.7定義電話號碼框176
8.8.8定義拾色器177
8.9HTML5輸入屬性177
8.9.1定義自動完成177
8.9.2定義自動獲取焦點178
8.9.3定義所屬表單179
8.9.4定義表單重寫180
8.9.5定義高和寬181
8.9.6定義列表選項181
8.9.7定義最小值、最大值和步長181
8.9.8定義多選182
8.9.9定義匹配模式182
8.9.10定義替換文本183
8.9.11定義必填184
8.10HTML5新表單元素184
8.10.1定義數據列表184
8.10.2定義密鑰對生成器185
8.10.3定義輸出結果186
8.11HTML5表單屬性187
8.11.1定義自動完成187
8.11.2定義禁止驗證187
8.12線上練習188
第9章綜合實戰：設計IT部落格189
視頻講解：6分鐘
9.1準備工作190
9.2設計首頁190
9.2.1首頁分析190
9.2.2構建網頁標題191
9.2.3構建側邊欄192
9.2.4構建主體內容194
9.2.5構建版權資訊196
9.3設計詳細頁197
9.4線上練習200
第10章JavaScript基礎201
視頻講解：2小時19分鐘
10.1在網頁中使用JavaScript202
10.1.1編寫腳本202
10.1.2腳本在網頁中的位置204
10.2JavaScript基本規範205
10.3變數和類型205
10.3.1變數205
10.3.2數據類型206
10.4表達式和運算符207
10.4.1表達式207
10.4.2運算符207
10.5語句209
10.5.1表達式語句和語句塊209
10.5.2條件語句209
10.5.3循環語句212
10.5.4跳轉語句213
10.6函式214
10.6.1定義函式214
10.6.2調用函式215
10.6.3函式參數216
10.7對象217
10.7.1創建對象218
10.7.2訪問對象218
10.8數組219
10.8.1定義數組219
10.8.2存取元素220
10.8.3套用數組221
10.9線上練習221
第11章HTML5繪圖與動畫222
視頻講解：2小時15分鐘
11.1使用canvas223
11.2繪製圖形225
11.2.1矩形225
11.2.2路徑226
11.2.3直線段227
11.2.4圓弧228
11.2.5二次貝塞爾曲線230
11.2.6三次貝塞爾曲線231
11.3定義樣式和顏色232
11.3.1顏色233
11.3.2不透明度234
11.3.3實線235
11.3.4虛線237
11.3.5線性漸變238
11.3.6徑向漸變239
11.3.7圖案240
11.3.8陰影240
11.3.9填充規則241
11.4圖形變形242
11.4.1保存和恢復狀態242
11.4.2清除畫布243
11.4.3移動坐標244
11.4.4旋轉坐標245
11.4.5縮放圖形246
11.4.6變換圖形247
11.5圖形合成248
11.5.1合成249
11.5.2裁切251
11.6繪製文本252
11.6.1填充文字252
11.6.2輪廓文字253
11.6.3文本樣式253
11.6.4測量寬度255
11.7使用圖像256
11.7.1導入圖像256
11.7.2縮放圖像258
11.7.3裁切圖像258
11.7.4平鋪圖像259
11.8像素操作260
11.8.1認識ImageData對象260
11.8.2創建圖像數據261
11.8.3將圖像數據寫入畫布261
11.8.4在畫布中複製圖像數據262
11.8.5保存圖片263
11.9Path2D對象264
11.10案例實戰264
11.10.1設計基本動畫264
11.10.2顏色選擇器264
11.10.3給圖像去色265
11.10.4縮放圖像和反鋸齒處理265
11.10.5設計運動動畫266
11.10.6設計地球和月球公轉動畫266
11.11線上練習266
第12章使用SVG267
視頻講解：1小時18分鐘
12.1SVG基礎268
12.1.1SVG發展歷史268
12.1.2SVG特點268
12.1.3在HTML中套用SVG269
12.1.4案例：設計第一個SVG圖形269
12.2使用SVG271
12.2.1矩形271
12.2.2圓形272
12.2.3橢圓273
12.2.4多邊形275
12.2.5直線段276
12.2.6折線277
12.2.7路徑278
12.2.8文本280
12.2.9線框樣式281
12.2.10SVG濾鏡284
12.2.11模糊效果285
12.2.12陰影效果285
12.2.13線性漸變286
12.2.14放射漸變287
12.3案例實戰288
12.3.1手繪簡筆畫288
12.3.2描邊動畫288
12.3.3設計特效文字288
12.3.4自定義濾鏡289
12.4線上練習289
第13章HTML5本地存儲290
視頻講解：1小時8分鐘
13.1WebStorage291
13.1.1使用WebStorage291
13.1.2案例：記錄用戶登錄信息（1）293
13.1.3案例：計數器294
13.2WebSQLDatabase295
13.2.1使用WebSQLDatabase295
13.2.2案例：記錄用戶登錄信息（2）300
13.2.3案例：設計留言板301
13.3indexedDB302
13.3.1建立連線302
13.3.2更新版本304
13.3.3新建倉庫306
13.3.4新建索引307
13.3.5使用事務309
13.3.6保存數據310
13.3.7訪問數據312
13.3.8訪問鍵值313
13.3.9訪問屬性313
13.3.10案例：設計圖書管理頁面314
13.4線上練習314
第14章HTML5離線快取315
視頻講解：19分鐘
14.1ApplicationCacheAPI基礎316
14.1.1認識ApplicationCacheAPI316
14.1.2配置伺服器317
14.1.3認識manifest318
14.1.4使用ApplicationCache320
14.1.5事件監聽324
14.2案例實戰325
14.2.1快取首頁325
14.2.2離線編輯328
14.3線上練習328
第15章HTML5WebWorkers329
視頻講解：23分鐘
15.1WebWorkers基礎330
15.1.1認識WebWorkers330
15.1.2創建WebWorkers331
15.1.3Workers通信333
15.1.4使用WebWorkers334
15.2案例實戰337
15.2.1求和運算337
15.2.2過濾運算339
15.2.3並發運算341
15.2.4多運算通信341
15.2.5數列運算341
第16章HTML5檔案操作342
視頻講解：1小時24分鐘
16.1FileList343
16.2Blob344
16.2.1訪問Blob344
16.2.2創建Blob345
16.2.3截取Blob347
16.2.4保存Blob348
16.3FileReader349
16.3.1讀取檔案349
16.3.2事件監測351
16.4ArrayBuffer和ArrayBufferView353
16.4.1使用ArrayBuffer353
16.4.2使用ArrayBufferView353
16.4.3使用DataView354
16.5FileSystemAPI357
16.5.1認識FileSystemAPI357
16.5.2訪問FileSystem358
16.5.3申請配額359
16.5.4新建檔案363
16.5.5寫入數據365
16.5.6添加數據366
16.5.7讀取數據367
16.5.8複製檔案369
16.5.9刪除檔案370
16.5.10創建目錄371
16.5.11讀取目錄371
16.5.12刪除目錄372
16.5.13複製目錄372
16.5.14重命名目錄372
16.5.15使用filesystem:URL372
16.6案例：設計資源管理器373
16.7線上練習373
第17章HTML5通信374
視頻講解：21分鐘
17.1跨文檔訊息傳遞375
17.1.1postMessage基礎375
17.1.2案例：設計簡單的跨域通話376
17.1.3案例：設計跨域動態對話377
17.1.4案例：設計通道通信378
17.2WebSockets通信381
17.2.1WebSocket基礎381
17.2.2使用WebSocketsAPI382
17.2.3在PHP中建立socket386
17.2.4WebSocketsAPI開發框架387
17.2.5案例：設計簡單的“呼-應”通信388
17.2.6案例：傳送JSON對象393
17.2.7案例：使用Workerman框架通信394
17.2.8案例：推送信息395
17.3線上練習395
第18章拖放操作396
視頻講解：19分鐘
18.1拖放API基礎397
18.1.1拖放功能實現397
18.1.2DataTransfer對象400
18.2案例實戰402
18.2.1設計垃圾箱403
18.2.2設計接納箱405
18.2.3拖選對象405
18.2.4可視化刪除406
18.3線上練習406
第19章HTML5Ajax407
視頻講解：38分鐘
19.1XMLHttpRequest2基礎408
19.1.1請求時限408
19.1.2FormData數據對象408
19.1.3上傳檔案409
19.1.4跨域訪問409
19.1.5回響不同類型數據409
19.1.6接收二進制數據409
19.1.7監測數據傳輸進度410
19.2案例實戰411
19.2.1接收ArrayBuffer對象411
19.2.2接收Blob對象414
19.2.3傳送字元串414
19.2.4傳送表單數據415
19.2.5傳送二進制檔案417
19.2.6傳送Blob對象418
19.2.7跨域請求418
19.2.8設計檔案上傳進度條419
19.3線上練習419
第20章WebRTC視頻直播420
20.1WebRTC基礎421
20.2案例實戰421
20.2.1訪問本地設備421
20.2.2視頻截圖423
20.2.3視頻對話基礎424
20.2.4視頻對話實現425
20.2.5SDP交換432
20.2.6ICE交換437
20.3線上練習439
第21章HTML5定位440
視頻講解：2分鐘
21.1GeolocationAPI基礎441
21.1.1GeolocationAPI套用場景441
21.1.2位置信息來源441
21.1.3位置信息表示方式441
21.1.4獲取位置信息442
21.1.5瀏覽器兼容性444
21.1.6監測位置信息444
21.1.7停止獲取位置信息445
21.1.8保護隱私445
21.1.9處理位置信息445
21.1.10使用position446
21.2案例：設計位置地圖447
21.3線上練習448
第22章HTML5History449
視頻講解：26分鐘
22.1HistoryAPI基礎450
22.1.1了解HistoryAPI450
22.1.2使用HistoryAPI451
22.1.3注意事項453
22.2案例實戰453
22.2.1設計導航頁面453
22.2.2設計無刷新網站455
22.2.3設計無刷新燈箱廣告459
22.2.4設計可後退畫板460
22.3線上練習460
第23章HTML5通知和顯示處理461
視頻講解：23分鐘
23.1通知API462
23.1.1NotificationAPI基礎462
23.1.2案例：設計桌面通知464
23.1.3案例：關閉通知465
23.1.4案例：設計多條通知466
23.2頁面可見API467
23.2.1PageVisibility基礎467
23.2.2案例：設計視頻頁面469
23.2.3案例：設計登錄頁面471
23.3全螢幕API472
23.3.1FullscreenAPI基礎.472
23.3.2案例：設計全螢幕顯示474
23.3.3案例：設計全螢幕播放476
23.4線上練習477
第24章綜合實戰：設計回響式網站478
24.1認識回響式Web設計479
24.2構建頁面479
24.3設計基本樣式482
24.3.1兼容早期瀏覽器482
24.3.2重置默認樣式482
24.4設計回響式樣式483
24.4.1創建可伸縮圖像483
24.4.2創建彈性布局格線484
24.4.3實現媒體查詢484
24.4.4組合樣式488
24.4.5兼容舊版IE494
