1、让我们做一个一页的H5来看看。
2、第一步是添加基本组件。
3、点击中间区域,我们来加一段文字试试,选中词。
4、然后我们添加一张图片,点击媒体,选择图片,上传图片,选择图片加入当前页面。
5、一页纸怎么会缺音乐?或者点击媒体,选择音频,点击上传音频,选择上传的音频加入当前页面。
6、还可以添加视频等其他组件。
7、第二步:设置页面。我们先设置背景,点击背景。
8、我们可以点击颜色框选择颜色作为背景,或者点击背景图片选择电脑里的图片作为背景。
9、第三步:设置对象。设置背景后,需要选择对象来设置样式。
10、文本:我们选择新添加的文本,在右边的“编辑”中,可以调整颜色、行高、对齐、文本投影等属性。
11、我们可以用右上角的预览实时预览效果。
12、图像:类似地,选择图像并通过右边的属性面板编辑它。您可以修改背景、旋转等。通过外观和编辑属性。
13、音频:音频也是通过属性,可以选择是否自动播放背景音乐。你也可以改变音频的图片背景等等。
14、第四步:添加动画。添加动画的方式和样式修改一样。您还需要选择目标,然后在右侧的动画属性中修改它。比如我们可以选择让文字弹起,然后让图片弹起,最后让音乐脉动进来。
15、我们先选中图片,点击“添加动画”按钮,添加一个动画。然后用同样的方法设置图片和音乐。时间和顺序可以直接从下面拉,方便控制。
16、第5步:添加事件。通过以上步骤,一个H5页面基本建立起来了。
17、这个事件分为三类,一类是链接类,比如点击文字跳转到页面。
18、还有下载类,直接跳转下载APP。
19、控件类,可以为不同的按钮绑定不同的控件类事件。当您轻按“播放歌曲1”按钮时,“歌曲1”会播放,“歌曲2”会暂停。
20、创建后,点击预览,看看H5的效果。
21、最后,单击发布。
“张承辉博客” 简易h5页面制作(如何在线制作H5页面) https://www.zhangchenghui.com/241440