• html5高級應用開發培訓
  html5高級應用開發培訓
  ?
  課程簡介：
  HTML 5不僅僅是一次版本的升級，它代表了Web發展的方向，是開發者的未來，是新一代Web技術的標準。它在大程度上完成了富Web應用的本地化，消除瀏覽器對插件的依賴；優秀的錯誤處理系統，使頁面捕獲錯誤更加靈活與高效；對本地離線存儲的更好支持，使開發Web離線應用程序更加方便與快捷；眾多新增的頁面標記，將給用戶的視角與交互帶來煥然一新的體驗。
  本課程以HTML 5基礎為主線，先從新增特征講起，然后，通過實例與理論相結合的方式，深入淺出地介紹了關于HTML 5在Web開發中方方面面的功能與技巧。
  課程特點：
  - 本課程從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 多線程處理數據的方法
  ?
• 
  ?
  ?

?
?

?

?

?

?

?
?

?
?

?

?

?

?
???

?

?
?

?

?