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

內(nèi)容概要

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

作者簡介

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

書籍目錄

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

媒體關注與評論

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

編輯推薦

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

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

---