怎样制作一个H5页面?
来自:ldoes
H5页面或称微场景是当下在微信中传播量最大,传播面最广的一种形式。下面给大家介绍借助VXPLO互动大师这一个在线制作工具,轻松制作出酷炫的微信H5页面。 第一步:创建作品 登陆VXPLO互动大师网站,进入“我的作品”页面。点击创建作品,创建一个手机案例或PC案例。


第二步:添加素材 1、 工具栏中选中图片工具,在白色舞台里拖曳出一个对象框,确定图片大小与位置,便可添加素材,例如下图添加了一个唇印的图片。 2、 你还可以添加其他素材,例如文字、视频、音频等。 3、 对象树中也会出现唇印这个素材,我们可以通过对象树比较方便地管理素材。

第三步:添加事件 1、 在素材下添加事件,如下图,触发条件是点击,目标对象是唇印图片,目标动作是振动,时间为1秒。 2、 保存作品,点击菜单栏的预览按钮,或用手机扫描预览二维码,就可以观看效果了,点击唇印图片的时候,唇印就会振动。


*如此三步就可以完成一个简单的H5页面动态效果。当然,VXPLO互动大师还可以制作非常有趣复杂的效果,配合计数器、时间轴、滑动时间轴、动效等组件来使用,可以制作更多酷炫的H5页面哦!

第四步:分享作品 回到我的作品页面,点击分享按钮,可以把这个地址分享给朋友,或者扫描二维码,在手机上观看,还可以分享到微信朋友圈。


如果你有独特的创意想法,运用VXPLO互动大师,通过简单的几步设定完成一个微场景,打破生硬的动态图文,增加用户浏览时更有交互性和趣味性,在微信中快速传播。更多零代码做交互效果,可以查看VXPLO互动大师网站http://www.vxplo.cn/。
你的回复
回复请先 登录 , 或 注册相关内容推荐
最新讨论 ( 更多 )
- 怎样把PPT导入微信,还可以滑动翻页查看? (ldoes)
- HTML5工具做屏幕自适应(即感应式设计)的几种方法 (flying)
- 行业大搜查,免代码HTML5制作工具分类简报 (flying)
- 听孟智平聊聊H5的那点事儿 (flying)
- 怎样使用你的微信公共账号分享互.动大师作品 (flying)