HTML 5開發(fā)精要與實(shí)例詳解

內(nèi)容概要

　　這是一本以綜合性案例為導(dǎo)向并輔之以精要知識(shí)點(diǎn)講解的html
5實(shí)戰(zhàn)教程。內(nèi)容分為兩大部分：第一部分通過(guò)一系列中大型案例全方位對(duì)html
5的各個(gè)重要知識(shí)點(diǎn)進(jìn)行了詳細(xì)的講解，每個(gè)案例包含案例概述、頁(yè)面效果展示、案例所涉及主要知識(shí)點(diǎn)（精要）、源代碼剖析4個(gè)部分，讀者既能根據(jù)書中的步驟動(dòng)手實(shí)踐，又能重點(diǎn)學(xué)習(xí)案例中用到的核心理論知識(shí)，同時(shí)還能領(lǐng)會(huì)源代碼的設(shè)計(jì)思路和方法；第二部分講解了jwebsocket、rgraph、webgl等3個(gè)重要框架和技術(shù)的詳細(xì)使用方法。
　　《html 5開發(fā)精要與實(shí)例詳解》一共12章：第1章分別用2個(gè)案例演示了如何利用html
5中的結(jié)構(gòu)元素來(lái)構(gòu)建一個(gè)博客網(wǎng)站和企業(yè)門戶網(wǎng)站；第2章用2個(gè)案例講解了表單在html
5中的使用；第3章用6個(gè)案例講解了如何利用canvas元素來(lái)繪制圖形、圖像和制作動(dòng)畫；第4章用2個(gè)案例介紹了文件apt和拖放api的使用方法；第5章用4個(gè)案例講解了如何打造自己的網(wǎng)頁(yè)視頻播放器、網(wǎng)頁(yè)音頻播放器，以及實(shí)現(xiàn)視頻實(shí)時(shí)回放和視頻截圖等多媒體功能；第6章用6個(gè)案例全面講解了html
5中的本地存儲(chǔ)技術(shù)；第7章用單點(diǎn)登錄和獲取批量數(shù)據(jù)這2個(gè)案例講解了html
5中的跨文檔的消息傳輸技術(shù)；第8章用2個(gè)案例講解了如何利用web
workers實(shí)現(xiàn)多線程處理；第9章用1個(gè)案例講解了如何利用geolocation
api來(lái)獲取地理位置信息；第10~13章分別講解了socket通信框架jwebsocket、統(tǒng)計(jì)圖制作插件rgraph、三維web開發(fā)技術(shù)webgl的詳細(xì)使用方法，并輔之以豐富的案例。
　　《html
5開發(fā)精要與實(shí)例詳解》所有案例的源代碼都是作者親自編寫并調(diào)試和運(yùn)行成功的。讀者可以利用這些代碼進(jìn)行實(shí)戰(zhàn)練習(xí)，也可以根據(jù)需要對(duì)這些代碼進(jìn)行修改，以觀察不同的效果，從而加深對(duì)案例代碼和書中知識(shí)點(diǎn)的理解。

作者簡(jiǎn)介

　　陸凌牛，資深Web開發(fā)工程師、軟件開發(fā)工程師和系統(tǒng)設(shè)計(jì)師。從事Web開發(fā)多年，對(duì)各種Web開發(fā)技術(shù)（包括前端和后端）都有非常深入的研究，經(jīng)驗(yàn)極其豐富。HTMLs和CSS3等新技術(shù)的先驅(qū)者和布道者，不僅對(duì)HTML5-CSS3的理論知識(shí)有比較深入的認(rèn)識(shí)，而且已經(jīng)在大量實(shí)踐中付諸應(yīng)用。最近，他在學(xué)習(xí)和研究Sencha Touch等HTML5開發(fā)框架，并已經(jīng)開始嘗試使用。與此同時(shí)，他在C#、VB.NET、ASP.NET、SQL Server等微軟技術(shù)和Java、Struts、Spring、Hibernate等Java技術(shù)領(lǐng)域也積累了大量的實(shí)戰(zhàn)經(jīng)驗(yàn)?！　〈送猓€是一位技術(shù)作家，處女作《HTML5與CSS3權(quán)威指南》憑借優(yōu)良的內(nèi)容獲得了讀者的廣泛好評(píng)，被讀者譽(yù)為“系統(tǒng)學(xué)習(xí)HTML5和CSS3的最佳選擇之一”，上市6A1月重印4次，是2011年度計(jì)算機(jī)領(lǐng)域的暢銷書之一。

書籍目錄

