首页技术文章正文

网络营销培训之移动端H5页面制作技巧

更新时间:2017-08-28 来源:黑马程序员网络营销培训学院 浏览量:

 
2014年开始,h5页面成为了移动营销的利器,但是H5页面的制作,需要学习HTML5+CSS3+Javascript,学习内容多,难度系数较高,使很多人望而却步。
 
借助微场景、微画报制作工具,小白们也能快速制作出各种画风的移动端H5页面。市面上的H5制作工具包括,初页、MAKA、云米、秀制作、点点客海报、兔展、易企秀、品趣等制作工具,功能大同小异。以易企秀为例,和大家分享一下制作的一些小技巧和注意事项。
 
1. 使用chrome打开易企秀官方网站(http://www.eqxiu.com/),chrome对h5页面的支持效果最好,便于效果的测试。
 
2. 注册之后,进入后台,创建场景,可直接选择合适的模板创建,只需替换模板的名称和其中的文字、图片即可。但这样的页面,相似度太高,不适应对页面有一定设计和原创要求的客户。如图所示:
3.背景音乐,可以增加页面气氛,背景音乐采用的是MP3格式,一般大小不要超过500k,音乐过大,下载时间会比较长,影响用户的浏览体验,也达不到预期的效果。
 
4.为了做出个性的场景,我们需要选择自主创建。再制作H5页面之时,我们要尽可能的使用工具自带的字体和效果,这样可以节省浏览者打开速度,同时节约流量。
 
5.H5页面可以插入视频,但是只支持通用码,选择的视频一定不要过大,一些短小的视频,更适合手机浏览者的浏览习惯。
 
6.动画是H5页面做出炫酷效果的重要组成部分,易企秀给用户提供了丰富的动画效果,选中对象,点击右键,出现动画面板,方式和方向大家可以自由选择。如果想做出一直循环的动画,可勾选“次数”后边的“循环”,这样动画效果会一直循环播放。
 
7.易企秀还提供了电话组件功能,点击电话按钮,提供一键拨号的功能,方便和客户的沟通。
 
 
页面还给制作者提供了互动功能,点击模板“互动”版块,可以直接添加互动,其中有报名表、留言、联系3种选项。
 
以上就是我分享的用易企秀制作页面的一些经验和心得,希望能够帮助到大家。


本文版权归黑马程序员网络营销培训学院所有,欢迎转载,转载请注明作者出处。谢谢!
作者:黑马程序员网络营销培训学院
首发:http://netmaket.itheima.com/
分享到:
在线咨询 我要报名
和我们在线交谈!