教育教学下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互动网页为教育教学服务。

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

 拼音教学论文   高中地理论文   素描教学论文   舞蹈教学论文   教学探究论文 音标教学论文   课程设计论文   教学模式论文   案例教学论文   播音主持论文 音乐教学论文   化学实验论文   政治教学论文   教育学论文   赏识教育论文 高效课堂论文   入学教育论文   实验教学论文   职教论文   外语教学论文 教学研究论文   学科建设论文   开放教育论文   教学设计论文   教学质量论文 教学方法论文   培训论文   教育技术论文   教育思想论文   教师教学论文