广州酷顶网络HTML5基础知识培训课件重点.ppt

HTML5基础知识 2015.10.8 01 HTML5 将给企业带来什么 02 现阶段微信H5游戏的特点 03 细分HTML5技术 04 HTML5利与弊 05 HTML5的未来趋向 1 HTML5 将给企业带来什么 1.HTML5 将给企业带来什么 一 .改变企业网络广告的模式与分布 HTML5 网页的多媒体特性、三维、图形及特效，超炫的浏览体验， 将成为网络广告的新宠，因为 Flash 能做的事情，HTML5 也可以做到，而且做得更好。未来，企业网络广告的模式和分布将因 HTML5 而改变， Flash 广告将逐步被 HTML5 所替代。而更多更丰富的互联网广告也会在移动端涌现。 二 .帮助企业构建应用平台 HTML5 与移动互联网现在如胶如漆。HTML5 具有的本地存储功能、设备兼容性、地理位置信息等特性，非常适用于移动开发。“自适应网页设计”，可使每个网页自动适应不同的屏幕，根据屏幕大小自动调整布局。因此，可以构建 Web APP 应用平台。除了展示品牌形象，还可以集成微信、微博、短信、在线客服、CRM 系统等多平台接口，将数据汇聚，形成移动端的统一入口。进一步扩展出互动营销、会员管理乃至移动商城等复杂应用。 2 现阶段微信H5游戏的特点 2.现阶段微信H5游戏的特点 1，速时 游戏要1分钟甚至是30秒内可以玩完，神经猫，疯狂手指，数钞票，房祖名无不属于这类。疯狂手指甚至短到了10秒，如果在网上搜，可以搜到10秒600次的视频。 2，简单 到迄今为止能火的都是快餐类游戏，特别为开发人员所不屑。但现在轻游戏几百款传播量最大的都是不需什么智商的游戏，基本上都是虐心的小游戏，传播效果很好，这是现实。这点很多人也都意识到了，就不多说了。 4,抓热点/拼创意 疯狂手指创意来自于一个工程师，另一工程师开发1个小时上线，第二天就达近千万流量，创意爆款可遇不可求。房祖名，冰桶则是抓热点事件，通过疯狂手指，黑白格，找你妹等游戏变化得出，对实事热点的包装是更靠谱的一条路。这是运营、市场所擅长的事，或者头脑风暴也不是不可以。这点的要素是——及时。不及时无价值。 5)种子流量 最早的《神经猫》、《看你有多色》等实现朋友圈“病毒式传播”的H5游戏，都实现了超过千万IP的访问，虽然微信基于用户体验的考虑，主动限制H5游戏传播。但事实上，标准目前很模糊，只知道游戏访问量大的时候会被注意到。而且微信还未提供H5页面游戏的统一入口，未来不排除微信提供统一的后台操作。 3 细分HTML5技术 3.细分HTML5技术 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。 简单来说，HTML5是下一代Web语言，它不再只是一种标记语言，它为下一代 Web 提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化，从而使Web 能够轻松实现类似桌面的应用体验。 HTML最新版本、CSS3、Javascript、Node.js等新型技术的总称,简称H5。 H5核心技术例子： 1.移动页面自适应（css3） 2.百威附近的店（地理定位） 3.百威刮刮卡,工行跑步（canvas） 4.百威拼座（AJAX） 5.百威猜歌（Audio/Video） 6.3D效果（css3立体效果）本地文件 7.拖放（HTML拖放）本地文件 8.色板选择（input色板选择）本地文件 4 HTML5利与弊 4.HTML5利与弊。 总结概括HTML5有以下优点： 1、提高可用性和改进用户的友好体验； 2、有几个新的标签，这将有助于开发人员定义重要的内容； 3、可以给站点带来更多的多媒体元素(视频和音频)； 4、可以很好的替代FLASH； 5、当涉及到网站的抓取和索引的时候，对于SEO很友好； 6、将被大量应用于移动应用程序和游戏； 7、可移植性好，可跨平台使用。 缺点： 1. HTML5游戏的生命周期短，粘性差，传播率快但用户留存率不高。”与此同时，越来越多企业客户善于利用HTML5游戏进行营销传播。 2.该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。但是移动端完全不存在这个问题 5 HTML5的未来趋向 5.HTML5的未来趋向 1、移动设备优先 从如今层出不穷的移动应用就知道，在这个智能手机和将平板电脑大爆炸的时代，移动优先已成趋势，不管是开发什么，都以移动为主。 2、游戏开发者领衔“主演” 许多游戏开发商都被Facebook或