如何制作一个H5页面啊？求各位大神指点指点

Answer 1

您好，可以使用意派H5工具，登陆官网，点击切换工作台工作台

新建作品

点击“+”号新建作品，工作台会多一个“微信作品”，在此处可以设置封面／标题／描述

注意事项：回收站里的作品彻底删除后无法找回。

2.编辑内容

添加页面／添加组件／元素选中／使用资源管理器，选中指定元素／编辑样式／给元素添加动效或动画等

注意事项：内容编辑完毕后，不要轻易删除素材库中的素材，否则发布的作品中无法显示删除的图片及音视频。

3.预览方式

三种预览方式

预览窗口预览：方便随时预览，但对于个别非显示效果的预览无法查看；

预览全部：在网页中预览。除了预览窗口中可以实现的，还可预览一些交互效果；

手机预览：扫描二维码，最佳预览方式，跟发布后的作品效果一致。

注意事项：一定不要把预览用的网址／二维码，用作发布推广的网址／二维码。

4.发布作品

（1）发布前编辑发布信息

选择编辑器右侧作品信息属性面板：编辑作品名称／作品属性／身份授权／翻页提示／循环翻页——用户是否授权——嵌入统计代码——编辑器界面左上角发布——发布设置中修改微信分享缩略图——微信开发者信息必须设置，否则不能显示个人的分享缩略图跟分享短语。

（2）作品发布生成链接跟二维码的方式有两种：

a.编辑器左上角点击发布

希望对楼主有用

b.我的工作台——找到指定作品——点击作品发布标识点击发布

点击后都会跳转到该页面：

发布用的作品二维码跟作品链接都是在这里获取，预览时的二维码不能用于发布

Answer 2

H5页面或称微场景是当下在微信中传播量最大，传播面最广的一种形式。借助VXPLO互动大师这一个在线制作工具，轻松制作出酷炫的微信H5页面。

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

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

第三步：添加事件
1、 在素材下添加事件，触发事件发生，达到目标动作是振动、显示、隐藏等效果。
2、保存作品，点击菜单栏的预览按钮，或用手机扫描预览二维码，就可以观看效果了，

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

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

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

Answer 3

做h5页面用第三方开发平台比较好，方便，还可以直接上手制作，活动盒子，一看简单、功能强大的h5页面制作工具。