【h5页面怎么制作】
文章插图
1、添加基础组件,点击中间区域,添加个文本试一下,选择中号字 。
2、添加个图片,点击媒体,选择图片,上传图片,选中图片即可加入当前页面 。
3、点击媒体,选择音频,点击上传音频,选中上传的音频即可加入到当前页面 。另外还可以添加视频等其它组件 。
4、设置页面,我们先设置下背景,点击背景 。点击颜色框选择颜色作为背景,当然也可以点击后面的图片,从电脑中选择图片作为背景 。
5、设置对象,背景设置完成,需要选择对象进行设置样式等 。文字:我们选中刚添加的文本,在右侧的“编辑“中可以调整颜色、行高、对齐方式、文本投影等属性 。
6、图片:同样的也是选中图片,通过右侧属性面板进行编辑 。通过外观及编辑属性,可以修改背景,旋转等 。音频:音频也是通过属性,可以选择是不是自动播放背景音乐 。还可以更改音频的图片背景等等 。
7、添加动画 。添加动画的方式跟样式修改一样,也是需要选中目标,然后在右侧的动画属性中修改 。可以选择让文字弹跳出现,然后再让图片弹跳进入,最后让音乐脉动进来 。先选中图片,点击“添加动画“按钮,添加一个动画 。然后用同样的方式把图片跟音乐设置好 。通过下方可以直接拉动时间和顺序,便于控制 。
8、添加事件 。通过上面的步骤 基本就设置完成一个H5页面 。这个事件分为三类,一个是链接类,比如点击文字,跳转到页面 。
9、下载类,直接跳转去下载APP 。控制类,可以为不同的按钮绑定不同的控制类事件,当轻点“播放歌曲1”按钮时,“歌曲1”播放,“歌曲2”暂停 。
10、创作完成之后,点击预览,可以观看制作的H5的效果 。最后点击发布就可以 。
推荐阅读
- 帝国神话怎么看武将品质 帝国神话如何看武将品质
- 万国觉醒怎么迁到新区 万国觉醒如何移民到新区
- excel表格前后顺序怎么调换
- 怎么判断香蕉坏了 辨别香蕉坏的方法
- 墙壁上都是哈气水怎么解决 如何改善墙壁上哈气的问题
- 睡觉时蚊子在耳边响怎么解决
- 活蚯蚓怎么处理能喂鱼 活蚯蚓如何喂鱼
- 种草莓怎么种脖子上 在脖子上种草莓有哪些技巧
- 车险第二年怎么算多少 车险第二年如何计算呢
- 衣服掉色怎么清洗的干净 怎么清洗掉色衣服干净