多语言展示
当前在线:716今日阅读:60今日分享:41

H5页面制作?

随着微信用户增多、html5的定稿,在微信上内容的数量和样式的逐渐增多,下面就给大家介绍目前比较流行的微信内容展示方式——H5页面。下面给大家介绍借助兔展这一个在线制作,可以轻松的制作出炫酷的H5页面。
工具/原料

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

方法/步骤
1

点击制作栏目,进入模板选择页1、选择空模板,自由创作;2、选择主题模板,更快速的创作出炫丽的展示。

2

选择模板后,进入创作界面

3

预览树操作1、显示的页面的显示顺序;2、右键调整页面的显示顺序;3、点击页面右上角的X,可以把不需要的页面删除。

4

功能—添加修改文字1、添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改2、文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。

5

功能—添加修改图片1、上传图片:点击右侧图片选项→上传按钮→选择图片→确定2、截图:点击截图按钮→选择图片区域→双击

6

功能—添加修改按钮添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

7

功能—添加修改表单1、添加表单:点击右侧的添加表单按钮,在弹出的窗口中填写提交数据的名称2、修改表单样式:在右侧的属性栏中,修改表单的显示样式3、查看及下载数据:客户提交数据后,可以在表单数据中看到,并提供下载

8

功能—添加修改底图1、修改背景颜色:点击右侧底图选项→选择颜色2、上传底图:点击右侧底图选项→点击上传按钮→确定

9

功能—添加修改背景音乐添加背景音乐:点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮

10

功能—添加修改切换效果添加切换效果:选择页面→点击配置选项→选择切换效果

11

功能—添加修改动画效果添加动画效果:点击添加动画的组件→点击动画选项→点击动画效果

12

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

13

生成1、添加标题、描述、缩略图2、生成的二维码和链接可以用于分享到微信、微博等3、点击生成按钮,即完成了一个作品的制作过程。

注意事项
1

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

2

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

3

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

推荐信息