文章插图
1、添加基础组件 ， 点击中间区域 ， 添加个文本试一下 ， 选择中号字 。
2、添加个图片 ， 点击媒体 ， 选择图片 ， 上传图片 ， 选中图片即可加入当前页面 。
3、点击媒体 ， 选择音频 ， 点击上传音频 ， 选中上传的音频即可加入到当前页面 。另外还可以添加视频等其它组件 。
4、设置页面 ， 我们先设置下背景 ， 点击背景 。点击颜色框选择颜色作为背景 ， 当然也可以点击后面的图片 ， 从电脑中选择图片作为背景 。
5、设置对象 ， 背景设置完成 ， 需要选择对象进行设置样式等 。文字：我们选中刚添加的文本 ， 在右侧的“编辑“中可以调整颜色、行高、对齐方式、文本投影等属性 。
6、图片：同样的也是选中图片 ， 通过右侧属性面板进行编辑 。通过外观及编辑属性 ， 可以修改背景 ， 旋转等 。音频：音频也是通过属性 ， 可以选择是不是自动播放背景音乐 。还可以更改音频的图片背景等等 。
7、添加动画 。添加动画的方式跟样式修改一样 ， 也是需要选中目标 ， 然后在右侧的动画属性中修改 。可以选择让文字弹跳出现 ， 然后再让图片弹跳进入 ， 最后让音乐脉动进来 。先选中图片 ， 点击“添加动画“按钮 ， 添加一个动画 。然后用同样的方式把图片跟音乐设置好 。通过下方可以直接拉动时间和顺序 ， 便于控制 。
8、添加事件 。通过上面的步骤 基本就设置完成一个H5页面 。这个事件分为三类 ， 一个是链接类 ， 比如点击文字 ， 跳转到页面 。
9、下载类 ， 直接跳转去下载APP 。控制类 ， 可以为不同的按钮绑定不同的控制类事件 ， 当轻点“播放歌曲1”按钮时 ， “歌曲1”播放 ， “歌曲2”暂停 。
【h5页面怎么制作】10、创作完成之后 ， 点击预览 ， 可以观看制作的H5的效果 。最后点击发布就可以 。
推荐阅读
- solidworks怎么完成拉伸切除与圆孔插入
- EV加密2如何区分课程与分类？
- 窜钩挂什么钓鱼
- 为何女婿不能上坟祭祀 女婿莫上坟上坟辱先人是什么意思
- 360n7和荣耀10哪个好_荣耀10和360n7评测对比360n7和荣耀10哪个好_荣耀10和360n7评测对比
- 豆梨和杜梨的区别
- ai合并多个闭合路径
- 白带有点黄怎么办 为什么会出现白带异常
- 熬夜头晕怎么办？熬夜要学会补救