线上线下混合式教学模式在中职学校的实践研究

广东省财经职业技术学校，广东佛山 528231

线上教学在带来挑战的同时，也为教师提供了巨大的思考空间。新的教学手段带来了很多启迪，也提供了很多新的突破口。广大教师应主动思考，积极研究，让线上线下混合式教学成为教学新常态。

线上教学的其中一个挑战是现场感不足、监控力度小。如果教师课堂内容没有精心设计、手段不丰富就很难吸引学生。所以线上教学逼着教师开始真正探究以“学为中心”的教学。

线上教学以海量的学习资源为基础，带给了教师重要的思考。如何引导学生选择适合自己的学习资源？如何引导学生进行自主高效的个性化学习？教师积极引导学生进行个性化自主学习，能培养学生的学习能力和创造能力，不再是机械的照搬教材，让学生终身受益。

如何在中职学校的课堂中应用混合式教育呢？笔者们以《网页制作与设计》课程为例，谈一谈线上线下混合式教学模式在中职学校的实践研究。

中职《网页制作与设计》课程系统介绍了Dreamweaver CS6 软件的基本操作方法和网页设计制作方法，包括软件入门、文本与文档、图像与多媒体、超链接、使用表格、使用层、使用样式、模板与库、网页代码等内容。

下面以本课程第9章模板与库为例。

在本章的第一节，教学内容是模板。教学目标是了解模板的概念，掌握模板在网页中的应用。

在课前，教师在18级电商班中通过问卷星发布调查问卷，了解该班学生的学习需求和对本章节掌握的情况。问卷中，关于学生喜欢怎样的授课方式里，90%以上的学生都比较希望教师能运用多种方式授课，比如边讲课边演示的方式、小组讨论方式、个人辅导方式、线上讨论、课后辅助、互动性强的授课方式。

教师通过问卷星发布调查问卷，了解学生的学习需求和对本章节掌握的情况，最后得到结论，大部分的同学已经熟练掌握了以往的教学内容，如在网页中插入图片，文字，超链接。在这个基础上，使用模板批量制作网页，从而独立完成一个企业网站就是水到渠成的事情了。教师根据这些学情分析，量身定做了教学设计，从而能够保证教学设计有的放矢，让同学们在有限的课堂时间内得到最大的提升。

在本章的第一节，教学内容是模板。教学目标是掌握模板在网页中的应用。本课是综合实训，让学生通过模板批量制作网页，从而能够独立制作完成一个企业网站。

在课前，教师通过教学平台发布了课前任务。全班同学打开教学平台，浏览任务内容，并分组完成。在课前任务中，全班分为多个小组，每个小组分配一个行业。如第一组是女装，第二组是办公用品，第三组是工艺品，第四组是汽车用品，第五组是母婴用品，第六组是数码产品，第七组是保健品，第八组是玩具，等等。

各个小组通过教学平台中的留言工具，在线上互相讨论，分工合作。每个组员通过搜索引擎找到一张本组行业的企业网站截图，分享给组员。经过讨论后，选出一张简洁美观的企业网站截图。小组成员将这个截图作为参照页，制作完成一个企业网站。

接下来，每个小组根据自己的行业，找出5个产品分类。根据分类，找到每个分类的5 张产品图片。根据其中一张产品图片，找到对应的淘宝链接。将这些材料共享到小组文件夹中。

同学们通过线上的课前任务，搜集了制作一个企业网站必要的素材，在接下来的课堂中，将利用这些素材，独立制作完成一个企业网站。

在课中，教学转向了线下，教师与学生零距离接触，掌握每一个小组的预习情况，课堂任务完成情况，接收学生的反馈，指导学生高效完成课堂任务。

首先，教师利用多媒体演示，回顾了课前各小组的准备情况，并做出了简短的点评。有的小组交流充分，准备的素材也比较到位，教师通过评分板给予加分。接下来，教师演示并讲解如何通过模板批量制作网站，最终完成一个企业网站。教师布置课堂任务，要求各小组成员根据小组文件夹中的素材，使用模板各自完成一个企业网站。

