課程介紹： 　　 HTML5 是目前為流行的前端網(wǎng)頁(yè)構(gòu)建技術(shù)，提供了廣泛而豐富的 API為制作內(nèi)容豐富的網(wǎng)頁(yè)提供了良豐富的技術(shù)支撐，艾威Avtechcn（中國(guó)）HTML5與移動(dòng)網(wǎng)頁(yè)開(kāi)發(fā)培訓(xùn)課程將結(jié)合移動(dòng)網(wǎng)頁(yè)開(kāi)發(fā)特點(diǎn)，介紹如何使用 HTML5 這些豐富的 API 來(lái)實(shí)現(xiàn)移動(dòng)互聯(lián)網(wǎng)時(shí)代的網(wǎng)頁(yè)開(kāi)發(fā)與設(shè)計(jì)。 課程大綱： 　　新的頁(yè)面組織標(biāo)記: 　　HTML5 中從應(yīng)用角度出發(fā)提供了許多新的網(wǎng)頁(yè)標(biāo)記，專(zhuān)門(mén)用于定位各種網(wǎng)頁(yè)內(nèi)容，本節(jié)課程我們將介 　　紹這些新標(biāo)記，并說(shuō)明如何使用這些新標(biāo)記來(lái)組織你自己的文檔結(jié)構(gòu) 　　智能表單設(shè)計(jì)： 　　數(shù)據(jù)提交從來(lái)都是 web 應(yīng)用設(shè)計(jì)中的重要部分，而其中的數(shù)據(jù)格式驗(yàn)證等功能需要腳本的輔助，HTML5 　　為了解決這一問(wèn)題提供了一些新的表單樣式工具，為開(kāi)發(fā)者開(kāi)發(fā)更智能的表單輸入提供了良好支持，本 　　節(jié)課程著重于介紹如何制作這樣一個(gè)智能表單 　　引入多媒體對(duì)象： 　　在網(wǎng)頁(yè)當(dāng)中播放多媒體對(duì)象長(zhǎng)期以來(lái)一直都是多媒體控件的專(zhuān)利，從 HTML5 開(kāi)始，HTML 標(biāo)記中也可以 　　引入多媒體音頻和視頻，如何應(yīng)用這些新標(biāo)記讓自己的網(wǎng)頁(yè)內(nèi)容更豐富呢，本節(jié)課程將帶大家制作一個(gè) 　　簡(jiǎn)單的多媒體應(yīng)用，來(lái)分享這一特性 　　Canvas 對(duì)象你的畫(huà)布: 　　網(wǎng)頁(yè)中直接繪制圖表也曾經(jīng)是控件壟斷的天下，各種圖報(bào)表的繪制曾經(jīng)困擾著廣大開(kāi)發(fā)者，現(xiàn)在 HTML5 　　中引入了原生的圖形繪制工具，可以讓你在 HTML 代碼中直接繪制圖表，本節(jié)課程將介紹如何使用這一 　　功能 　　擴(kuò)展圖形標(biāo)記 　　本節(jié)課程介紹一些新的圖形繪制方式和對(duì)象，幫助開(kāi)發(fā)者更好的繪制自己的圖形應(yīng)用 　　HTML5 中的地理應(yīng)用 　　LBS（Location Based Service）是基于位置的服務(wù)縮寫(xiě)，LBS 應(yīng)用目前已經(jīng)成為了移動(dòng)互聯(lián)網(wǎng)時(shí)代的新興 　　的重要應(yīng)用。HTML5 中提供了對(duì) LBS 的天然支持，可以讓用戶方便的開(kāi)發(fā)出基于地理位置的網(wǎng)頁(yè)應(yīng) 　　用。本節(jié)課程介紹如何使用這一特性 　　獨(dú)立數(shù)據(jù)存儲(chǔ) 　　Web 應(yīng)用中也需要在用戶端存儲(chǔ)一些數(shù)據(jù)，從 HTML5 開(kāi)始，這個(gè)存儲(chǔ)功能不再僅限于存儲(chǔ)一些簡(jiǎn)單的 　　文本信息，HTML5 提供了豐富的存儲(chǔ)功能，開(kāi)發(fā)者可以把更復(fù)雜的數(shù)據(jù)類(lèi)型保存在用戶端，本節(jié)課程將 　　要以一個(gè)實(shí)例來(lái)介紹如何在用戶端存儲(chǔ)用戶數(shù)據(jù) 　　新的網(wǎng)絡(luò)連接技術(shù) 　　Web 應(yīng)用中經(jīng)常需要做一些異步交互，此次 HTML5 中專(zhuān)門(mén)提供了用于在后臺(tái)取回?cái)?shù)據(jù)的連接對(duì)象，本 　　節(jié)課程介紹如何使用這一連接對(duì)象進(jìn)行工作 　　Web Workers 　　Web 開(kāi)發(fā)中經(jīng)常需要大量的交互式腳本，其中一些腳本耗時(shí)費(fèi)力，影響響應(yīng)時(shí)間，降低用戶體驗(yàn)，為了 　　解決這一問(wèn)題 HTML5 提供了一個(gè)獨(dú)立線程，專(zhuān)門(mén)用于在后臺(tái)運(yùn)行各種腳本，大大提高了用戶響應(yīng)，這 　　就是本節(jié)課程介紹的 Web Worker 技術(shù)。本節(jié)課程通過(guò)兩個(gè)例子說(shuō)明這一技術(shù)的優(yōu)勢(shì)。為廣大開(kāi)發(fā)者開(kāi) 　　發(fā)具有良好性能的 Web 應(yīng)用提供幫助。 　　CSS3 技術(shù) 　　CSS3 概述 　　CSS 簡(jiǎn)史 　　CSS3 新特點(diǎn) 　　CSS 基礎(chǔ)簡(jiǎn)述 　　盒子模型 　　float 排版 　　position 定位 　　固定寬度且居中的布局 　　實(shí)例：一鍵換膚 　　CSS3 媒體支持 　　處理不同屏幕的排版 　　實(shí)例：ipad 橫豎屏 　　CSS3 透明度 　　不同瀏覽器的兼容問(wèn)題 　　塊透明與文字透明 　　外引字體 　　字體的重要性