HTML5 基礎與實踐教程

第1章Web1
1.1Web概述1
1.1.1Web的誕生1
1.1.2Web的特點2
1.1.3Web的工作原理3
1.1.4Web URL介紹3
1.2瀏覽器4
1.2.1瀏覽器構成4
1.2.2瀏覽器工作主流程5
1.2.3主流瀏覽器6
1.3思考題7

第2章HTML 58
2.1HTML 5簡介9
2.2HTML 5特性9
2.3HTML 5基本概念10
2.3.1元素10
2.3.2屬性12
2.3.3註釋14
2.3.4區塊14
2.3.5HTML 5屬性基礎實例15
2.4CSS 3入門16
2.4.1CSS引用方法16
2.4.2CSS語法18
2.4.3盒模型19
2.4.4CSS定位21
2.4.5CSS 3簡介23
2.4. 6CSS入門實例24
2.5JavaScript入門25
2.5.1JavaScript歷史25
2.5.2JavaScript特點25
2.5.3JavaScript引用方法26
2.5.4JavaScript語法27
2.5.5JavaScript DOM34
2.5.6jQuery簡介37
2.5.7JavaScript入門實例38
2.6思考題41

第3章HTML 5開發準備42
3.1開發環境與工具42
3.1.1Notepad++42
3.1.2Sublime Text43
3.1. 3Adobe Dreamweaver43
3.2瀏覽器調試44
3.2.1HTML元素45
3.2.2CSS樣式45
3.2.3JavaScript46
3.2.4網絡48
3.2.5屏幕展示效果49
3.3代碼規範50
3.4思考題60

第4章常用控件61
4.1表單控件61
4.1.1表單形式61
4.1.2傳統輸入控件63
4.1.3新輸入控件64
4.1.4新表單元素69
4.1.5新表單屬性71
4.1.6常用表單控件實例73
4.2語義化標籤75
4.2.1HTML 5之前的語義化標籤75
4.2.2語義化標籤的作用76
4.2.3HTML 5新的語義化標籤77
4.2.4語義化塊級元素77
4.2.5語義化標籤使用實例81
4.3媒體標籤83
4.3.1音頻84
4.3.2視頻91
4.3.3媒體標籤使用實例98
4.4文件標籤101
4.4.1通過input標籤上傳文件101
4.4.2讀取文件基本信息102
4.4.3自定義input標籤樣式103
4.4.4多文件選取105
4.4.5讀取文件內容107
4.4.6文件標籤使用實例108
4.5思考題109

第5章數據存儲110
5.1Web Storage111
5.1.1添加和讀取數據111
5.1.2刪除數據115
5.1.3查找所有數據117
5.1.4響應存儲變化117
5.1.5數據保存格式117
5.1.6對象的保存119
5.1.7Web Storage與cookie比較121
5.1.8Web Storage使用實例123
5.2本地數據庫125
5.2.1IndexedDB125
5.2.2創建並連接數據庫126
5.2.3添加數據127
5.2.4逐個查詢所有數據128
5.2.5刪除單條數據129
5.2.6查詢單條數據130
5.2.7IndexedDB使用實例132
5.3思考題135

第6章高級編程136
6.1Canvas畫布136
6.1.1Canvas標籤使用136
6.1.2Canvas坐標系統137
6.1.3線、路徑與形狀137
6.1. 4圖像處理145
6.1.5畫布當前狀態的保存與恢復170
6.1.6畫布的保存173
6.1.7Canvas畫布使用實例174
6.2通信176
6.2.1HTTP176
6.2.2AJAX182
6.2.3WebSocket193
6.2.4通信協議使用實例202
6.3 Web Worker線程204
6.3.1Web Worker的創建和使用206
6.3.2Web Worker的錯誤處理211
6.3.3Web Worker的終止線程212
6.3.4Web Worker的共享線程212
6.3.5Web Worker使用實例213
6.4思考題216

第7章HTML 5實戰217
7.12048遊戲217
7.1.1遊戲界面217
7.1.2遊戲代碼217
7.2教務管理系統226
7.2.1類庫準備226
7.2.2主頁的設計與實現226
7.2.3數據展示頁面228
7.2.4用戶管理頁面234
7.2.5功能測試237
7.3貪吃蛇遊戲239
7.3.1網格系統239
7.3 .2繪製貪吃蛇和果實240
7.3.3遊戲的動態過程244
7.3.4遊戲音效251
7.3.5遊戲分數記錄253
7.4思考題268
參考文獻270
網絡資源270