h5页面怎么制作


h5页面怎么制作

文章插图

1、添加基础组件,点击中间区域,添加个文本试一下,选择中号字 。
2、添加个图片,点击媒体,选择图片,上传图片,选中图片即可加入当前页面 。
3、点击媒体,选择音频,点击上传音频,选中上传的音频即可加入到当前页面 。另外还可以添加视频等其它组件 。
4、设置页面,我们先设置下背景,点击背景 。点击颜色框选择颜色作为背景,当然也可以点击后面的图片,从电脑中选择图片作为背景 。
5、设置对象,背景设置完成,需要选择对象进行设置样式等 。文字:我们选中刚添加的文本,在右侧的“编辑“中可以调整颜色、行高、对齐方式、文本投影等属性 。
6、图片:同样的也是选中图片,通过右侧属性面板进行编辑 。通过外观及编辑属性,可以修改背景,旋转等 。音频:音频也是通过属性,可以选择是不是自动播放背景音乐 。还可以更改音频的图片背景等等 。
7、添加动画 。添加动画的方式跟样式修改一样,也是需要选中目标,然后在右侧的动画属性中修改 。可以选择让文字弹跳出现,然后再让图片弹跳进入,最后让音乐脉动进来 。先选中图片,点击“添加动画“按钮,添加一个动画 。然后用同样的方式把图片跟音乐设置好 。通过下方可以直接拉动时间和顺序,便于控制 。
8、添加事件 。通过上面的步骤 基本就设置完成一个H5页面 。这个事件分为三类,一个是链接类,比如点击文字,跳转到页面 。
9、下载类,直接跳转去下载APP 。控制类,可以为不同的按钮绑定不同的控制类事件,当轻点“播放歌曲1”按钮时,“歌曲1”播放,“歌曲2”暂停 。
【h5页面怎么制作】10、创作完成之后,点击预览,可以观看制作的H5的效果 。最后点击发布就可以 。

    推荐阅读