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

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

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

3、，它不再只是一種標(biāo)記語言，它為下一代 Web 提供了全新的框架和平臺，包括提供免插件的音視頻、圖像動畫、本體存儲以及更多酷炫而且重要的功能，并使這些應(yīng)用標(biāo)準化，從而使Web 能夠輕松實現(xiàn)類似桌面的應(yīng)用體驗。 HTML最新版本、CSS3、Javascript、Node.js等新型技術(shù)的總稱,簡稱H5。H5核心技術(shù)例子： 1.移動頁面自適應(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)點：1、提高可用性和改進用戶的友好體驗；2、有幾個新的標(biāo)簽，這將有助于開發(fā)人員定義重要的內(nèi)容；3、可以給站點帶來更多的多媒體元素(視頻和音頻)；4、可以很好的替代FLASH；5、當(dāng)涉及到網(wǎng)站的抓取和索引的時候，對于SEO很友好；6、將被大量應(yīng)用于移動應(yīng)用程序和游戲；7、可移植性好，可跨平臺使用。缺點：1. HTML5游戲的生命周期短，粘性差，傳播率快但用戶留存率不高。”與此同時，越來越多企業(yè)客戶善于利用HTML5游戲進行營銷傳播。2.該標(biāo)準并未能很好的被瀏覽器所支持。因新標(biāo)簽的引入，各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式，造成用戶體驗不佳。但是移動端完全不存在這個問題5HTML5的未來趨向5.HTML5的未來趨向1、移動設(shè)備優(yōu)先從如今層出不窮的移動應(yīng)用就知道，在這個智能手機和將平板電腦大爆炸的時代，移動優(yōu)先已成趨勢，不管是開發(fā)什么，都以移動為主。2、游戲開發(fā)者領(lǐng)銜“主演”許多游戲開發(fā)商都被Facebook或者Zynga推動著發(fā)展，而未來的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺開發(fā)出游戲非常困難，但游戲開發(fā)商卻都愿意那么做。通過PhoneGap及app