廣州酷頂網(wǎng)絡(luò)HTML5基礎(chǔ)知識(shí)培訓(xùn)課件

1、HTML5基礎(chǔ)知識(shí)2015.10.801HTML5 將給企業(yè)帶來(lái)什么02現(xiàn)階段微信H5游戲的特點(diǎn)03細(xì)分HTML5技術(shù)04HTML5利與弊05HTML5的未來(lái)趨向1HTML5 將給企業(yè)帶來(lái)什么1.HTML5 將給企業(yè)帶來(lái)什么 一 .改變企業(yè)網(wǎng)絡(luò)廣告的模式與分布 HTML5 網(wǎng)頁(yè)的多媒體特性、三維、圖形及特效，超炫的瀏覽體驗(yàn)， 將成為網(wǎng)絡(luò)廣告的新寵，因?yàn)?Flash 能做的事情，HTML5 也可以做到，而且做得更好。未來(lái)，企業(yè)網(wǎng)絡(luò)廣告的模式和分布將因 HTML5 而改變， Flash 廣告將逐步被 HTML5 所替代。而更多更豐富的互聯(lián)網(wǎng)廣告也會(huì)在移動(dòng)端涌現(xiàn)。二 .幫助企業(yè)構(gòu)建應(yīng)用平臺(tái) HTML

2、5 與移動(dòng)互聯(lián)網(wǎng)現(xiàn)在如膠如漆。HTML5 具有的本地存儲(chǔ)功能、設(shè)備兼容性、地理位置信息等特性，非常適用于移動(dòng)開(kāi)發(fā)?！白赃m應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”，可使每個(gè)網(wǎng)頁(yè)自動(dòng)適應(yīng)不同的屏幕，根據(jù)屏幕大小自動(dòng)調(diào)整布局。因此，可以構(gòu)建 Web APP 應(yīng)用平臺(tái)。除了展示品牌形象，還可以集成微信、微博、短信、在線客服、CRM 系統(tǒng)等多平臺(tái)接口，將數(shù)據(jù)匯聚，形成移動(dòng)端的統(tǒng)一入口。進(jìn)一步擴(kuò)展出互動(dòng)營(yíng)銷、會(huì)員管理乃至移動(dòng)商城等復(fù)雜應(yīng)用。2現(xiàn)階段微信H5游戲的特點(diǎn)3細(xì)分HTML5技術(shù)3.細(xì)分HTML5技術(shù)萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改。簡(jiǎn)單來(lái)說(shuō)，HTML5是下一代Web語(yǔ)言

3、，它不再只是一種標(biāo)記語(yǔ)言，它為下一代 Web 提供了全新的框架和平臺(tái)，包括提供免插件的音視頻、圖像動(dòng)畫(huà)、本體存儲(chǔ)以及更多酷炫而且重要的功能，并使這些應(yīng)用標(biāo)準(zhǔn)化，從而使Web 能夠輕松實(shí)現(xiàn)類似桌面的應(yīng)用體驗(yàn)。 HTML最新版本、CSS3、Javascript、Node.js等新型技術(shù)的總稱,簡(jiǎn)稱H5。H5核心技術(shù)例子： 1.移動(dòng)頁(yè)面自適應(yīng)（css3） 2.百威附近的店（地理定位） 3.百威刮刮卡,工行跑步（canvas） 4.百威拼座（AJAX） 5.百威猜歌（Audio/Video） 6.3D效果（css3立體效果）本地文件 7.拖放（HTML拖放）本地文件 8.色板選擇（input色板選擇）

4、本地文件 4.HTML5利與弊。 總結(jié)概括HTML5有以下優(yōu)點(diǎn)：1、提高可用性和改進(jìn)用戶的友好體驗(yàn)；2、有幾個(gè)新的標(biāo)簽，這將有助于開(kāi)發(fā)人員定義重要的內(nèi)容；3、可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻)；4、可以很好的替代FLASH；5、當(dāng)涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好；6、將被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲；7、可移植性好，可跨平臺(tái)使用。缺點(diǎn)：1. HTML5游戲的生命周期短，粘性差，傳播率快但用戶留存率不高?！迸c此同時(shí)，越來(lái)越多企業(yè)客戶善于利用HTML5游戲進(jìn)行營(yíng)銷傳播。2.該標(biāo)準(zhǔn)并未能很好的被瀏覽器所支持。因新標(biāo)簽的引入，各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式，造成用戶體驗(yàn)不佳。但是移動(dòng)端完全不存在這個(gè)問(wèn)題5HTML5的未來(lái)趨向5.HTML5的未來(lái)趨向1、移動(dòng)設(shè)備優(yōu)先從如今層出不窮的移動(dòng)應(yīng)用就知道，在這個(gè)智能手機(jī)和將平板電腦大爆炸的時(shí)代，移動(dòng)優(yōu)先已成趨勢(shì)，不管是開(kāi)發(fā)什么，都以移動(dòng)為主。2、游戲開(kāi)發(fā)者領(lǐng)銜“主演”許多游戲開(kāi)發(fā)商都被Facebook或者Zynga推動(dòng)著發(fā)展，而未來(lái)的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺(tái)開(kāi)發(fā)出游戲非常困難，但游戲開(kāi)發(fā)商卻都愿意那么做。通過(guò)PhoneGap及app