HTML5開(kāi)發(fā)精要與實(shí)例詳解+w3C標(biāo)準(zhǔn)HTML5新手手冊(cè)

本書(shū)在內(nèi)容結(jié)構(gòu)上將繼承《HTML 5與CSS 3權(quán)威指南》一書(shū)的優(yōu)點(diǎn)，幾乎每個(gè)知識(shí)點(diǎn)都將配一個(gè)精心設(shè)計(jì)的案例，以便于讀者融會(huì)貫通和動(dòng)手實(shí)踐，實(shí)戰(zhàn)性強(qiáng)將是本書(shū)區(qū)別于現(xiàn)有同類(lèi)書(shū)的一個(gè)最大特點(diǎn)。

一個(gè)掌握HTML5技術(shù)的暢銷(xiāo)書(shū)，HTML5開(kāi)發(fā)精要與實(shí)例詳解包括28個(gè)中大型HTML5實(shí)戰(zhàn)案例，有直觀(guān)的效果圖，又有詳盡的代碼分析，理論與實(shí)踐結(jié)合，是一本以安全為導(dǎo)向精彩講解HTML5的實(shí)戰(zhàn)教程，書(shū)中每個(gè)代碼實(shí)例都以案例概述、頁(yè)面效果展示、所涉及的主要知識(shí)點(diǎn)、源代碼剖析等4個(gè)方面，全方位讓你了解HTML5技術(shù)，是前端設(shè)計(jì)開(kāi)發(fā)者學(xué)習(xí)HTML5網(wǎng)頁(yè)設(shè)計(jì)的必看教程。

全書(shū)內(nèi)容章節(jié)：

全書(shū)一共分為10章，全書(shū)以HTML 5的使用環(huán)境和基本特征開(kāi)篇，依次詳細(xì)地講解了HTML 5中新增的交互元素、重要元素、表單與文件、視頻與音頻、繪畫(huà)、數(shù)據(jù)存儲(chǔ)、離線(xiàn)應(yīng)用、網(wǎng)絡(luò)應(yīng)用和拖放等核心內(nèi)容。