前言
第1章　用html 5中的結(jié)構(gòu)元素構(gòu)建網(wǎng)站
　1.1　案例1：用html 5中的結(jié)構(gòu)元素構(gòu)建一個(gè)博客網(wǎng)站
　　1.1.1　案例知識(shí)點(diǎn)
　　1.1.2　博客首頁(yè)的實(shí)現(xiàn)
　　1.1.3　文章顯示頁(yè)面的實(shí)現(xiàn)
　1.2　案例2：用html 5中的結(jié)構(gòu)元素構(gòu)建一個(gè)企業(yè)網(wǎng)站
　　1.2.1　首頁(yè)的實(shí)現(xiàn)
　　1.2.2　聯(lián)系方式頁(yè)面的實(shí)現(xiàn)
　1.3　本章小結(jié)
第2章　在web表單中使用html 5
　2.1　案例3：用結(jié)構(gòu)元素制作web應(yīng)用程序中的菜單
　　2.1.1　頁(yè)面顯示效果
　　2.1.2　代碼剖析
　2.2　案例4：綜合運(yùn)用html 5、jquery與asp.net構(gòu)建web應(yīng)用程序
　　2.2.1　案例概述
　　2.2.2　頁(yè)面顯示效果
　　2.2.3　案例知識(shí)點(diǎn)
　　2.2.4　代碼剖析　
　2.3　本章小結(jié)
第3章　使用canvas元素繪制圖形、圖像與動(dòng)畫
　3.1　案例5：使用canvas元素繪制美麗的花朵
　　3.1.1　案例概述
　　3.1.2　頁(yè)面顯示效果
　　3.1.3　案例知識(shí)點(diǎn)
　　3.1.4　代碼剖析
　3.2　案例6：使用canvas元素繪制指針式動(dòng)畫時(shí)鐘
　　3.2.1　案例概述
　　3.2.2　頁(yè)面顯示效果
　　3.2.3　案例知識(shí)點(diǎn)
　　3.2.4　代碼剖析
　3.3　案例7：使用canvas元素制作簡(jiǎn)單小游戲
　　3.3.1　案例概述
　　3.3.2　頁(yè)面顯示效果
　　3.3.3　案例知識(shí)點(diǎn)
　　3.3.4　代碼剖析
　3.4　案例8：使用canvas元素繪制圖像放大鏡
　　3.4.1　案例概述
　　3.4.2　頁(yè)面顯示效果
　　3.4.3　案例知識(shí)點(diǎn)
　　3.4.4　代碼剖析
　3.5　案例9：用動(dòng)畫的形式裝載圖像
　　3.5.1　案例概述
　　3.5.2　頁(yè)面顯示效果
　　3.5.3　案例知識(shí)點(diǎn)
　　3.5.4　代碼剖析
　3.6　案例10：將彩色照片轉(zhuǎn)換成黑白照片
　　3.6.1　案例概述
　　3.6.2　頁(yè)面顯示效果
　　3.6.3　案例知識(shí)點(diǎn)
　　3.6.4　代碼剖析
　3.7　本章小結(jié)
第4章　文件api與拖放api
　4.1　案例11：在瀏覽器中預(yù)覽客戶端文件并上傳
　　4.1.1　案例概述
　　4.1.2　頁(yè)面顯示效果
　　4.1.3　案例知識(shí)點(diǎn)
　　4.1.4　代碼剖析
　4.2　案例12：使用canvas api、文件api與拖放api制作拼圖游戲
　　4.2.1　案例概述
　　4.2.2　頁(yè)面顯示效果
　　4.2.3　案例知識(shí)點(diǎn)
　　4.2.4　代碼剖析
　4.3　本章小結(jié)
第5章　多媒體播放
　5.1　案例13：打造自己的網(wǎng)頁(yè)視頻播放器
　　5.1.1　案例概述
　　5.1.2　頁(yè)面顯示效果
　　5.1.3　案例知識(shí)點(diǎn)
　　5.1.4　代碼剖析
　5.2　案例14：對(duì)視頻使用實(shí)時(shí)回放功能
　　5.2.1　案例概述
　　5.2.2　頁(yè)面顯示效果
　　5.2.3　代碼剖析
　5.3　案例15：對(duì)視頻使用截圖功能
　　5.3.1　案例概述
　　5.3.2　頁(yè)面顯示效果
　　5.3.3　案例知識(shí)點(diǎn)
　　5.3.4　代碼剖析
　5.4　案例16：打造自己的網(wǎng)頁(yè)音頻播放器
　　5.4.1　案例概述
　　5.4.2　頁(yè)面顯示效果
　　5.4.3　案例知識(shí)點(diǎn)
　　5.4.4　代碼剖析
　5.5　本章小結(jié)
第6章　本地存儲(chǔ)
　6.1　案例17：制作html 5版本的日程提醒簿
　　6.1.1　案例概述
　　6.1.2　頁(yè)面顯示效果
　　6.1.3　案例知識(shí)點(diǎn)
　　6.1.4　代碼剖析
　6.2　案例18：臨時(shí)保存頁(yè)面中的輸入內(nèi)容
　　6.2.1　案例概述
　　6.2.2　頁(yè)面顯示效果
　　6.2.3　案例知識(shí)點(diǎn)
　　6.2.4　代碼剖析
　6.3　案例19：使用html 5制作web應(yīng)用程序的演示版
　　6.3.1　案例概述
　　6.3.2　頁(yè)面顯示效果
　　6.3.3　案例知識(shí)點(diǎn)
　　6.3.4　代碼剖析
　6.4　案例20：使用客戶端session
　　6.4.1　案例概述
　　6.4.2　頁(yè)面展示效果
　　6.4.3　案例知識(shí)點(diǎn)
　　6.4.4　代碼剖析
　6.5　案例21：將本地?cái)?shù)據(jù)庫(kù)中的數(shù)據(jù)提交到服務(wù)器端
　　6.5.1　案例概述
　　6.5.2　頁(yè)面展示效果
　　6.5.3　代碼剖析
　6.6　案例22：制作可以離線使用的日程提醒簿
　　6.6.1　案例概述
　　6.6.2　頁(yè)面顯示效果
　　6.6.3　案例知識(shí)點(diǎn)
　　6.6.4　代碼剖析
　6.7　本章小結(jié)
第7章　跨文檔消息傳輸
　7.1　案例23：通過(guò)跨文檔消息傳輸功能實(shí)現(xiàn)單點(diǎn)登錄
　　7.1.1　案例概述
　　7.1.2　頁(yè)面顯示效果
　　7.1.3　案例知識(shí)點(diǎn)
　　7.1.4　代碼剖析
　7.2　案例24：通過(guò)跨文檔消息傳輸功能獲取批量數(shù)據(jù)
　　7.2.1　案例概述
　　7.2.2　頁(yè)面顯示效果
　　7.2.3　代碼剖析
　7.3　本章小結(jié)
第8章　利用web workers實(shí)現(xiàn)多線程處理
　8.1　案例25：在后臺(tái)線程中實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的增刪查改操作
　　8.1.1　案例概述
　　8.1.2　頁(yè)面顯示效果
　　8.1.3　案例知識(shí)點(diǎn)
　　8.1.4　代碼剖析
　8.2　案例26：在后臺(tái)線程中實(shí)現(xiàn)數(shù)據(jù)的批量插入
　　8.2.1　案例概述
　　8.2.2　代碼剖析
　8.3　本章小結(jié)
第9章　利用geolocation api獲取地理位置信息
　9.1　案例27：顯示計(jì)算機(jī)或移動(dòng)設(shè)備所在地的地圖
　　9.1.1　案例概述
　　9.1.2　頁(yè)面顯示效果
　　9.1.3　案例知識(shí)點(diǎn)
　　9.1.4　代碼剖析
　9.2　本章小結(jié)
第10章　使用jwebsocket框架開發(fā)socket通信程序
　10.1　安裝與運(yùn)行jwebsocket
　　10.1.1　安裝jwebsocket服務(wù)器
　　10.1.2　在其他服務(wù)器環(huán)境下運(yùn)行jwebsocket服務(wù)器
　　10.1.3　將jwebsocket服務(wù)器作為windows的可執(zhí)行文件
　　10.1.4　將jwebsocket服務(wù)器作為windows的服務(wù)
　　10.1.5　jwebsocket web客戶端
　10.2　創(chuàng)建第一個(gè)利用jwebsocket進(jìn)行通信的web頁(yè)面
　10.3　創(chuàng)建jwebsocket服務(wù)器端的偵聽(tīng)器
　　10.3.1　jwebsocket的通信架構(gòu)
　　10.3.2　創(chuàng)建偵聽(tīng)器
　　10.4　jwebsocket中的令牌
　　10.4.1　令牌的基本概念
　　10.4.2　系統(tǒng)令牌
　10.5　jwebsocket中服務(wù)器端的插件
　　10.5.1　服務(wù)器端插件的基礎(chǔ)知識(shí)
　　10.5.2　創(chuàng)建自定義服務(wù)器端插件
　10.6　jwebsocket中的通道
　10.7　案例28：利用jwebsocket服務(wù)器創(chuàng)建簡(jiǎn)單聊天室
　　10.7.1　案例概述
　　10.7.2　頁(yè)面顯示效果
　　10.7.3　代碼剖析
　10.8　本章小結(jié)
第11章　rgraph統(tǒng)計(jì)圖制作插件
　11.1　概述
　　11.1.1　html 5版統(tǒng)計(jì)圖插件的優(yōu)越性
　　11.1.2　使用rgraph插件
　　11.1.3　使用服務(wù)器端數(shù)據(jù)
　11.2　繪制統(tǒng)計(jì)圖時(shí)所用到的公共屬性
　11.3　繪制柱狀圖
　　11.3.1　繪制柱狀圖時(shí)所用到的屬性
　　11.3.2　示例程序
　　11.3.3　使用obj.getbar方法
　　11.3.4　繪制分組柱狀圖
　　11.3.5　使用上下文菜單
　11.4　繪制折線圖
　　11.4.1　繪制折線圖時(shí)所用到的屬性
　　11.4.2　繪制基本折線圖
　　11.4.3　使用getpoint方法
　　11.4.4　在一個(gè)折線圖中繪制多根折線
　　11.4.5　繪制范圍折線圖
　　11.4.6　在一個(gè)折線圖中使用左右兩根不同統(tǒng)計(jì)單位的垂直坐標(biāo)軸
　　11.4.7　在一個(gè)統(tǒng)計(jì)圖中繪制柱狀圖與折線圖
　　11.4.8　繪制動(dòng)態(tài)折線圖
　11.5　繪制餅圖
　　11.5.1　繪制餅圖時(shí)所用到的屬性
　　11.5.2　示例程序
　　11.5.3　使用getsegment方法
　11.6　繪制橫向柱狀圖
　　11.6.1　繪制橫向柱狀圖時(shí)所用到的屬性
　　11.6.2　示例程序
　　11.6.3　繪制分組橫向柱狀圖
　11.7　繪制雷達(dá)圖
　　11.7.1　繪制雷達(dá)圖時(shí)所用到的屬性
　　11.7.2　示例程序
　11.8　增強(qiáng)用戶體驗(yàn)
　　11.8.1　通過(guò)拖曳來(lái)縮放統(tǒng)計(jì)圖的尺寸
　　11.8.2　制作工具條提示信息
　　11.8.3　制作上下文菜單
　　11.8.4　放大統(tǒng)計(jì)圖
　　11.8.5　允許用戶注解統(tǒng)計(jì)圖
　11.9　本章小結(jié)
第12章　使用webgl開發(fā)三維圖形圖像
　12.1　webgl概述
　　12.1.1　webgl的基礎(chǔ)知識(shí)
　　12.1.2　進(jìn)行webgl開發(fā)之前的準(zhǔn)備工作
　12.2　使用webgl繪制三角形與矩形
　　12.2.1　下載并使用腳本文件
　　12.2.2　頁(yè)面顯示效果
　　12.2.3　代碼剖析
　12.3　使用顏色繪制彩色三角形與矩形
　　12.3.1　畫面式樣
　　12.3.2　代碼剖析
　12.4　制作三維動(dòng)畫
　　12.4.1　畫面式樣
　　12.4.2　代碼剖析
　12.5　制作三維物體
　　12.5.1　畫面式樣
　　12.5.2　代碼剖析
　12.6　使用紋理
　　12.6.1　畫面式樣
　　12.6.2　代碼剖析
　12.7　鍵盤輸入與紋理過(guò)濾
　　12.7.1　畫面式樣
　　12.7.2　代碼剖析
　12.8　本章小結(jié)
附錄　五大瀏覽器的最新版對(duì)html 5的支持情況
　　　　　

