h5课件制作_Young技能 | H5移动学习课件Get!

点击上方 视频课程与教师发展 关注我们

也许你会存在这样的一些困惑,传统的微课课程缺少交互难以保持学生的参与度,有时候给学生发送微课视频被网速限制了传输速度,保存一系列的微课程需要耗费很多内存....而基于H5技术开发制作的课件就可以解决你的困惑,H5课件可以将各种课件形式融合起来,实现良好的交互,支持跨平台学习,方便传输和保存,今天就让我们来认识一款制作移动端学习课件的H5平台—iH5。

平台登录

平台网站的的链接为https://www.ih5.cn,进入网站后,进入开发页面必须先进行登录操作,如果之前有过账号可直接填入账号密码登录,如果是首次使用的话就需要注册一个新账号。

03f3f9a428d8a7faccba79af0b165c00.png

页面介绍与课件制作

01 视频教学,新手快速入门

登录之后,对于新手小白,iH5平台提供了系统的视频教学,帮助你快速入门。

f074f268f120d8cb9a394899c4c0df0b.png

02 海量模板资源供你选择

对于入门新手,可以先选择一个模板练练手iH5提供了海量模板,分为不同类别、场景、效果,提供搜索功能,满足你的各种需求。

4b51c2575e60cb5702544445affd2923.png

03 创建新作品

选择创建作品就可以进入新作品开发页面。作品开发区最上方是菜单栏,菜单栏下面从左到右依次为工具栏、属性面板、舞台区域、对象树、事件工具栏。其中工具栏使用最为频繁,对页面添加图形、文字等操作都是通过工具栏进行的;舞台区域会显示预览和直接编辑页面;事件工具栏可以给元素对象添加动画、交互等;对象树方便选择元素对象和调整他们之间的层级。

5318d48d2df759724dab3caf678485d8.png

04 课件页面开发

结合课程内容,给舞台添加页面,在页面上添加视觉元素、文字等,页面视觉部分完成后,再给元素添加动画、交互。

321389d6afe3f97b6b25f0437a3a436a.png

05 二次编辑

对未完成的作品进行二次编辑时,只需要进入我的工作台,这里保存了之前还未完成的作品,你可以继续编辑,也可以看到自己已发布的作品。

cd315a99344671e38baa8b57a9866f7f.png

06 预览作品

待作品基本开发完成后,进行预览,看一下总体的效果。

259f5b5a119b153d48d0c8644f1a8641.png 3b2db7d3b8c503e8d46cc2b6005858d0.png

iH5平台优势

01 开发界面布局清晰

iH5的布局类似于Adobe系列软件的布局,上方是菜单栏,左侧是快捷工具栏,右侧是页面图层和交互逻辑窗口,中间是工作群,操作起来更容易上手。

02  自由度高

iH5设有时间轴,除了使用平台预设的动画之外,还可以自定义动画,并且在交互设计上可以自定义交互动作和元素。

03 平台兼容性强

iH5除了能够导入图片、视频、音频之外,还支持导入PSD文件,并且能够识别一些PSD图层并自动创建页面图层,这个功能十分强大,是其它平台无法做到的。

参考资料

本文图片来自于iH5官网

023bb356caa89c36e0ab5becf6de6cac.png

扫码关注

有趣的灵魂在等你

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值