HTML5網(wǎng)頁開發(fā)實例詳解圖書目錄

時間：2023-02-20 13:50:01 | 來源：營銷百科

時間：2023-02-20 13:50:01 來源：營銷百科

HTML5網(wǎng)頁開發(fā)實例詳解圖書目錄：第1章HTML 5引發(fā)的Web革命

1.1你是不是真的了解HTML

1.1.1通過W3C認識HTML 5的發(fā)展史

1.1.2HTML4、XHTML、HTML 5的區(qū)別

1.1.3什么人應該學HTML 5

1.1.4一張圖告訴你如何學習HTML 5

1.2瀏覽器之爭

1.2.1說說這些常見的瀏覽器

1.2.2瀏覽器的兼容煩惱與策略

1.2.3給你的瀏覽器打分

1.3學習制作簡單的HTML 5頁面

1.3.1搭建開發(fā)HTML 5的瀏覽器環(huán)境

1.3.2檢測瀏覽器是否支持HTML 5標簽

1.4常見問題

1.4.1學好HTML 5要先學好Java嗎

1.4.2誰是HTML 5新規(guī)則下的犧牲品

1.4.3HTML 5是否有未來

1.4.4HTML 5在移動應用開發(fā)是否有前景

1.5本章小結(jié)

第2章HTML 5的整體特性

2.1HTML^[1] 5的新元素

2.1.1最新的交互元素——內(nèi)容交互、菜單交互、狀態(tài)交互

2.1.2HTML 5頁面結(jié)構(gòu)

2.1.3DOCTYPE和字符集

2.1.4其他標簽元素

2.2Modernizr庫

2.2.1Modernizr庫是什么

2.2.2使用Modernizr庫提供的方法檢測瀏覽器的各項指標

2.3表單和文件

2.3.1input元素的新增類型

2.3.2input元素新增的公用屬性

2.3.3新增表單元素

2.3.4表單新增的驗證方法

2.3.5File對象

2.3.6FileSystem接口

2.3.7jQueryHTML 5ValidateHTML 5表單驗證插件

2.4圖形繪制

2.4.1Canvas是什么

2.4.2什么情況下用Canvas

2.4.3檢測瀏覽器對Canvas的支持情況

2.4.4在頁面中加入Canvas

2.4.5SVG是什么

2.4.6SVG的使用

2.4.7WebGL是什么

2.4.8WebGL的使用

2.4.9Paper.js圖形庫

2.5音頻視頻

2.5.1音頻和視頻編碼解碼器

2.5.2使用腳本控制播放

2.5.3audio元素和video元素的瀏覽器支持情況

2.5.4音視頻的實時通信

2.6地理位置

2.6.1緯度和經(jīng)度坐標

2.6.2有哪些定位數(shù)據(jù)

2.6.3怎么保護自己的隱私

2.6.4構(gòu)建地理位置應用

2.7拖放

2.7.1Datatransfer對象

2.7.2拖放的事件監(jiān)聽

2.7.3帶拖放功能的網(wǎng)站

2.7.4構(gòu)建網(wǎng)頁的拖放應用

2.8Web存儲

2.8.1設置和獲取數(shù)據(jù)

2.8.2LocalStorage與SessionStorage

2.8.3網(wǎng)站本地存儲兼容性方案

2.8.4如何在實際開發(fā)中使用本地存儲

2.9HTML 5的通信

2.9.1PostMessageAPI

2.9.2XMLHttpRequestLevel

2.9.3WebSocketAPI

2.9.4Socket.IO通信框架介紹

2.10WebWorkers

2.10.1與HTML 5WebWorkers通信

2.10.2多個JavaScript文件的加載與執(zhí)行

2.10.3子WebWorkers和內(nèi)嵌WebWorkers

2.10.4構(gòu)建WebWorkers應用

2.11離線Web應用API

2.11.4搭建簡單的離線應用程序

2.12微數(shù)據(jù)

2.12.1語義化概念

2.12.2Microdata的前世今生

2.12.3如何使用Microdata優(yōu)化網(wǎng)頁

2.12.4國內(nèi)網(wǎng)站如何使用Microdata

2.13HTML 5History

2.13.1HistoryAPI介紹

2.13.2History與Hash

2.13.3什么是MVC

2.13.4主流MVC框架介紹

2.14選擇器

2.14.1選擇器分類

2.14.2使用選擇器操作頁面中的元素