媒體關(guān)注與評(píng)論

　　隨著互聯(lián)網(wǎng)的發(fā)展和用戶需求的不斷變化，從互聯(lián)網(wǎng)產(chǎn)品的功能和豐富性上來(lái)講，傳統(tǒng)的Web開發(fā)技術(shù)越來(lái)越難滿足用戶的需求。HTML5的出現(xiàn)，既是技術(shù)趨勢(shì)的發(fā)展使然，也是時(shí)代需求的必然?！　TML5的出現(xiàn)和被熱捧給開發(fā)者提供了一個(gè)很好的機(jī)會(huì)，如果能盡早投身HTML5變革的熱潮，必定能領(lǐng)先一步。如果我們對(duì)HTML5略有了解，但是缺乏實(shí)際應(yīng)用經(jīng)驗(yàn)，那么本書將是目前的最佳選擇（沒(méi)有之一）。它以HTML5的理論知識(shí)體系為依托，為所有重要的知識(shí)點(diǎn)都設(shè)計(jì)了翔實(shí)的案例。這些案例不僅能幫助我們迅速掌握HTML5的使用方法，而且很多案例都能直接在實(shí)際開發(fā)中使用。除此之外，還對(duì)每個(gè)案例涉及的理論知識(shí)點(diǎn)進(jìn)行了深入講解，可以幫助我們鞏固和提高已經(jīng)掌握的理論知識(shí)。　　——HTML5用戶組　　　　本書是以實(shí)踐方式深入學(xué)習(xí)HTML5不可多得的參考書之一。與目前市場(chǎng)上以系統(tǒng)講解HTML5理論知識(shí)點(diǎn)為主的書不同，它以案例為導(dǎo)向，用28個(gè)中大型案例對(duì)HTML5中的重要知識(shí)點(diǎn)進(jìn)行了充分闡釋。每個(gè)案例都以迭代的方式實(shí)現(xiàn)，不僅包含案例需求描述、實(shí)現(xiàn)效果展示、開發(fā)步驟演示，而且還對(duì)案例的源代碼進(jìn)行了分析和點(diǎn)評(píng)，既方便讀者重新實(shí)現(xiàn)這些案例，又能讓讀者領(lǐng)會(huì)這些案例的原理和所用到的理論知識(shí)。除此之外，本書的案例源代碼都是作者親自編寫的，都能成功運(yùn)行，可靠性極高。強(qiáng)烈推薦！　　——HTML51（www.html51.com）　　　　本書的姊妹篇《HTML5與CSS3權(quán)威指南》憑借其內(nèi)容的系統(tǒng)性、翔實(shí)性和實(shí)戰(zhàn)性獲得了良好的口碑，在51CTO等技術(shù)社區(qū)被廣泛關(guān)注和討論，被讀者譽(yù)為“系統(tǒng)學(xué)習(xí)HTML5和CSS3的最佳選擇之一”。如果說(shuō)《HTML5與CSS3權(quán)威指南》適合入門和開發(fā)時(shí)備查，那么本書則適合在此基礎(chǔ)上進(jìn)階提高，適合掌握了理論知識(shí)的讀者動(dòng)手去實(shí)踐，在實(shí)踐中鞏固已學(xué)的理論知識(shí)，從而達(dá)到在實(shí)際開發(fā)中靈活運(yùn)用的目的。無(wú)論是案例的實(shí)戰(zhàn)性上，還是關(guān)鍵理論知識(shí)的深刻性上，本書都值得看一看！　　——51CTO（www.51cto.com）

