HTML5基礎(chǔ)與實(shí)踐教程

前言

第1章 Web1
1.1 Web概述1
1.1.1 Web的誕生1
1.1.2 Web的特點(diǎn)2
1.1.3 Web的工作原理3
1.1.4 Web URL介紹3
1.2 瀏覽器4
1.2.1 瀏覽器構(gòu)成4
1.2.2 瀏覽器工作主流程5
1.2.3 主流瀏覽器6
1.3 思考題7
第2章 HTML 58
2.1 HTML 5簡(jiǎn)介9
2.2 HTML 5特性9
2.3 HTML 5基本概念10
2.3.1 元素10
2.3.2 屬性12
2.3.3 注釋14
2.3.4 區(qū)塊14
2.3.5 HTML 5屬性基礎(chǔ)實(shí)例15
2.4 CSS 3入門16
2.4.1 CSS引用方法16
2.4.2 CSS語(yǔ)法18
2.4.3 盒模型19
2.4.4 CSS定位21
2.4.5 CSS 3簡(jiǎn)介23
2.4.6 CSS入門實(shí)例24
2.5 JavaScript入門25
2.5.1 JavaScript歷史25
2.5.2 JavaScript特點(diǎn)25
2.5.3 JavaScript引用方法26
2.5.4 JavaScript語(yǔ)法27
2.5.5 JavaScript DOM34
2.5.6 jQuery簡(jiǎn)介37
2.5.7 JavaScript 入門實(shí)例38
2.6 思考題41
第3章 HTML 5開發(fā)準(zhǔn)備42
3.1 開發(fā)環(huán)境與工具42
3.1.1 Notepad++42
3.1.2 Sublime Text43
3.1.3 Adobe Dreamweaver43
3.2 瀏覽器調(diào)試44
3.2.1 HTML元素45
3.2.2 CSS樣式45
3.2.3 JavaScript46
3.2.4 網(wǎng)絡(luò)48
3.2.5 屏幕展示效果49
3.3 代碼規(guī)范50
3.4 思考題60
第4章 常用控件61
4.1 表單控件61
4.1.1 表單形式61
4.1.2 傳統(tǒng)輸入控件63
4.1.3 新輸入控件64
4.1.4 新表單元素69
4.1.5 新表單屬性71
4.1.6 常用表單控件實(shí)例73
4.2 語(yǔ)義化標(biāo)簽75
4.2.1 HTML 5之前的語(yǔ)義化標(biāo)簽75
4.2.2 語(yǔ)義化標(biāo)簽的作用76
4.2.3 HTML 5新的語(yǔ)義化標(biāo)簽77
4.2.4 語(yǔ)義化塊級(jí)元素77
4.2.5 語(yǔ)義化標(biāo)簽使用實(shí)例81
4.3 媒體標(biāo)簽83
4.3.1 音頻84
4.3.2 視頻91
4.3.3 媒體標(biāo)簽使用實(shí)例98
4.4 文件標(biāo)簽101
4.4.1 通過(guò)input標(biāo)簽上傳文件101
4.4.2 讀取文件基本信息102
4.4.3 自定義input標(biāo)簽樣式103
4.4.4 多文件選取105
4.4.5 讀取文件內(nèi)容107
4.4.6 文件標(biāo)簽使用實(shí)例108
4.5 思考題109
第5章 數(shù)據(jù)存儲(chǔ)110
5.1 Web Storage111
5.1.1 添加和讀取數(shù)據(jù)111
5.1.2 刪除數(shù)據(jù)115
5.1.3 查找所有數(shù)據(jù)117
5.1.4 響應(yīng)存儲(chǔ)變化117
5.1.5 數(shù)據(jù)保存格式117
5.1.6 對(duì)象的保存119
5.1.7 Web Storage與cookie比較121
5.1.8 Web Storage使用實(shí)例123
5.2 本地?cái)?shù)據(jù)庫(kù)125
5.2.1 IndexedDB125
5.2.2 創(chuàng)建并連接數(shù)據(jù)庫(kù)126
5.2.3 添加數(shù)據(jù)127
5.2.4 逐個(gè)查詢所有數(shù)據(jù)128
5.2.5 刪除單條數(shù)據(jù)129
5.2.6 查詢單條數(shù)據(jù)130
5.2.7 IndexedDB使用實(shí)例132
5.3 思考題135
第6章 高級(jí)編程136
6.1 Canvas畫布136
6.1.1 Canvas標(biāo)簽使用136
6.1.2 Canvas坐標(biāo)系統(tǒng)137
6.1.3 線、路徑與形狀137
6.1.4 圖像處理145
6.1.5 畫布當(dāng)前狀態(tài)的保存與恢復(fù)170
6.1.6 畫布的保存173
6.1.7 Canvas畫布使用實(shí)例174
6.2 通信176
6.2.1 HTTP176
6.2.2 AJAX182
6.2.3 WebSocket193
6.2.4 通信協(xié)議使用實(shí)例202
6.3 Web Worker線程204
6.3.1 Web Worker的創(chuàng)建和使用206
6.3.2 Web Worker的錯(cuò)誤處理211
6.3.3 Web Worker的終止線程212
6.3.4 Web Worker的共享線程212
6.3.5 Web Worker使用實(shí)例213
6.4 思考題216
第7章 HTML 5實(shí)戰(zhàn)217
7.1 2048游戲217
7.1.1 游戲界面217
7.1.2 游戲代碼217
7.2 教務(wù)管理系統(tǒng)226
7.2.1 類庫(kù)準(zhǔn)備226
7.2.2 主頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)226
7.2.3 數(shù)據(jù)展示頁(yè)面228
7.2.4 用戶管理頁(yè)面234
7.2.5 功能測(cè)試237
7.3 貪吃蛇游戲239
7.3.1 網(wǎng)格系統(tǒng)239
7.3.2 繪制貪吃蛇和果實(shí)240
7.3.3 游戲的動(dòng)態(tài)過(guò)程244
7.3.4 游戲音效251
7.3.5 游戲分?jǐn)?shù)記錄253
7.4 思考題268
參考文獻(xiàn)270
網(wǎng)絡(luò)資源270