《html 5開(kāi)發(fā)精要與實(shí)例詳解》
前言
第1章　用html 5中的結(jié)構(gòu)元素構(gòu)建網(wǎng)站/1
1.1　案例1：用html 5中的結(jié)構(gòu)元素構(gòu)建一個(gè)博客網(wǎng)站/2
1.1.1　案例知識(shí)點(diǎn)/2
1.1.2　博客首頁(yè)的實(shí)現(xiàn)/11
1.1.3　文章顯示頁(yè)面的實(shí)現(xiàn)/30
1.2　案例2：用html 5中的結(jié)構(gòu)元素構(gòu)建一個(gè)企業(yè)網(wǎng)站/39
1.2.1　首頁(yè)的實(shí)現(xiàn)/39
1.2.2　聯(lián)系方式頁(yè)面的實(shí)現(xiàn)/52
1.3　本章小結(jié)/55
第2章　在web表單中使用html 5/56
2.1　案例3：用結(jié)構(gòu)元素制作web應(yīng)用程序中的菜單/57
2.1.1　頁(yè)面顯示效果/57
2.1.2　代碼剖析/58
2.2　案例4：綜合運(yùn)用html 5、jquery與asp.net構(gòu)建web應(yīng)用程序/61
2.2.1　案例概述/61
2.2.2　頁(yè)面顯示效果/61
2.2.3　案例知識(shí)點(diǎn) /63
2.2.4　代碼剖析/70
.2.3　本章小結(jié)/96
第3章　使用canvas元素繪制圖形、圖像與動(dòng)畫(huà)/97
3.1　案例5：使用canvas元素繪制美麗的花朵/98
3.1.1　案例概述/98
3.1.2　頁(yè)面顯示效果/98
3.1.3　案例知識(shí)點(diǎn)/100
3.1.4　代碼剖析/103
3.2　案例6：使用canvas元素繪制指針式動(dòng)畫(huà)時(shí)鐘/106
3.2.1　案例概述/106
3.2.2　頁(yè)面顯示效果/106
3.2.3　案例知識(shí)點(diǎn)/107
3.2.4　代碼剖析/108
3.3　案例7：使用canvas元素制作簡(jiǎn)單小游戲/113
3.3.1　案例概述/113
3.3.2　頁(yè)面顯示效果/113
3.3.3　案例知識(shí)點(diǎn)/115
3.3.4　代碼剖析/116
3.4　案例8：使用canvas元素繪制圖像放大鏡/119
3.4.1　案例概述/120
3.4.2　頁(yè)面顯示效果/120
3.4.3　案例知識(shí)點(diǎn)/120
3.4.4　代碼剖析/121
3.5　案例9：用動(dòng)畫(huà)的形式裝載圖像/125
3.5.1　案例概述/125
3.5.2　頁(yè)面顯示效果/125
3.5.3　案例知識(shí)點(diǎn)/128
3.5.4　代碼剖析/130
3.6　案例10：將彩色照片轉(zhuǎn)換成黑白照片/138
3.6.1　案例概述/138
3.6.2　頁(yè)面顯示效果/138
3.6.3　案例知識(shí)點(diǎn)/140
3.6.4　代碼剖析/141
3.7　本章小結(jié)/143
第4章　文件api與拖放api/145
4.1　案例11：在瀏覽器中預(yù)覽客戶(hù)端文件并上傳/146
4.1.1　案例概述/146
4.1.2　頁(yè)面顯示效果/146
4.1.3　案例知識(shí)點(diǎn)/149
4.1.4　代碼剖析/151
4.2　案例12：使用canvas api、文件api與拖放api制作拼圖游戲/158
4.2.1　案例概述/158
4.2.2　頁(yè)面顯示效果/159
4.2.3　案例知識(shí)點(diǎn)/162
4.2.4　代碼剖析/165
4.3　本章小結(jié)/176
第5章　多媒體播放/177
5.1　案例13：打造自己的網(wǎng)頁(yè)視頻播放器/178
5.1.1　案例概述/178
5.1.2　頁(yè)面顯示效果/178
5.1.3　案例知識(shí)點(diǎn)/181
5.1.4　代碼剖析/183
5.2　案例14：對(duì)視頻使用實(shí)時(shí)回放功能/191
5.2.1　案例概述/191
5.2.2　頁(yè)面顯示效果/191
5.2.3　代碼剖析/192
5.3　案例15：對(duì)視頻使用截圖功能/195
5.3.1　案例概述/195
5.3.2　頁(yè)面顯示效果/195
5.3.3　案例知識(shí)點(diǎn)/196
5.3.4　代碼剖析/196
5.4　案例16：打造自己的網(wǎng)頁(yè)音頻播放器/199
5.4.1　案例概述/199
5.4.2　頁(yè)面顯示效果/199
5.4.3　案例知識(shí)點(diǎn)/200
5.4.4　代碼剖析/201
5.5　本章小結(jié)/206
第6章　本地存儲(chǔ)/207
6.1　案例17：制作html 5版本的日程提醒簿/208
6.1.1　案例概述/208
6.1.2　頁(yè)面顯示效果/208
6.1.3　案例知識(shí)點(diǎn)/209
6.1.4　代碼剖析/210
6.2　案例18：臨時(shí)保存頁(yè)面中的輸入內(nèi)容/214
6.2.1　案例概述/214
6.2.2　頁(yè)面顯示效果/215
6.2.3　案例知識(shí)點(diǎn)/216
6.2.4　代碼剖析/216
6.3　案例19：使用html 5制作web應(yīng)用程序的演示版/218
6.3.1　案例概述/218
6.3.2　頁(yè)面顯示效果/218
6.3.3　案例知識(shí)點(diǎn)/219
6.3.4　代碼剖析/222
6.4　案例20：使用客戶(hù)端session/232
6.4.1　案例概述/232
6.4.2　頁(yè)面展示效果/232
6.4.3　案例知識(shí)點(diǎn)/234
6.4.4　代碼剖析/235
6.5　案例21：將本地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)提交到服務(wù)器端/248
6.5.1　案例概述/248
6.5.2　頁(yè)面展示效果/248
6.5.3　代碼剖析/249
6.6　案例22：制作可以離線(xiàn)使用的日程提醒簿/256
6.6.1　案例概述/256
6.6.2　頁(yè)面顯示效果/256
6.6.3　案例知識(shí)點(diǎn)/257
6.6.4　代碼剖析/260
6.7　本章小結(jié)/261
第7章　跨文檔消息傳輸/262
7.1　案例23：通過(guò)跨文檔消息傳輸功能實(shí)現(xiàn)單點(diǎn)登錄/263
7.1.1　案例概述/263
7.1.2　頁(yè)面顯示效果/264
7.1.3　案例知識(shí)點(diǎn)/268
7.1.4　代碼剖析/268
7.2　案例24：通過(guò)跨文檔消息傳輸功能獲取批量數(shù)據(jù)/300
7.2.1　案例概述/300
7.2.2　頁(yè)面顯示效果/300
7.2.3　代碼剖析/301
7.3　本章小結(jié)/310
第8章　利用web workers實(shí)現(xiàn)多線(xiàn)程處理/312
8.1　案例25：在后臺(tái)線(xiàn)程中實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的增刪查改操作/313
8.1.1　案例概述/313
8.1.2　頁(yè)面顯示效果/313
8.1.3　案例知識(shí)點(diǎn)/315
8.1.4　代碼剖析/316
8.2　案例26：在后臺(tái)線(xiàn)程中實(shí)現(xiàn)數(shù)據(jù)的批量插入/334
8.2.1　案例概述/334
8.2.2　代碼剖析/334
8.3　本章小結(jié)/339
第9章　利用geolocation api獲取地理位置信息/341
9.1　案例27：顯示計(jì)算機(jī)或移動(dòng)設(shè)備所在地的地圖/342
9.1.1　案例概述/342
9.1.2　頁(yè)面顯示效果/342
9.1.3　案例知識(shí)點(diǎn)/343
9.1.4　代碼剖析/346
9.2　本章小結(jié)/349
第10章　使用jwebsocket框架開(kāi)發(fā)socket通信程序/350
10.1　安裝與運(yùn)行jwebsocket/351
10.1.1　安裝jwebsocket服務(wù)器/351
10.1.2　在其他服務(wù)器環(huán)境下運(yùn)行jwebsocket服務(wù)器/352
10.1.3　將jwebsocket服務(wù)器作為windows的可執(zhí)行文件/354
10.1.4　將jwebsocket服務(wù)器作為windows的服務(wù)/355
10.1.5　jwebsocket web客戶(hù)端/355
10.2　創(chuàng)建第一個(gè)利用jwebsocket進(jìn)行通信的web頁(yè)面/357
10.3　創(chuàng)建jwebsocket服務(wù)器端的偵聽(tīng)器/365
10.3.1　jwebsocket的通信架構(gòu)/365
10.3.2　創(chuàng)建偵聽(tīng)器/366
10.4　jwebsocket中的令牌/374
10.4.1　令牌的基本概念/375
10.4.2　系統(tǒng)令牌/376
10.5　jwebsocket中服務(wù)器端的插件/383
10.5.1　服務(wù)器端插件的基礎(chǔ)知識(shí)/383
10.5.2　創(chuàng)建自定義服務(wù)器端插件/385
10.6　jwebsocket中的通道/393
10.7　案例28：利用jwebsocket服務(wù)器創(chuàng)建簡(jiǎn)單聊天室/398
10.7.1　案例概述/398
10.7.2　頁(yè)面顯示效果/398
10.7.3　代碼剖析/401
10.8　本章小結(jié)/412
第11章　rgraph統(tǒng)計(jì)圖制作插件/414
11.1　概述/415
11.1.1　html 5版統(tǒng)計(jì)圖插件的優(yōu)越性/415
11.1.2　使用rgraph插件/415
11.1.3　使用服務(wù)器端數(shù)據(jù)/416
11.2　繪制統(tǒng)計(jì)圖時(shí)所用到的公共屬性/417
11.3　繪制柱狀圖/422
11.3.1　繪制柱狀圖時(shí)所用到的屬性/422
11.3.2　示例程序/425
11.3.3　使用obj.getbar方法/426
11.3.4　繪制分組柱狀圖/428
11.3.5　使用上下文菜單/432
11.4　繪制折線(xiàn)圖/435
11.4.1　繪制折線(xiàn)圖時(shí)所用到的屬性/435
11.4.2　繪制基本折線(xiàn)圖/439
11.4.3　使用getpoint方法/441
11.4.4　在一個(gè)折線(xiàn)圖中繪制多根折線(xiàn)/444
11.4.5　繪制范圍折線(xiàn)圖/446
11.4.6　在一個(gè)折線(xiàn)圖中使用左右兩根不同統(tǒng)計(jì)單位的垂直坐標(biāo)軸/448
11.4.7　在一個(gè)統(tǒng)計(jì)圖中繪制柱狀圖與折線(xiàn)圖/450
11.4.8　繪制動(dòng)態(tài)折線(xiàn)圖/452
11.5　繪制餅圖/455
11.5.1　繪制餅圖時(shí)所用到的屬性/455
11.5.2　示例程序/455
11.5.3　使用getsegment方法/457
11.6　繪制橫向柱狀圖/461
11.6.1　繪制橫向柱狀圖時(shí)所用到的屬性/461
11.6.2　示例程序/463
11.6.3　繪制分組橫向柱狀圖/464
11.7　繪制雷達(dá)圖/466
11.7.1　繪制雷達(dá)圖時(shí)所用到的屬性/466
11.7.2　示例程序/467
11.8　增強(qiáng)用戶(hù)體驗(yàn)/468
11.8.1　通過(guò)拖曳來(lái)縮放統(tǒng)計(jì)圖的尺寸/468
11.8.2　制作工具條提示信息/469
11.8.3　制作上下文菜單/475
11.8.4　放大統(tǒng)計(jì)圖/476
11.8.5　允許用戶(hù)注解統(tǒng)計(jì)圖/481
11.9　本章小結(jié)/483
第12章　使用webgl開(kāi)發(fā)三維圖形圖像/484
12.1　webgl概述/485
12.1.1　webgl的基礎(chǔ)知識(shí)/485
12.1.2　進(jìn)行webgl開(kāi)發(fā)之前的準(zhǔn)備工作/485
12.2　使用webgl繪制三角形與矩形/488
12.2.1　下載并使用腳本文件/488
12.2.2　頁(yè)面顯示效果/488
12.2.3　代碼剖析/488
12.3　使用顏色繪制彩色三角形與矩形/507
12.3.1　畫(huà)面式樣/507
12.3.2　代碼剖析/507
12.4　制作三維動(dòng)畫(huà)/515
12.4.1　畫(huà)面式樣/515
12.4.2　代碼剖析/515
12.5　制作三維物體/520
12.5.1　畫(huà)面式樣/520
12.5.2　代碼剖析/520
12.6　使用紋理/528
12.6.1　畫(huà)面式樣/528
12.6.2　代碼剖析/528
12.7　鍵盤(pán)輸入與紋理過(guò)濾/537
12.7.1　畫(huà)面式樣/537
12.7.2　代碼剖析/538
12.8　本章小結(jié)/545
附錄　五大瀏覽器的最新版對(duì)html 5的支持情況/546