-
在线制作HTML5多媒体作品的技巧(2)
- 作者:蔡苑妍 分类:xp 发布时间:2021-05-25 00:26:00
套用模板适合于初学者或设计能力不强的用户。其实,不用套用模板,完全可以从头全部由自己来设计作品。 制作时,在主页中选择“我的H5”,然后点击...
套用模板适合于初学者或设计能力不强的用户。其实,不用套用模板,完全可以从头全部由自己来设计作品。
制作时,在主页中选择“我的H5”,然后点击空白页上印有圆圈套加号图标的按钮,向导会询问创建什么样的布局。从“分页布局”或“整页布局”中选择一种布局方式。如果是分页布局,则依靠页面间的前后滑动实现简单跳转;如果是整页布局,则将整个页面分为不同区域,各部分还可创建链接,实现不同的功能(图10)。
随后其他步骤与第1部分的添加和设置操作方法相当,只是全要亲自设计,不能套用现成的组件而已。在创作过程中,只要善于使用系统提供的文本工具编排文字内容,用媒体和图形工具添加图片、图形、音视频,数据相关的内容使用图表、表单等工具,借助于“插件”扩展来补充完善,发挥自由想象的创作空间,一定能创作出更具个性化的作品。
制作H5过程
我们来制作一个单页的H5看一下
第一步添加基础组件
点击中间区域,我们添加个文本试一下,选择中号字。
然后我们添加个图片,点击媒体,选择图片,上传图片,选中图片即可加入当前页面。
一个页面怎么能少了音乐呢,还是点击媒体,选择音频,点击上传音频,选中上传的音频即可加入到当前页面。
另外还可以添加视频等其它组件。
第二步,设置页面,我们先设置下背景,点击背景。
我们可以点击颜色框选择颜色作为背景,当然也可以点击后面的图片,从电脑中选择图片作为背景。
第三步,设置对象,背景设置完成,需要选择对象进行设置样式等。
文字:我们选中刚添加的文本,在右侧的“编辑“中可以调整颜色、行高、对齐方式、文本投影等属性。
我们可以右上角的预览,对效果进行实时预览。
图片:同样的也是选中图片,通过右侧属性面板进行编辑。通过外观及编辑属性,可以修改背景,旋转等
音频:音频也是通过属性,可以选择是不是自动播放背景音乐。还可以更改音频的图片背景等等。
第四步,添加动画。添加动画的方式跟样式修改一样,也是需要选中目标,然后在右侧的动画属性中修改。比如,我们可以选择让文字弹跳出现,然后再让图片弹跳进入,最后让音乐脉动进来。
我们先选中图片,点击“添加动画“按钮,添加一个动画。然后用同样的方式把图片跟音乐设置好。通过下方可以直接拉动时间和顺序,便于控制。
第五步,添加事件。通过上面的步骤 基本就设置完成一个H5页面。
这个事件分为三类,一个是链接类,比如点击文字,跳转到页面。
还有就是下载类,直接跳转去下载APP
控制类,可以为不同的按钮绑定不同的控制类事件,当轻点“播放歌曲1”按钮时,“歌曲1”播放,“歌曲2”暂停。
猜您喜欢
- PPT无法复制粘贴?这几个解决方法让你..2024-02-22
- 掌握会声会影片头制作技巧,开启你的..2024-02-21
- 苹果12promax如何一截到底!长屏制作技..2024-02-19
- 微pe工具箱制作u盘启动盘教程..2024-02-19
- 如何用QQ在线教学:轻松教授学生掌握..2024-02-18
- 轻松制作Win10启动盘,从此告别系统崩..2024-02-16
相关推荐
- 恢复管理官账户在XP电脑中新建账户后..2017-05-06
- Adobe Acrobat XI Pro安装及使用教程..2021-06-07
- XP系统桌面图标有白底是怎么回事?..2017-10-12
- WinXP玩游戏一直回到桌面的怎么办?..2021-05-21
- 解决XP电脑开机自动弹出C盘窗口的错误..2017-04-25
- 揭秘!如何让你的translucenttb一键开机..2023-12-23