怎样制作一个H5页面

创建作品

登陆VXPLO互动大师网站，进入“我的作品”页面。点击创建作品，创建一个手机案例或PC案例。

添加素材

1、 工具栏中选中图片工具，在白色舞台里拖曳出一个对象框，确定图片大小与位置，便可添加素材，例如下图添加了一个唇印的图片。

2、 你还可以添加其他素材，例如文字、视频、音频等。

3、 对象树中也会出现唇印这个素材，我们可以通过对象树比较方便地管理素材。

添加事件

1、 在素材下添加事件，如下图，触发条件是点击，目标对象是唇印图片，目标动作是振动，时间为1秒。

2、 保存作品，点击菜单栏的预览按钮，或用手机扫描预览二维码，就可以观看效果了，点击唇印图片的时候，唇印就会振动。

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

分享作品

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

如果你有独特的创意想法，运用VXPLO互动大师，通过简单的几步设定完成一个微场景，打破生硬的动态图文，增加用户浏览时更有交互性和趣味性，在微信中快速传播。更多零代码做交互效果，可以查看VXPLO互动大师网站

h5如何制作网站

现在有很多h5响应式网站建设系统，这种直接制作h5网站，最方便，比如我们工作目前就有。

如果自己会开发，或者愿意折腾，使用主流的建站程序，如wordpress也可以制作h5

h5制作教程 h5的制作方法

1、在浏览器中搜索h5页面制作工具，会跳出很多的相关软件，都是可以制作的，这里用易企秀做为案例。

2、找到易企秀进入官网，有注册和登录两个方式，可以用微信、QQ、微博来登录或注册，或者用手机号来注册也行。

3、点击免费模板，就会出现一系列的模板出来。

4、在全部商品分类可以找到对应的行业模板，根据自己需要的选择。

5、也可以自己制作一个模板，点击新建一个模板，进入编辑页面。

6、点击单页模板可以选择页面的风格，需要添加的元素。

7、点击需要的页面封面拖动鼠标到页面位置就行了。

8、功能模板里添加你页面需要的功能插件。点击需要的插件按住不动拖动到你需要放置的地方就行了。

9、现成的模板只需点击需要修改的地方就行，详情如下步骤：选择一个模板点击进入，立即使用。跳出一个页面，出现我在逛逛和立即使用。

10、模板的编辑和工具的使用。文本是用来添加文字的图片、背景的设置都是相同的模式。可以运用平台上的图片和背景，也可以自己上传图片和背景。音乐的使用，可以使用平台上的，也可以自己上传需要的音乐。

11、上传的音乐在我的音乐里找到。形状的编辑，形状在一定的条件下可以起到意想不到的效果。组件的使用，比较实际的东西，能实现客户体验的目标。

12、做数据时能运用到，特效，产生不一样的视觉效果，所有的页面设计完成后可点击预览和设置。在预览和设置中预览最终的h5页面的手机端效果，可上下翻页点击设置更换标题、描述、封面。点击确定发布。