一个好的h5交互课件该怎么制作

怎么样的课件才配被称为好课件。小编认为课件的好与坏应该是依靠课件里存在的知识点是否全面，学生吸收的是否足够快、足够精，能否满足教学的需要。其次才是课件是否有趣，又该采用何种教学方式来进行传播。从过去的黑板白粉笔到PPT再到如今的H5交互课件。能传送好知识的课件才能算得上好课件。

 随着教育2.0的推进，html5技术在教学应用里越来越多，h5交互课件正加速淘汰过去的flash课件、steam课件、scorm分屏课件。h5交互课件的制作形式可以说是多种多样的，总结起来大致分为三种。

第一种是用传统的网页元素（dom）标签来制作。第二种是用在网页canvas标签内原生开发。第三种是用成熟的js引擎搭配canvas开发。

课件制作的方式也因此不同

第一种方法制作的课件，市面上代表产品是“蓝橙互动”，课件更适用于企业介绍，产品移动端推广。它的原理是工具封装css3动画，让网页上的一个个dom元素动态组合，完成效果。它的优点是加载速度快，流畅度高。缺点也很明显，无法胜任复杂的交互。

第二种方法制作的课件，一般是开发团队自己搭建环境，用html5里canvas画布标签，js操作元素，展现在canvas上。缺点是，小团队缺少经验，开发效率比较低。

第三种方法，是市面上的教育公司（好未来、新东方等）开发团队或者教育集团合作的第三方技术方案提供方最常提供的方法。就是采用成熟的web引擎，搭配动画，依照具体环境需求来选择最合适的引擎来编写的课件。选用一个引擎，决定着制作的难易，优化的方向不同。

选用了合适的引擎之后，就要开始制作了。制作课件，首先要有完善的脚本。一个好的课件，脚本就决定了课件成功的一半。写的多的脚本，未必就是好脚本。脚本在精，不在繁。脚本要把课件的知识点全部涵盖，额外的表现形式，更多应该交给制作老师。脚本编写老师往往夹了太多不是核心的内容在课件里，这样，其实限制了课件制作的发挥。后面我会讲h5交互课件的几个细节。

1. 第一讲课件的重要性 

为什么说，第一讲课件决定整体课件的质量呢。因为，第一讲课件在整体风格上给整个课件定了基调。在动画质量上，为后续动画制作划了线。

2.交互题目的类型、交互方式

h5交互课件的交互方式有：点击、拖拽、连线、画线（画笔功能）。

3.h5课件的性能

adobe公司发展的这么多年，flash的性能优化到了一定程度。相比flash，h5还是一个比较年轻的技术，在移动端，尤其是早几年的智能手机终端上，h5表现并不好。但是，随着智能终端硬件的升级，h5课件的性能问题已经越来越不是问题了。对市面上最近一两年内的硬件，我上面提到的蓝橙互动，他们依然有相应成熟的优化方式。

H5课件可以作为新时代的一个新兴产物，但是依据和PPT的成本相比高了一些，所以还不够普及。老师能做的也寥寥无几。所以H5课件还是最好使用专业的第三方技术公司进行开发。