微信h5页面制作[编辑]

---

总论：

随着微信用户增多、html5的定稿，在微信上内容的数量和样式的逐渐增多，下面就给大家介绍目前比较流行的微信内容展示方式——微信h5页面。

下面给大家介绍借助兔展这一个在线制作工具，可以轻松的制作出炫酷的微信h5页面。

需要工具：

H5页面的制作素材，包括图片，音乐，文案等。

操作步骤：

一、点击制作栏目，进入模板选择页

1、选择空模板，自由创作。

2、选择主题模板，更快速的创作出炫丽的展示。

3、选择模版后，进入创作界面。

二、预览树操作

1、显示的页面的显示顺序。

2、右键调整页面的显示顺序。

3、点击页面右上角的X,可以把不需要的页面删除。

三、功能—添加修改文字

1、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改。

2、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。

四、功能—添加修改图片

1、上传图片：点击右侧图片选项→上传按钮→选择图片→确定。

2、截图：点击截图按钮→选择图片区域→双击。

五、功能—添加修改按钮

添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接。

六、功能—添加修改表单

1、添加表单：点击右侧的添加表单按钮，在弹出的窗口中填写提交数据的名称。

2、修改表单样式：在右侧的属性栏中，修改表单的显示样式。

3、查看及下载数据：客户提交数据后，可以在表单数据中看到，并提供下载。

七、功能—添加修改底图

1、修改背景颜色：点击右侧底图选项→选择颜色。

2、上传底图：点击右侧底图选项→点击上传按钮→确定。

八、功能—添加修改背景音乐

添加背景音乐：点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮。

九、功能—添加修改动画效果

添加动画效果：点击添加动画的组件→点击动画选项→点击动画效果。

十、保存

点击导航栏的保存按钮→再点击预览按钮→进入发布页面。

十一、生成

1、添加标题、描述、缩略图。

2、生成的二维码和链接可以用于分享到微信、微博等。

3、点击生成按钮，即完成了一个作品的制作过程。

注意事项：

关于层叠关系：右击主编辑区的组件，可以修改组件间的层叠关系。

关于保存：建议每创建完成一个组件后，点击左上角的保存，保存一次。

关于预览：点击左侧的预览树页面，可以预览该页面的展示效果。

 

 

秀友百科词条内容均由网友提供，仅供参考。如发现词条内容有问题，请联系管理员。