編輯推薦

　　全球著名信息技術(shù)研究與咨詢公司Gartner的分析師Nick. Jones提出了未來(lái)4年移動(dòng)互聯(lián)網(wǎng)領(lǐng)域最值得關(guān)注的10大技術(shù)趨勢(shì)，其中HTML5居首位。HTML5不僅在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域深受歡迎，在整個(gè)Web技術(shù)領(lǐng)域也備受矚目。它正引領(lǐng)著一場(chǎng)新的技術(shù)變革，它將是Web技術(shù)未來(lái)發(fā)展的新方向和新標(biāo)準(zhǔn)。　　HTML5將在降低插件的重要性（現(xiàn)有的各種瀏覽器大多都安裝有各種插件）、支持動(dòng)態(tài)圖像生成、三維圖形繪制、動(dòng)畫制作、本地存儲(chǔ)、Web開發(fā)中的數(shù)據(jù)提取、位置服務(wù)、Web視頻／音頻播放、跨文檔消息傳輸、多線程處理等諸多方面發(fā)揮重要的作用，在使Web應(yīng)用功能變得更加豐富多彩的同時(shí)，也會(huì)使Web應(yīng)用的開發(fā)變得更加高效。　　本書是暢銷書《HTML5與CSS3權(quán)威指南》（上市6個(gè)月重印4次）的姊妹篇?！禜TML5與CSS3權(quán)威指南》以系統(tǒng)地講解HTML5的理論知識(shí)為重點(diǎn)，本書則以實(shí)踐為核心，通過(guò)28個(gè)精心設(shè)計(jì)的中大型案例對(duì)這些理論知識(shí)點(diǎn)進(jìn)行了充分講解。通過(guò)這兩本書，讀者不僅能系統(tǒng)地掌握HTML5的理論知識(shí)，而且還能在實(shí)踐中迅速融會(huì)貫通，從而達(dá)到熟練使用HTML5進(jìn)行Web開發(fā)的目的。

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    HTML 5開發(fā)精要與實(shí)例詳解 PDF格式下載

---