HTML5培訓課程
課程簡介:
????? HTML5的核心和力量到底在哪里到底在哪里?
????? HTML5真正的新特性是什么?
?????? 如何調試HTML5?
?????? HTML5開發框架PhoneGap背后的密碼是什么?
?????? HTML5中如何使用PUSH技術?
?????? HTML5中的Canvas到底有什么神奇的力量?
?????? HTML5的音視頻給多媒體開發帶來了怎樣的影響?
?????? HTML5的本地存儲、離線存儲、地理位置背后的密碼是什么?
?????? 如何使用CSS3帶來不可思議的用戶界面?
?????? 如果通過jQuery Mobile做出本地界面?
?????? jQuery Mobile如何PhoneGap結合?
?????? 如何調試HTML5?
本課程講徹底解答上述所有的問題,全部內容至簡而實,采用代碼驅動,把HTML5、CSS3、jQuery Mobile的秘密向您娓娓道來。
本課程涵蓋HTML5、CSS3、jQuery Mobile等一些列HTML5相關技術,重在強調代碼的實戰能力以及背后的原理分析。
掌握本課程后,能夠完全勝任任意需求的HTML3+CSS3+jQuery Mobile的Web開發。:
培訓目標:
掌握全新的HTML5+CSS3+jQuery Mobile構建全新的HTML5時代的Web應用
培訓對象:
?????? 傳統Web開發人員;
?????? 想學習HTML5+CSS3+jQuery Mobile人員;
培訓大綱:
第1個主題:HTML5技術和商業思考
1,1 HTML5的目標
1,2 無法拒絕使用HTML5的原因
1,3 可以放心使用HTML5的原因
?
第2個主題:HTML5的開發工具和調試工具、調試方法
2.1 開發工具及其思考;
2.2 如何調試HTML5?
2.3 調試HTML5的具體方法;
?
第3個主題:HTML5的模板和頁面結構
3,1? Doctype
3,2 html元素
3.3 head元素
3,4 header元素
3,5 section元素
3.6 article元素
3.7 nav元素
3.8 aside元素
3.9 footer元素
第4個主題:HTML5新增的元素
4.1 time元素和格式
4.2 pubdate屬性
4.3 hgroup元素
4.4 address元素
4.5 progress元素
4.6 meter元素
4.7 figure和figcaption元素
4.8 mark元素
4.9 details元素
4.10 script元素的async屬性
?
第5個主題:HTML5中的表單(一)
5.1 創建基礎的表單
5.2使用range 類型創建滑塊
5.3使用選值框處理數字
5.4日期控件
5.5 email 類型
5.6 url 類型
5.7 color 類型
5.8回退
5.9替換顏色選擇器
5.10 Modernizr
?
第6個主題:HTML5中的表單(二)
6.1使用autofocus 屬性定位第一個表單域元素
6.2使用placeholder 屬性進行提示
6.3簡單的注冊表單
6.4阻止自動完成
?
第7個主題:HTML5中的表單(三)
7.1賬戶表單
7.2持久化數據
7.3創建編輯頁面
?
8.1 filelist對象與file對象
8.2 blob對象
8.3 filereader接口
?
9.1 認識canvas元素
9.2 2D渲染上下文
9.2.1 坐標系統
9.2.2 訪問2D渲染上下文
9.3 繪制基本圖形和線條
9.3.1 線條
9.3.2 圓形
9.4 樣式
9.5 繪制文本
9.6 擦除Canvas
9.7 使Canvas填滿瀏覽器窗口
?
第10個主題: Canvas高級開發
10.1 保存和恢復繪圖狀態
10.1.1 畫布繪圖狀態是什么
10.1.2 保存繪圖狀態
10.1.3 恢復繪圖狀態
10.1.4 保存和恢復多個繪圖狀態
10.2 變形
10.2.1 平移
10.2.2 縮放
10.2.3 旋轉
10.2.4 變換矩陣
10.3 合成
10.3.1 全局阿爾法值
10.3.2 合成操作
10.4 陰影
10.5 漸變
10.6 復雜路徑
10.7 將畫布導出為圖像
11.1發展歷程
11.2 目前狀況
11.2.1 視頻容器格式
11.2.2 視頻編解碼器
11.2.3 音頻編解碼器
11.2.4 當前瀏覽器使用哪種組合
11.3 標記
11.3.1 啟用本機控件
11.3.2 autoplay屬性
11.3.3 loop屬性
11.3.4 preload屬性
11.3.5 poster屬性
11.3.6 audio屬性
11.3.7 添加對多種視頻格式的支持
11.3.8 資源順序
11.3.9 關于Internet Explorer 6~8
11.3.10 MIME類型
11.4 用于網絡的視頻文件解碼
11.5 創建自定義控件
11.5.1 讓我們從一些標記和設計開始
11.5.2 介紹媒體元素API
11.5.3 播放和暫停視頻
11.5.4 視頻音軌的靜音與取消靜音
11.5.5 視頻結束播放的響應
11.5.6 更新視頻播放的時間
11.5.7 媒體元素API的其他一些功能
11.6 關于音頻
11.7 可訪問的媒體
第12個主題:CSS3實戰
12.1 改進舊版瀏覽器
12.2 CSS3選擇器
17.2.1 關系選擇器
17.2.2 屬性選擇器
17.2.3 偽類
17.2.4 結構化偽類
17.2.5 偽元素和生成的內容
12.3 CSS3顏色
17.3.1 RGBA
17.3.2 HSL和HSLA
17.3.3 不透明度
17.4 實際應用
12.5 圓角:border-radius
12.6 投影
12.7 文本陰影
12.8 更多陰影
第13個主題:CSS3漸變和多背景
13.1 線性漸變
13.1.1 W3C語法
13.1.2 舊WebKit語法
13.1.3 實際應用
13.1.4 使用SVG的線性漸變
13.1.5 使用Internet Explorer濾鏡的線性漸變
13.1.6 便捷的工具
13.2 徑向漸變
18.2.1 W3C語法
18.2.2 舊WebKit語法
18.2.3 實際應用
13.3 重復漸變
13.4 多背景圖像
13.5 背景大小
第14個主題:CSS3轉換和過渡
14.1 轉換
14.2 過渡
14.3 動畫
第15個主題:徹底洞悉jQuery Mobile
15.1 jQuery Mobile設計的技術思考和商業思考
15.2 jQuery Mobile入門初體驗;
15.3 使用頁眉、工具欄和標簽欄;
15.4 jQuery Mobile中的表單和按鈕;
15.5 jQuery Mobile中的列表;
15.6 jQuery Mobile和CSS結合;
15.8 jQuery Mobile的API
15.9 和服務器集成;
15.10 jQuery Mobile和HTML5開發框架PhoneGap結合;
?
17.1 離線web應用程序
17.2 新增的本地緩存
17.3 本地緩存與瀏覽器網頁緩存的區別
17.4 manifest文件
17.5 瀏覽器與服務器的交互過程
17.6 applicationcache對象
17.7 swapcache方法
17.8 applicationcache對象的事件
?
18.1 跨文檔消息傳輸
18.2 跨文檔消息傳輸示例
18.3 web sockets通信
18.4 使用web sockets api
18.5 web sockets api使用示例
18.6 發送對象
?
第19個主題:
使用web workers處理線程
?
第20個主題:獲取地理位置信息
20.1 geolocation api的基本知識
20.2 取得當前地理位置
20.3 持續監視當前地理位置的信息
20.4停止獲取當前用戶的地理位置信息
20.5 position對象
20.6在頁面上使用google地圖