第一階段 GPRS基本原理

課程特點：
- 本課程從HTML 5基礎的功能講起，起點低，容易入手和掌握。
- 理論與實例完整結合，每一個概念都精選了一個完整的實例，增強學員動手能力。
- HTML 5知識完整全面，每一塊知識點都包含了HTML 5的全部內容和最前沿技術。

課程中要逐一解決的問題 ：
- 學習HTML5全部的新功能。
- 學會如何在Web頁面開發中運用HTML5標簽開發頁面。
- 掌握在頁面中使用HTML 5實現視頻與音頻的顯示與功能開發。
- 了解通過HTML5 中的Canvas基本使用功能。
- 理解HTML 5中本地數據存儲的方法與技巧。

?

Topic 1? HTML5簡介	1.1? 一個簡單的HTML 5頁面 1.1.1 搭建瀏覽環境 1.1.2 使用新的HTML 5結構化元素 1.1.3 編寫基礎HTML 5代碼 1.2 HTML 5頁面的特征 1.2.1 應用全新的HTML5元素結構化元素 1.2.2 使用CSS文件美化頁面元素 1.2.3 HTML 5 與HTML 4的區別
Topic 2 ? HTML 5中的文件	2.1.選擇文件 2.1.1 選擇單個文件 2.1.2 選擇多個文件 2.1.3 使用blob對象獲取文件的類型與大小 2.2.讀取與拖放文件 2.2.1 FileReader 接口 2.2.2 使用FileReader方法預覽圖片文件 2.2.3 使用FileReader方法讀取文本文件
Topic 3? HTML 5的視頻與音頻	3.1多媒體元素基本屬性?????? 3.1.1? 元素格式????? 3.1.2? width與height屬性???? 3.1.3? controls 屬性?????? 3.1.4? poster屬性??? 3.1.5? networkState 屬性 3.2多媒體元素常用方法?????? 3.2.1? 媒體播放時的方法?????? 3.2.2? canPlayType 方法
Topic 4? HTML 繪畫基礎	4.1畫布的基礎知識 4.1.1Canvas元素的基本用法 4.1.2 Canvas元素繪制矩形 4.1.3 Canvas元素漸變矩形 4.2 畫布中的圖像 4.2.1 繪制圖像 4.2.2平鋪圖像 4.2.3切割圖像 4.2.4處理像素 4.3 畫布的其他應用 4.3.1 繪制文字 4.3.2 保存與還原及輸出圖形 4.3.3 制作簡單動畫
Topic 5? HTML 5中的數據存儲	5.1 Web Storage的基本概念 5.1.1 sessionStorage對象 5.1.2 localStorage對象 5.1.3清空localStorage數據 5.2.Web Storage API 5.2.1遍歷localStorage數據 5.2.2使用 JSON對象存取數據 5.2.3 管理localStorage數據
Topic 6 ? 其它應用API	6.1 Web Sockets API 6.1.1 postMessage方法 6.1.2 使用WebSocket 傳送數據 6.1.3 使用WebSocket 傳送JSON對象 6.2 Web Workers API 6.2.1 Worker對象處理線程的簡單示例 6.2.2 使用線程傳遞JSON對象 6.2.3 多線程處理數據的方法

第二階段 HTML5游戲開發設計

培訓目標：
掌握全新的HTML5 Web游戲開發技能

額外的話：
本課程是是HTML5的方向之一Web游戲方面的課程；
HTML5的軟硬整合技術和HTML5云開發技術是另外兩個非常重要的方向，有需要的話，可以自由選學；

?

第1個主題：HTML5技術和商業思考
1,1 HTML5的目標
1,2 無法拒絕使用HTML5的原因
1,3 可以放心使用HTML5的原因

第2個主題：基本的HTML5模板
2,1 Doctype
2,2 html元素
2.3 head元素

第3個主題：HTML5頁面結構
3,1 header元素
3,2 section元素
3.3 article元素
3.4 nav元素
3.5 aside元素
3.6 footer元素
第4個主題：HTML5中游戲開發中的JavaScript（初級）
4.1 JavaScript概述　
4.2 jQuery　
4.2.1 jQuery是什么　
4.2.2 為什么要使用它　
4.2.3 這是在誤導你嗎　
4.2.4 是否不需要理解純JavaScript　
4.2.5 如何使用jQuery　
4.3 在HTML頁面上添加JavaScript　
4.4 在頁面加載之后運行JavaScript　
4.4.1 錯誤的方法(window.onload事件)　
4.4.2 冗長的方法(DOM)　
4.4.3 簡單的方法(jQuery方法)　
4.5 變量與數據類型　
4.5.1 變量　
4.5.2 數據類型　
4.6 條件語句　
4.6.1 if語句　
4.6.2 比較運算符　
4.6.3 在if語句中進行多重布爾值檢查　
4.6.4 else和else if語句　
第5個主題：HTML5中游戲開發中的JavaScript（中級）
5.1 函數　
5.1.1 創建函數　
5.1.2 調用函數　
5.2 對象　
5.2.1 什么是對象　
5.2.2 創建和使用對象　
5.3 數組　
5.3.1 創建數組　
5.3.2 訪問和修改數組　
5.4 循環　
5.5 定時器　
5.5.1 設置一次性定時器　
5.5.2 取消一次性定時器　
5.5.3 設置重復定時器　
5.5.4 取消重復定時器　
第6個主題：HTML5中游戲開發中的JavaScript（高級）
6.1 DOM　
6.1.1 HTML網頁示例　
6.1.2 使用純JavaScript訪問DOM　
6.1.3 使用jQuery訪問DOM　
6.1.4 操作DOM　
第7個主題： HTML5中的Canvas
7.1 認識canvas元素　
7.2 2D渲染上下文　
7.2.1 坐標系統　
7.2.2 訪問2D渲染上下文　
7.3 繪制基本圖形和線條　
7.3.1 線條　
7.3.2 圓形　
7.4 樣式　
7.5 繪制文本　
7.6 擦除Canvas　
7.7 使Canvas填滿瀏覽器窗口　
第8個主題： Canvas高級開發
8.1 保存和恢復繪圖狀態　
8.1.1 畫布繪圖狀態是什么　
8.1.2 保存繪圖狀態　
8.1.3 恢復繪圖狀態　
8.1.4 保存和恢復多個繪圖狀態　
8.2 變形　
8.2.1 平移　
8.2.2 縮放　
8.2.3 旋轉　
8.2.4 變換矩陣　
8.3 合成　
8.3.1 全局阿爾法值　
8.3.2 合成操作　
8.4 陰影　
8.5 漸變　
8.6 復雜路徑　
8.7 將畫布導出為圖像

