大阳城娱乐网址

您的位置:网站建设 > 微信营销 > 当PPT遇到H5,强大超乎你的想象

当PPT遇到H5,强大超乎你的想象

日期:2018-06-12 09:16 阅读:272 来源:

 H5 是什么?


小程序开发企业先带大家科普一下,HTML5并不是一项技术,而是一个标准。


 标准的意思就是:学生准则手册。你可以按照准则做,甚至可以超出准则更加严格的要求自己,也可以不按照准则来,但是会被老师训斥小伙伴讨厌,别人都不找你玩,就像IE6一样。


  那HTML5这些标准浏览器厂商到底姿持不姿持呢?这要看他们各自的尿性了。像chrome这种不仅在很多标准上支撑的非常好,还积极上进很多地方超出了标准,支撑一些标准中还是草案的部分。


  所以其实要么大家是作为理论派讨论HTML5标准,要么是作为实践派讨论HTML5标准在某浏览器的应用。但是实际上大家在说到H5的时候,并不是指标准,也不是指标准的应用,而是一个硬生生造出来的奇怪概念合集,所以我是旗帜鲜明的反对这个称呼的。


  最近一年的时间,我主要靠这个东西养家(并没有家)糊口。所以我是懂得甲方打电话过来询问,“你是不是会做H5开发?”的时候,我知道他们要的是那种可以在朋友圈分享的,看起来很酷炫的小页面,他们实际要的东西拆开来看大概包括以下技术点;  


1. 页面素材预加载技术,可以使用createJS之中的preloadJS。我没有看preloadJS的源码,不过预加载并不是HTML5标准中更新的方法。 


2. 音乐加载播放技术,createJS中同样有soundJS可以实现,而且这部分说起来确实是HTML5标准支撑的内容,在上个时代并没有audio这样的标签。 


3.可以滑动的页面,大多数是用了swiper.js这个Jquery插件,也有一些是手写的swipe,比较拙劣的手写版页面是不会跟手滑动的,其中touchstart等四个touch系列的事件是HTML5标准中的事件 


4.可以涂抹擦除,多半是canvas叠加层,canvas是HTML5标准里面的标签,是代表了先进生产力的标签。 


5.有动态的文字和图片,常见的是使用了css3或者直接使用js动画。很多时候提到HTML5多半还会带上CSS3,而CSS的分级又是另外的一个问题了,在不同的项目标准上,CSS会独立定级,以后应该不会有CSS4这个东西,所以大家也不用担心在H5以后又冒出来了C4(不过真是想用C4炸死那些每天把H5挂在嘴上的人) 


6.可以填表报名,这是最基本的表单,是有网页以来就有的东西。 


7.可以支撑分享自定义的文案和图片,这个是用到了微信的jssdk,和HTML标准半毛钱关系都没有。 


8.还有其他我想起来再补充的。  所以大家在谈论H5的时候,实际上是一个解决方案,一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签,canvas,拖拽特性,本地存储,websocket通信,同时也包括了盒模型,包括绝对定位,包括一切前端的基本常识。


  H5页面有什么用?电子邀请函、活动宣传、节日贺卡......有没有想过微传单也可以做PPT?和PPT不一样,ppt多适用在正式的集体场合,而H5页面由于依附手机适用,所以它的适用场合也更为多样,但两者都具有展示用途。大家可以用制作PPT的思维制作H5页面,当然可以用京城网事的H5页面代替部分内容简练的PPT。但是如果真的想用H5制作PPT,需要注意下面几点。


如何制作H5页面


  1、展示内容


  H5页面可以代替部分ppt展示,主要是指内容简练,如人物先容、活动先容等简单的、不需要大幅说明的内容。


  2、整体篇幅


  H5页面和PPT的最大不同就在篇幅,H5页面因为是通过手机观看,而绝大部分用户都已经习惯“精简短小”的信息,如果内容不是十分出众,用户很少会看完一个长篇幅的微传单,更别提分享出去。


  3、字数


  H5页面表述产品信息最基本的状态是突出重点。虽然H5页面的追求“短小”,但是和PPT一样,整体框架需要清晰条理,才能正确引导用户阅读。而对制编辑的要求就在于,用最少的字数向用户传达内容重点、产品卖点。


  4、动画适当


  H5页面的一大亮点:各种动画效果。和PPT一样,在画面转换、文字图片进入增加动画效果能使视觉效果更为出色。但是如果照搬PPT的动画效果,由于手机画面较小,在视觉效果上也会引起用户注意力被动画效果吸引,造成画面混乱的情况。


   如果想要获得更详细的制作步骤,可以阅读如何制作H5页面教程。



TAG标签: 小程序 网站建设 网站优化 微信吸粉 网站设计 外贸网站建设 模板网站建设 网页制作 企业网站 SEO优化
更多>>相关文章
no cache
Processed in 0.273083 Second.
XML 地图 | Sitemap 地图