浅谈基于H5工具的课件制作

摘 要：HTML5网络语言的规范，提供了网络资源有效传播和可移植性，在这样的时代背景下，教育教学资源为适应信息化进程的推进，借助H5工具来进行移动终端课件制作，来完成知识的有效传播。

关键词：H5课件，教学资源，课件制作

H5作为HTML5的简称，是第五代超文本标记语言，人们通过上网或社交软件等获取的信息，多数由HTML写成的。HTML5语言以其对多媒体良好的支持性、交互性以及其支持跨平台性，备受人们青睐。但使用HTML5语言直接制作页面需要用户具有较好的技术功底，使用困难较大。在这样的背景下，为帮助广大用户可以快速有效的传播信息，2015年以来，一大批基于HTML5语言的编辑工具应运而生，人们将之简称为H5工具。

在日常学习交流中，师生教与学的习惯，伴随着时间、空间的变化，以及网络设备的普及，对教学资源的需求也随之改变。课件也不在局限于教室教学中的方寸之地。如电影海报、企业宣传与微信碰撞出的火花一样，教育也可借助微信这一平台完成它的变身。让课件直接在微信朋友圈和公众号推广中展示出来，不要求用户安装其他软件插件，可以使得知识得到有效传播。

一、常见H5工具介绍

在教育教学中，课件的资源类型由文字、图片、动画、音频、视频构成，结合课件内容制作需求的不一样，适用于制作课件的H5 工具也有所选择，笔者将常见H5工具分为以下几类：

（一）模板制作类H5工具

在教师使用中，故事型课件占比量大，这类课件主要由文字、图画以及简单的动画组成，基础制作类的H5工具即可完成此类课件。常见的基础类H5工具主要有：易企秀、MAKA、初页、兔展、人人秀等，以上H5工具均面向普通用户提供一定的使用模板，用户可自定义模板和使用免费模板的基础上创建幻灯片，对文字、图片等进行编辑。此类工具优点在于提供的模板量大，用户操作简单易上手，动画类型也相对简单，交互性有待加強。

（二）专业制作类H5工具

iH5、epub360等专业制作类的H5工具，大多面向大型用户，对于课件而言，主要适用于产品级微课资源建设。与模板制作类工具相比，其功能强大，但使用较为复杂，需要专业学习。对于个人用户而言需要具备一定的语言基础知识，制作周期较长，工具使用有一定难度。优点在于此类工具能实现复杂的交互动作，并提供互动类工具包。

二、课件制作一般流程

课件是教学过程中最常见的课堂辅助工具之一，是一种“产品级”的教学系统设计应用，是现目前一线教师使用率最高的现代化教育技术之一，课件的优劣会影响到课程内容的直接表达，只有合理的课件设计才能有效辅助教学。

在借助H5工具制作课件时，大部分情况适用于故事型课件。课程教师在使用故事性课件时可以前置到课堂教学前，学生自学相关内容，任课教师快速带过此部分学习内容，从而节约课堂时间。该课件直接发布在网络上，学生通过网络可随时观看。

（一）运用H5工具制作课件

笔者使用易企秀H5工具为例来进行介绍。打开易企秀官网网址，通过社交账号或直接注册成为会员，即可进入到【我的场景】中进行自定义编辑。第一次使用平台时，网页界面会进行功能的介绍，用户通过跟随练习可以完成基础技能的学习。该平台的场景界面与PPT界面类似，用户使用上手率较快，可以满足大部分教师的使用需求。

1.页面的创建

教师在进行页面制作时，按照多媒体课件制作的一般流程进行课件的开发。页面制作之前，结合课件面向对象首先需要明确课件文案、文案的文字、图片表现形式，模板库中是否有适合的模板等几方面问题。在易企秀中页面的创建通过【我的场景】中【创建场景】选项，进行页面的创建。创建时既可以使用库中其他制作者创建的场景模板，进行再编辑，亦可以选择【自主创建】选项创建空白页面。默认页面为手机界面样式的操作界面，制作平台网页主要由顶部菜单、页面模板、页面管理、预览面板几个部分构成。

2.页面的制作

易企秀制作H5页面方式与PPT软件方式相类似，在制作平台网页中，所有媒体元素的添加均通过顶部菜单完成，顶部菜单中可以完成常见的文字、图片、音频、视频的基础添加，常见的媒体格式基本支持。在常见制作中，页面制作由图片的插入（包括背景图片）、文字的插入、文字图片的动画效果制作。封面页，封面页起着吸引观众的重要，一般故事型的课件需要在封面页中，添加背景、音乐、标题、作者简介几个部分。通过顶部菜单栏，插入音乐、背景元素，两者均可使用库中默认素材，也可在线上传素材至个人用户库中进行插入。值得注意的是，音频的选择一般以轻缓为宜。标题栏的制作基于文本的字体设置来完成。过程页，过程页的制作时课件内容的直接展示，需要注意页面内容的布局，人们快速浏览的界面习惯要求制作时对单页内容需要重点突出，切记文字内容多。页面的添加通过页面管理进行添加，在不同的页面中添加内容，添加元素后，在功能效果选项中可以完成样式、动画、触发等设置，交互的动画设置最好在同一界面完成。通过触发等互动元素制作可以制作用户选择，教师通过用户的参与通过计数等功能来了解用户知识了解度。

3.页面的发布

课件制作完后，通过顶端又上角【发布】选项，选择发布的方式，可以发布到微信、QQ等平台中，学习者点击即可在线观看。值得一提的是，如果课件制作者在平台场景中如果关闭场景，其他人均不可查看。

（二）快速制作H5课件

在现实使用中，由于H5在线制作对素材处理功能还有待提高，我们可以选择结合PPT软件来建H5课件。在PPT软件中按照H5课件的屏幕尺寸640px * 1080px来进行页面设置，将PPT横屏播放的模式改为竖屏显示，按照课程内容完成图片、文字的添加，当然你想要动画显示的部分除外。其实将所做的课件页面全部保存成PNG格式（质量高）。之后来到H5平台中，如易企秀中将以上图片按照页面顺序通过【图片】选项插入到不同的H5页面中。如无动画要求即可直接发布，如需动画，在此基础上进行编辑，操作起来更加快捷。

另外，现目前已出现直接将PPT课件快速转换为H5 课件工具，如PP匠工具，用户将已有的ppt课件通过该工具可以保留演示格式与动画效果在线转化为H5课件，在很大程度上节约了制作成本。

手机移动终端的教学资源的使用，顺应了教育信息化变革的步伐，虽然在很多层面上有着一定的制约性和不可操作性，H5工具不断演化，网络信息的更加有效的传播，笔者认为 H5页面形式的教学资源的出现，是值得现有一线教师探究与使用的。