2.15CSS3特性

2.15.1CSS3帶來了什么

2.15.2開放字體格式（WOFF）

2.15.3背景（Backgrounds）

2.15.4文字效果（TextEffects）

2.15.5邊框（Border）

2.15.6用戶界面（Userinterface）

2.15.7多列（MultipleColumns）

2.15.8轉(zhuǎn)換（Transform）

2.15.9過渡（Transition）

2.16本章小結(jié)

第3章HTML 5相關概念和框架

3.1響應式Web設計

3.1.1什么是響應式Web設計

3.1.2流式布局

3.1.3媒體查詢

3.1.4TwitterBootstrap理念

3.1.5TwitterBootstrap應用

3.2移動JavaScript框架

3.2.1SenchaTouch

3.2.2jQueryMobile介紹和例子

3.2.3PhoneGap

3.2.4JQ.Mobi

3.3CSS3UI框架

3.3.1HTML 5Boilerplate

HTML 5網(wǎng)頁開發(fā)實例詳解

3.3.2LessFramework

3.4HTML 5圖表庫

3.4.1Raphael

3.4.2Highcharts

3.5游戲庫——Three.js的使用

3.6本章小結(jié)

第4章環(huán)境搭建

4.1選擇一款編輯器

4.1.1Notepad 編輯器

4.1.2UltraEdit編輯器

4.1.3SublimeText2編輯器

4.2Node.js

4.2.1Node.js介紹

4.2.2Node.js安裝

4.2.3使用Node.js的

4.2.4如何在Node.js中調(diào)試

4.2.5使用Node.js搭建WebServer

4.3jQuery框架

4.3.1jQuery框架簡介

4.3.2jQuery常用

4.4其他實戰(zhàn)開發(fā)技巧

4.4.1如何在Chrome瀏覽器調(diào)試腳本

4.4.2如何通過Fiddler加速開發(fā)

4.5本章小結(jié)

第5章HTML 5元素與表單大演練

5.1示例1創(chuàng)建跨瀏覽器的HTML 5表單

5.1.1示例效果

5.1.2代碼設計

5.1.3代碼分析

5.1.4相關知識

5.2示例2搞定低版本瀏覽器的兼容性問題

5.2.1示例效果

5.2.2代碼設計

5.2.3代碼分析

5.2.4相關知識

5.3示例3創(chuàng)建HTML 5版的注冊頁面

5.3.1示例效果

5.3.2代碼設計

5.3.3代碼分析

5.3.4相關知識

5.4示例4用HTML 5的驗證方法驗證注冊頁面

5.4.1示例效果

5.4.2代碼設計

5.4.3代碼分析

5.4.4相關知識

5.5示例5搞定輸入框自動聚焦問題

5.5.1示例效果

5.5.2代碼設計

5.5.3代碼分析

5.5.4相關知識

5.6示例6搞定表單的自動完成

5.6.1示例效果

5.6.2代碼設計

5.6.3代碼分析

5.7示例7使用數(shù)字微調(diào)控件

5.7.1示例效果

5.7.2代碼設計

5.7.3代碼分析

5.7.4相關知識

5.8示例8添加滑動控件

5.8.1示例效果

5.8.2代碼設計

5.8.3代碼分析

5.8.4相關知識

5.9示例9發(fā)送多個文件

5.9.1示例效果

5.9.2代碼設計

5.9.3代碼分析

5.9.4相關知識

5.10示例10利用正則表達式創(chuàng)建自定義輸入類型

5.10.1示例效果

5.10.2代碼設計

5.11示例11預覽上傳的圖片

5.11.1示例效果

5.11.2代碼設計

5.11.3代碼分析

5.11.4相關知識

5.12示例12無刷新異步上傳

5.12.1示例效果

5.12.2代碼設計

5.12.3代碼分析

5.12.4相關知識

5.13示例13拖曳上傳文件

5.13.1示例效果

5.13.2代碼設計

5.13.3代碼分析

……

第6章Canvas圖畫大演練

第7章音頻和視頻大演練

第8章地理位置大演練

第9章拖放大演練

第10章本地存儲大演練

第11章HTML 5通信大演練

第12章離線Web應用大演練

第13章HTML 5手機遙控PPT

第14章響應式設計之新聞閱讀列表設計

附錄A主流瀏覽器對HTML 5新特性的支持情況

附錄B傳統(tǒng)HTML標簽及說明