小组成员打开共享的小组文件夹，找到了一张企业网站截图。打开Dreamweaver 软件，新建一个站点，在主页中插入截图。将主页转成模板。接下来，在模板中插入一个层，将层移动到导航的位置，输入首页以及5个产品分类的名称。在模板中插入一个层，将层移动到正文的位置，设置为可编辑区域。通过模板创建6个网页，分别命名为index、1、2、3、4、5。在网页1、2、3、4、5 中各自插入不同的产品图片。为产品图片加上淘宝链接。

回到模板，给导航位置的首页及5个产品分类名称加上对应的网页链接。保存全部网页。这样，一个完整的企业网站就制作成功了。

同学们利用课前准备好的素材，独立制作完成了一个企业网站。在整个课堂中，教师都在巡堂，观察每个小组的任务完成情况，针对每个小组出现的问题，给与个性化的指导。有的小组成员事先在线上进行了充分沟通，选出了大家都满意的企业网站参照页，因此在企业网站的制作过程中，摸索的时间就比较少，完成作品所用时间较少。有的小组成员在线上各自分工搜集好了素材，准备充分，因此在企业网站的制作过程中，素材拿来就用，不必临时再去搜集，大大节省了时间。有的小组对于模板的使用仍然不够熟练，在制作网站的过程中，模板应用不规范，出现了一些空链接，整个网站并没有成为一个相互连通的整体。有的小组对于之前讲授的知识点掌握不到位，以至于在网页中插入图片，文字，超链接，层，都出现了操作不熟练，忘记操作步骤的问题。在巡堂过程中，教师根据各小组的这些情况，在评分板上给出了相应的打分。

在课后，小组成员将自己制作的企业网站上传到服务器，获得网址。此时，整个教学环节又转到了线上，在线上教学平台，学生将网址分享给小组成员，由小组成员互相评分。教师根据各小组的作品完成情况，以及小组合作情况，给各小组打分并在教学平台公布。

在本次教学活动中，在课前，学生充分利用线上教学平台展开小组讨论、小组分工合作，在课前准备好了制作网站的所有材料。在课中，只需要利用这些材料，通过模板快速制作成企业网站。在课后，将企业网站上传到服务器，获得网址。在教学平台分享自己作品的网址，并且相互评分。

传统的教学模式是照搬教科书提供的素材、案例，按照步骤完成课堂实训。本课的线上+线下混合式教学，将学习的主动权交给学生，由学生在线上寻找网站参照页、搜集素材，教师在线下教学中给与个性化指导，从而让学生独立自主完成了网页制作的整个过程。由于学生完整体会了一个网站从无到有的过程，因此记忆深刻，掌握知识点也非常牢固。在整个教学过程中，学生根据教师的引导，从无到有，自己搜集材料，自己制作网站，自己上传网站，一步一步完成了自己的作品。整个过程充分利用了线上教学平台，学生在教学平台上进行小组讨论，分工合作，分享点评。教师在课堂中检查各小组的作品完成情况，及时给予指导。通过线上+线下混合教学，激发了学生的自主学习意识、主动探索精神，让学生完全投入完成了网页作品，完满达成了教学目标。

最后，我们对学生学习本次课的情况进行问卷反馈。从图1的数据可以看出学生通过线上线下混合式教学模式的学习，对模板知识点的掌握程度是非常好的，达到了教学的目的。

图1 学生学习模板的掌握程度反馈

综上所述，线上+线下混合式教学进一步明确了教师应该是“用教材教”，而非“教教材”，不是教知识，而是知识与能力并重。一味地选用他人资源会让教师迷失教学方向。如何筛选教学资源为自己所用，为学生所用，成了今后教师的一项关键能力。教师更应根据自己对教学内容的理解，在自己原有的教学基础上，适度适量地充实与整合优秀资源，以达成教学环节的最优化。