教育教学下HTML5互动网页运用

一、HTML5互动网页及制作工具简介

1.简单易用，技术门槛低

HTML5包括多种相关技术，涉及编程代码，并且发展（更新）速度很快，学习难度大。而普通一线教师平时教学任务重，很难全面掌握并应用这些技术。而上述HTML5互动网页制作工具的一个明显的特征就是技术门槛低，简单易用。教师可以无师自通地插入图片、音频、视频等各种素材，以所见即所得的方式进行设计。这样，教师完全可以摆脱技术的束缚，无须接受专门培训就可以创作出自己的作品。

2.有丰富的互动模板和在线素材

以上HTML5互动网页制作工具的易用性还体现在另外一个方面：提供了大量不同类型的互动模板和在线素材。教师可以根据需要选择合适的互动模板，不必从零开始，大大提高了效率，节约了教师的制作时间和精力。结合大量在线提供的精美素材，教师可以在短时间内制作出精美的HTML5互动网页作品。

3.使用免费，传播方便

绝大多数此类网站和软件都可以免费使用。制作完成后，又可以将作品免费存在对方的服务器上。另外，作者可以通过多种方式分享和传播自己的作品。

二、HTML5互动网页在教育教学中的应用策略与案例

目前，教育领域的HTML5互动网页主要应用在以下三个层面，在此笔者以长沙市雨花区枫树山大桥小学为例，从这些层面探讨HTML5互动网页在教育教学中的应用。

1.教学教研——基于移动终端的学习资源开发

随着教育信息化的发展，iPad、电子书包在教育教学中的应用越来越广泛。学习者使用平板电脑、智能手机已经是相当普遍的现象。移动学习成为基础教育不可或缺的一部分。教学实践对基于移动终端设备的学习资源需求日益增长。HTML5互动网页创作工具为广大普通教师清除了技术障碍，提供了一种低门槛、高效率、大众化的移动学习资源开发途径。案例1：基于微视频的移动终端课件《揭秘信息技术——什么是IP地址》。移动终端课件《揭秘信息技术——什么是IP地址》是利用HTML5互动网页制作工具“炫课”制作的一个HTML5互动课件。课件以微视频为基础，将学习任务单、微课视频和练习题整合成一个以微视频为中心的、完整的HTML5型移动终端课件。如图1所示，学习者根据学习目标，可以自主选择观看视频或者进入测试环节。课件以知识点为单位，为教师解决教学过程中的重难点知识、课后辅“差”等提供了便捷的途径。另外，这种基于现有微课资源的HTML5互动课件使用了已有的微课资源，并且制作工具的使用较简单，教师制作成本很低。目前，网络上的微课资源非常丰富，并且一线教师的教育技术能力有了明显提高，已经具备了微课的设计与制作能力。利用已有的微课资源，制作HTML5互动网页形式的移动终端课件一方面可以充分提高资源的使用效率，另一方面可以通过手机、iPad、二维码等设备和技术快速传播，为学生随时随地进行碎片化学习，解决教学中的重难点知识提供方便，是课堂教学的有益补充。除了资源开发方面的应用，教师也可以使用HTML5互动网页开展教研工作，如利用HTML5互动网页来进行交流和汇报自己的学习和研究成果等。

2.班级管理——班级活动展示与汇报

对于班上开展的重要活动和事情，如活动宣传、展示班级活动的过程照片等，班主任老师一般通过班级QQ群或微信群与学生、家长们互动。然而，这种在班级QQ群和微信群中传播的信息只是零散的文字、图片等，缺乏整体性和情境感，可读性不强。而HTML5互动网页作品则可以将文字、图片、声音、视频等多种媒体融合在一起，作为一个完整的作品通过微信群、二维码或链接地址等传播。案例2：《二（1）班美术作品展》。二（1）班美术老师创新性地将学生美术作品以HTML5互动网页的形式向学生家长汇报（如图2）。作品使用在线工具“初页”制作而成，图文声并茂地展示了美术课堂上孩子们的表现及作品，极具观赏性和情境感。更重要的是，浏览者还可以给作品点赞，进行评论，有效地促进了学生家长积极参与班级活动和建设。

3.家校互动——学校宣传与教育理念传播

在“微时代”，很多学校都与时俱进地申请了微信公众号，并且在学校的品牌推广、教育教学理念传播、家校互动等方面发挥了重要的作用。HTML5互动网页与微信公众平台的结合，为基于微信公众平台的家校互动增添了新的活力。在微信公众平台中群发的消息虽然可以整合文字、图片、视音频等多种媒体形式，但其内容是静态的。而HTML5互动网页则可以以动态的形式传播学校的校园文化、教育理念、各项规章制度等，更具表现力和感染力。案例3：《枫桥周报》。枫树山大桥小学有通过“枫桥周报”向家长、社会一周活动总结的惯例。随着信息技术的发展，“枫桥周报”的形式由最初的手机短信，发展到微信公众平台信息，再到目前的HTML5互动网页（如图3），由单纯的文字信息，发展成了集文、图、声、像于一体的多媒体信息，由静态的页面变成了交互式的动态页面。浏览者观看HTML5互动网页形式的学校一周总结时，可以自主控制浏览进度，可以开展点赞和评论等互动活动，提高了参与度。

三、结论

当前，移动终端设备在教育教学中的应用已经是不可避免的趋势，为教育教学带来了新的机遇和挑战。而基于移动终端的资源建设方面，曾经一统天下的Flash局限性日益明显，逐渐失去了往日的霸主地位。HTML5互动网页则具有多设备跨平台性、浏览器兼容性等优势，在教育教学方面有广阔的应用前景。相信随着HTML5相关技术和创作平台的日益成熟和发展，将会有越来越多的一线教师和学校使用HTML5互动网页为教育教学服务。

作者：刘勇 邹硕 单位：湖南省长沙市雨花区枫树山大桥小学