論道HTML5 PDF掃描版

 

論道HTML5先簡要介紹瞭如何用HTML5和CSS3製做網站，而後全面介紹了API和Canvas2D，接着介紹瞭如何在手機瀏覽器上開發HTML5相關的應用、WebSocketAPI相關的三個案例和時下較爲流行的Node.js環境，最後介紹了瘦服務器戰略和雲的概念。

《圖靈原創：論道HTML5》主要供業內的前端開發人員使用，也可供大專院校相關師生、行業技能培訓學校做爲相關教材和參考書。

 

 

教程地址：論道HTML5 PDF掃描版

 

論道HTML5 目錄:

第1章 利用HTML5製做網站

1.1 大多數人不瞭解HTML5時代的網頁設計

1.2 HTML5帶來的網頁結構、設計風格及理念的變化

1.2.1 HTML 4時代的幾個特徵

1.2.2 一個典型的HTML5頁面

1.2.3 小結

1.3 HTML5帶來的標籤變化

1.3.1 什麼是標籤

1.3.2 標籤的分類

1.3.3 近十幾年來的HTML

1.3.4 Web的變化趨勢

1.4 HTML5帶來的表單數據內容進化

1.4.1 數據提交格式的變化

1.4.2 數據提交範圍的變化

1.4.3 表單數據類型的增長

1.4.4 表單屬性和驗證方式的進化

1.4.5 文件上傳控件和重複模型的應用

1.4.6 小結

1.5 HTML5與SEO

1.5.1 技術趨勢

1.5.2 搜索引擎服務商面臨的問題

1.5.3 SEO從業人員面臨的問題

1.5.4 SEO面臨的幾個社會問題

1.6 HTML5的開發環境與調試環境

1.6.1 HTML5編寫工具

1.6.2 JavaScript開發

1.6.3 HTTP監控

1.6.4 調試環境

1.7 案例：HTML5網站建設

1.7.1 需求的提出

1.7.2 需求分析

1.7.3 系統分析

1.7.4 工程實現

1.7.5 小結

第2章 用CSS3完善網站

2.1 文字模塊

2.1.1 文字陰影：text-shadow

2.1.2 文字溢出：text-overflow

2.1.3 文字換行：word-wrap

2.2 顏色模塊

2.2.1 透明度：opacity

2.2.2 HSL

2.2.3 HSLA和RGBA

2.3 邊框模塊

2.3.1 邊框圓角：border-radius

2.3.2 邊框顏色：border-color

2.3.3 邊框圖像：border-image

2.3.4 盒陰影：box-shadow

2.4 用戶界面模塊

2.4.1 盒倒影：box-reflect

2.4.2 盒大小：box-sizing

2.5 背景模塊

2.5.1 背景漸變

2.5.2 background-origin

2.5.3 background-clip

2.5.4 background-size

2.5.5 多背景

2.5.6 遮罩

2.6 動畫模塊

2.6.1 transform

2.6.2 transition

2.6.3 animation

2.7 區域模塊

2.7.1 故事線

2.7.2 區域樣式

2.7.3 內容形狀和環繞

2.7.4 小結

2.8 選擇器

2.8.1 結構僞類

2.8.2 否認僞類

2.8.3 狀態僞類

2.8.4 目標僞類

2.8.5 其餘選擇器

2.9 其餘模塊

2.9.1 多欄佈局

2.9.2 彈性盒子佈局

2.9.3 網絡字體

2.9.4 媒介查詢

2.9.5 濾鏡效果

2.9.6 着色器

2.10 使用CSS3美化網站

2.10.1 右上角文字

2.10.2 下載盒子

2.10.3 圖片格子

2.10.4 中間盒子

2.10.5 左右盒子

2.10.6 居中背景

2.10.7 載入效果

2.10.8 頁腳

2.11 小結

第3章 劃時代的Web API

3.1 傳統Web模型與Web OS架構模型

3.2 Web API的概要介紹

3.3 Drag & Drop API

3.3.1 之前的解決方案

3.3.2 Drag & Drop API的優勢

3.3.3 如何檢測瀏覽器是否支持Drag & Drop API

3.3.4 Drag & Drop API的主要操做

3.3.5 文件拖放上傳實例

3.4 History API

3.4.1 之前的解決方案

3.4.2 如今的History API

3.5 Communication API

3.5.1 之前解決跨源通訊的方案

3.5.2 XMLHttpRequest Level 2

3.5.3 iframe和sandbox

3.5.4 跨文檔消息通訊

3.6 Notification API

3.6.1 如何檢測瀏覽器是否支持Notification API

3.6.2 Web的Notification的狀態

3.6.3 讓你的Web App帶着Notification跑

3.7 audio標籤和video標籤

3.7.1 audio標籤

3.7.2 video標籤

3.8 Canvas API

3.8.1 之前的同類解決方案

