課程簡(jiǎn)介：
HTML 5不僅僅是一次版本的升級(jí)，它代表了Web發(fā)展的方向，是開(kāi)發(fā)者的未來(lái)，
是新一代Web技術(shù)的標(biāo)準(zhǔn)。它在最大程度上完成了富Web應(yīng)用的本地化，消除
瀏覽器對(duì)插件的依賴；優(yōu)秀的錯(cuò)誤處理系統(tǒng)，使頁(yè)面捕獲錯(cuò)誤更加靈活與高效；
對(duì)本地離線存儲(chǔ)的更好支持，使開(kāi)發(fā)Web離線應(yīng)用程序更加方便與快捷；眾多新
增的頁(yè)面標(biāo)記，將給用戶的視角與交互帶來(lái)煥然一新的體驗(yàn)。
本課程以HTML 5基礎(chǔ)為主線，先從新增特征講起，然后，通過(guò)實(shí)例與理論相結(jié)
合的方式，深入淺出地介紹了關(guān)于HTML 5在Web開(kāi)發(fā)中方方面面的功能與技巧。
課程特點(diǎn)：
- 本課程從HTML 5基礎(chǔ)的功能講起，起點(diǎn)低，容易入手和掌握。
- 理論與實(shí)例完整結(jié)合，每一個(gè)概念都精選了一個(gè)完整的實(shí)例，增強(qiáng)學(xué)員動(dòng)手能力。
- HTML 5知識(shí)完整全面，每一塊知識(shí)點(diǎn)都包含了HTML 5的全部?jī)?nèi)容和最前沿技術(shù)。
課程中要逐一解決的問(wèn)題 ：
- 學(xué)習(xí)HTML5全部的新功能。
- 學(xué)會(huì)如何在Web頁(yè)面開(kāi)發(fā)中運(yùn)用HTML5標(biāo)簽開(kāi)發(fā)頁(yè)面。
- 掌握在頁(yè)面中使用HTML 5實(shí)現(xiàn)視頻與音頻的顯示與功能開(kāi)發(fā)。
- 了解通過(guò)HTML5 中的Canvas基本使用功能。
- 理解HTML 5中本地?cái)?shù)據(jù)存儲(chǔ)的方法與技巧。
?
課程內(nèi)容：
Topic 1?
HTML5簡(jiǎn)介 |
1.1? 一個(gè)簡(jiǎn)單的HTML 5頁(yè)面
1.1.1 搭建瀏覽環(huán)境
1.1.2 使用新的HTML 5結(jié)構(gòu)化元素
1.1.3 編寫基礎(chǔ)HTML 5代碼
1.2 HTML 5頁(yè)面的特征
1.2.1 應(yīng)用全新的HTML5元素結(jié)構(gòu)化元素
1.2.2 使用CSS文件美化頁(yè)面元素
1.2.3 HTML 5 與HTML 4的區(qū)別 |
Topic 2 ?
HTML 5中的文件 |
2.1.選擇文件
2.1.1 選擇單個(gè)文件
2.1.2 選擇多個(gè)文件
2.1.3 使用blob對(duì)象獲取文件的類型與大小
2.2.讀取與拖放文件
2.2.1 FileReader 接口
2.2.2 使用FileReader方法預(yù)覽圖片文件
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? 媒體播放時(shí)的方法??????
3.2.2? canPlayType 方法 |
Topic 4?
HTML 繪畫基礎(chǔ) |
4.1畫布的基礎(chǔ)知識(shí)
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 畫布的其他應(yīng)用
4.3.1 繪制文字
4.3.2 保存與還原及輸出圖形
4.3.3 制作簡(jiǎn)單動(dòng)畫 |
Topic 5?
HTML 5中的數(shù)據(jù)存儲(chǔ) |
5.1 Web Storage的基本概念
5.1.1 sessionStorage對(duì)象
5.1.2 localStorage對(duì)象
5.1.3清空l(shuí)ocalStorage數(shù)據(jù)
5.2.Web Storage API
5.2.1遍歷localStorage數(shù)據(jù)
5.2.2使用 JSON對(duì)象存取數(shù)據(jù)
5.2.3 管理localStorage數(shù)據(jù) |
Topic 6 ?
其它應(yīng)用API |
6.1 Web Sockets API
6.1.1 postMessage方法
6.1.2 使用WebSocket 傳送數(shù)據(jù)
6.1.3 使用WebSocket 傳送JSON對(duì)象
6.2 Web Workers API
6.2.1 Worker對(duì)象處理線程的簡(jiǎn)單示例
6.2.2 使用線程傳遞JSON對(duì)象
6.2.3 多線程處理數(shù)據(jù)的方法 |
?
首頁(yè) 課程表 在線聊 報(bào)名 講師 品牌 QQ聊 活動(dòng) 就業(yè)