点击上方 视频课程与教师发展 关注我们
也许你会存在这样的一些困惑,传统的微课课程缺少交互难以保持学生的参与度,有时候给学生发送微课视频被网速限制了传输速度,保存一系列的微课程需要耗费很多内存....而基于H5技术开发制作的课件就可以解决你的困惑,H5课件可以将各种课件形式融合起来,实现良好的交互,支持跨平台学习,方便传输和保存,今天就让我们来认识一款制作移动端学习课件的H5平台—iH5。
平台登录
平台网站的的链接为https://www.ih5.cn,进入网站后,进入开发页面必须先进行登录操作,如果之前有过账号可直接填入账号密码登录,如果是首次使用的话就需要注册一个新账号。
![03f3f9a428d8a7faccba79af0b165c00.png](https://i-blog.csdnimg.cn/blog_migrate/3cb338906d94199b73abbc5934ffbc52.png)
页面介绍与课件制作
01 视频教学,新手快速入门
登录之后,对于新手小白,iH5平台提供了系统的视频教学,帮助你快速入门。
![f074f268f120d8cb9a394899c4c0df0b.png](https://i-blog.csdnimg.cn/blog_migrate/202414bc5bf279ee6e1f0593eb03a6f7.png)
02 海量模板资源供你选择
对于入门新手,可以先选择一个模板练练手,iH5提供了海量模板,分为不同类别、场景、效果,提供搜索功能,满足你的各种需求。
![4b51c2575e60cb5702544445affd2923.png](https://i-blog.csdnimg.cn/blog_migrate/bac0463feab05866048be280a75b5d52.jpeg)
03 创建新作品
选择创建作品就可以进入新作品开发页面。作品开发区最上方是菜单栏,菜单栏下面从左到右依次为工具栏、属性面板、舞台区域、对象树、事件工具栏。其中工具栏使用最为频繁,对页面添加图形、文字等操作都是通过工具栏进行的;舞台区域会显示预览和直接编辑页面;事件工具栏可以给元素对象添加动画、交互等;对象树方便选择元素对象和调整他们之间的层级。
![5318d48d2df759724dab3caf678485d8.png](https://i-blog.csdnimg.cn/blog_migrate/a7cd558ab2975d2c38413a8559ca456a.jpeg)
04 课件页面开发
结合课程内容,给舞台添加页面,在页面上添加视觉元素、文字等,页面视觉部分完成后,再给元素添加动画、交互。
![321389d6afe3f97b6b25f0437a3a436a.png](https://i-blog.csdnimg.cn/blog_migrate/1c72c37bb355859cc1b88d7e2bdfa8e7.png)
05 二次编辑
对未完成的作品进行二次编辑时,只需要进入我的工作台,这里保存了之前还未完成的作品,你可以继续编辑,也可以看到自己已发布的作品。
![cd315a99344671e38baa8b57a9866f7f.png](https://i-blog.csdnimg.cn/blog_migrate/fbb6f6fc06c33f519db92be5a105b4f4.jpeg)
06 预览作品
待作品基本开发完成后,进行预览,看一下总体的效果。
![259f5b5a119b153d48d0c8644f1a8641.png](https://i-blog.csdnimg.cn/blog_migrate/f9f82810bd9cc5f4b974c09890ef6910.png)
![3b2db7d3b8c503e8d46cc2b6005858d0.png](https://i-blog.csdnimg.cn/blog_migrate/ef95bf01cf5d6a16483cb664a7c610f2.png)
iH5平台优势
01 开发界面布局清晰
iH5的布局类似于Adobe系列软件的布局,上方是菜单栏,左侧是快捷工具栏,右侧是页面图层和交互逻辑窗口,中间是工作群,操作起来更容易上手。02 自由度高
iH5设有时间轴,除了使用平台预设的动画之外,还可以自定义动画,并且在交互设计上可以自定义交互动作和元素。
03 平台兼容性强
iH5除了能够导入图片、视频、音频之外,还支持导入PSD文件,并且能够识别一些PSD图层并自动创建页面图层,这个功能十分强大,是其它平台无法做到的。
参考资料
本文图片来自于iH5官网
![023bb356caa89c36e0ab5becf6de6cac.png](https://i-blog.csdnimg.cn/blog_migrate/ee9808cedd63f9eab6c42beb49363200.jpeg)
扫码关注
有趣的灵魂在等你