3.8.2 Canvas的優勢

3.8.3 檢測瀏覽器是否支持Canvas

3.8.4 Canvas主要操做

3.9 WebSocket API

3.10 Web Worker API

3.11 Web Storage API

3.12 MicroData和語義網絡

3.12.1 MicroData的常見屬性

3.12.2 MicroData的例子

3.12.3 MicroData與SEO–人類須要有序的信息

3.12.4 語義網絡的基本概念

3.12.5 語義測試工具

3.13 通用Base64方法

3.13.1 編碼

3.13.2 解碼

3.13.3 應用

3.14 Web Database API

3.14.1 Web SQL API

3.14.2 Indexed DB API

3.15 WebGL

3.16 Device API 系列

3.16.1 Geolocation API

3.16.2 File API

3.16.3 FileWriter API3.16.5 Contact API

3.16.6 System Information API

3.16.7 Calendar API

3.16.8 Messaging API

3.17 小結

第4章 Canvas 2D

4.1 什麼是Canvas

4.2 Canvas 2D原理

4.2.1 座標系統說明

4.2.2 屬性說明

4.3 繪製

4.3.1 各種線條

4.3.2 矩形

4.3.3 三角形

4.3.4 圓與扇形

4.3.5 圖片

4.3.6 文字

4.4 特效

4.4.1 漸變

4.4.2 陰影與透明

4.5 基礎操做中比較複雜的部分

4.5.1 保存和恢復

4.5.2 座標轉換

4.5.3 旋轉

4.5.4 縮放

4.5.5 變形

4.5.6 組合

4.5.7 裁剪

4.5.8 像素操做

4.6 動畫

4.6.1 左右運動

4.6.2 上下運動

4.6.3 圓心旋轉運動

4.6.4 拋物線運動

4.6.5 漸變運動

4.7 事件感應

4.8 關於Canvas的一些經驗

4.8.1 回答兩個問題

4.8.2 避開浮點運算

4.8.3 資源載入與雙緩衝問題

4.8.4 圖片抗鋸齒的原理及辦法

4.8.5 粒子系統的使用

4.9 Web開發復古流

4.10 小結

第5章 HTML5和移動互聯網開發

5.1 移動互聯網的現狀與需求

5.1.1 市場容量

5.1.2 移動設備的特色

5.1.3 移動設備的現狀

5.1.4 開發者生態圈

5.1.5 可供選擇的移動互聯網開發平臺

5.2 HTML5在移動互聯網上的開發示例

5.2.1 一個HTML5開發者的基本配置

5.2.2 歐朋瀏覽器H5版介紹

5.2.3 重力傳感設備

5.2.4 電子羅盤開發

5.2.5 Geolocation與LBS應用開發

5.2.6 網頁攝像與網絡相冊

5.2.7 移動設備中的離線存儲

5.3 小結

第6章 WebSocket開發應用

6.1 WebSocket的那些事兒

6.1.1 WebSocket的技術背景

6.1.2 WebSocket的定義

6.1.3 WebSocket通訊模式解析

6.1.4 WebSocket檢測瀏覽器支持代碼

6.2 WebSocket API的內容

6.2.1 屬性

6.2.2 URL

6.2.3 事件

6.3 客戶端樣例程序

6.4 服務器端樣例程序

6.5 Ajax、長輪詢、Comet之間的那些事兒

6.5.1 Ajax

6.5.2 長輪詢

6.5.3 Comet

6.5.4 Ajax與WebSocket的多角度對比

6.6 與WebSocket相關的幾個概念

6.6.1 SSJS

6.6.2 Node.js

6.7 開發基於WebSocket的通訊示例

6.7.1 聊天室

6.7.2 服務器監控

6.7.3 聯機做圖

6.8 免費的WebSocket資源

6.9 小結

第7章 瘦服務器戰略與雲

7.1 戰略觀察與將來10年的思考

7.1.1 Web瘦服務器戰略

7.1.2 雲

7.1.3 計算能的思考

7.2 Web Storage

7.2.1 Web Storage的概念

7.2.2 localStorage介紹與示例

7.2.3 sessionStorage的介紹與示例

7.2.4 瀏覽器端存儲的方案和侷限性

7.3 離線應用

7.3.1 判斷瀏覽器是否在線

7.3.2 離線應用的屬性與方法

7.3.3 manifest文件

7.4 Web Worker

7.4.1 Worker

7.4.2 Shared Worker

7.4.3 Web Worker小結

7.5 一個雲記事本的案例

7.5.1 客戶端邏輯分析

7.5.2 客戶端的實現

7.5.3 工程實現的聯想

7.6 小結

附錄A HTML5標籤、事件屬性及其相關網站

附錄B 審慎對待各類框架

附錄C 統一開發經常使用交流術語

附錄D WebGL

附錄E CSS3模塊列表