第9個主題：html 5頁面中視頻和音頻
9.1發展歷程
9.2 目前狀況
9.2.1 視頻容器格式
9.2.2 視頻編解碼器
9.2.3 音頻編解碼器
9.2.4 當前瀏覽器使用哪種組合
9.3 標記
9.3.1 啟用本機控件
9.3.2 autoplay屬性
9.3.3 loop屬性
9.3.4 preload屬性
9.3.5 poster屬性
9.3.6 audio屬性
9.3.7 添加對多種視頻格式的支持
9.3.8 資源順序
9.3.9 關于Internet Explorer 6～8
9.3.10 MIME類型
9.4 用于網絡的視頻文件解碼
9.5 創建自定義控件
9.5.1 讓我們從一些標記和設計開始
9.5.2 介紹媒體元素API
9.5.3 播放和暫停視頻
9.5.4 視頻音軌的靜音與取消靜音
9.5.5 視頻結束播放的響應
9.5.6 更新視頻播放的時間
9.5.7 媒體元素API的其他一些功能
9.6 關于音頻
9.7 可訪問的媒體
第10個主題：HTML5中的圖像處理
10.1 加載圖像　
10.2 調整和裁剪圖像　
10.2.1 調整圖像大小　
10.2.2 裁剪圖像　
10.2.3 陰影　
10.3 圖像變形　
10.3.1 平移　
10.3.2 旋轉　
10.3.3 縮放與翻轉　
10.4 訪問像素值　
10.5 從零繪制圖像　
10.5.1 隨機繪制像素　
10.5.2 創建馬賽克效果　
10.6 基本圖像效果　
10.6.1 反轉顏色　
10.6.2 灰度　
10.6.3 像素化　
第11個主題：制作動畫　
11.1 畫布中的動畫　
11.2 創建動畫循環　
11.2.1 循環　
11.2.2 更新、清除、繪制
11.3 記憶要繪制的形狀
11.3.1 錯誤的方法
11.3.2 正確的方法
11.3.3 隨機產生形狀
11.4 改變方向
11.5 圓周運動
11.5.1 三角函數
11.5.2 綜合運用
11.6 反彈　
第12個主題：實現高級動畫
12.1 物理常識
12.1.1 什么是物理學
12.1.2 物理學對創建動畫有何作用
12.1.3 基本概念　
12.1.4 牛頓運動定律　
12.2 運用物理知識創建動畫　
12.2.1 準備工作　
12.2.2 速度　
12.2.3 添加邊界　
12.2.4 加速度　
12.2.5 摩擦力　
12.3 碰撞檢測　
12.3.1 碰撞檢測　
12.3.2 彈開物體　
12.3.3 動量守恒　
第13個主題：注意力游戲　
13.1　思路　
13.2　關鍵需求　
13.3　HTML5、CSS和JavaScript特性
13.3.1　表示撲克牌　
13.3.2　使用Date 確定時間　
13.3.3　提供暫停　
13.3.4　繪制文本　
13.3.5　繪制多邊形　
13.3.6　洗牌　
13.3.7　單擊牌的實現　
13.3.8　防止某些作弊行為　
13.4　構建自己的應用　
13.5　測試和上傳應用　
第14個主題：小行星游戲　
14.1 游戲概述　
14.2 核心功能　
14.2.1 創建HTML 代碼　
14.2.2 美化界面　
14.2.3 編寫JavaScript代碼　
14.3 創建游戲對象　
14.3.1 創建小行星　
14.3.2 創建玩家使用的火箭　
14.4 檢測鍵盤輸入　
14.4.1 鍵值　
14.4.2 鍵盤事件　
14.5 讓對象運動起來　
14.6 假造橫向卷軸效果　
14.6.1 循環利用小行星　
14.6.2 添加邊界　
14.6.3 讓玩家保持連續移動　
14.7 添加聲音　
14.8 結束游戲　
14.8.1 計分系統　
14.8.2 殺死玩家　
14.9 增加游戲難度

第三階段 企業級RIA技術