基于翻转课堂的混合式教学模式在《网页设计》课程中的应用

◆杨凡 任丹

基于翻转课堂的混合式教学模式在《网页设计》课程中的应用

◆杨凡 任丹

（湖北文理学院计算机工程学院 湖北 441053）

基于翻转课堂的混合式教学模式是通过翻转课堂把慕课、微课等线上教学模式和课堂讲授等常规的教学模式有机的融合的一种教学模式，它能够提高教学效率，把不同教学方式的优势充分发挥出来，达到互相补充的效果。

翻转课堂；教学模式；网页设计

教育是国之根本。而如何教学，使用什么样的教学模式讲授内容是教育行业从古至今以来所研究的重点。传统的教学模式是教师和学生都集中在教室，教师在前面讲授，学生在下面听课。针对我国学生各年龄阶段人数众多的情况，这种教学模式有它固有的优势，其可以大规模、批量地培养学生，自古以来我们就使用这种模式进行教学。但是这种教学模式下学生必须在课堂上及时对教师讲授的内容进行内化，学生稍一走神，后面就很难能够跟上教师的教学进度，导致知识掌握不全、不牢固。特别是在大学阶段由于学生个体千差万别，学生在课堂上对知识的内化程度各不相同，无法达到个性化教学目的，部分学生也不能在学习中获得成就感，导致很多学生都是在课堂上敷衍了事，学习纯粹是为了应付考试，缺乏学习的主动性。这种传统的教学模式现在看来已经不能适应新的育人要求，特别是大学阶段的育人要求。

近年来，由于信息技术和网络技术的不断发展和普及，涌现出了混合式教学、慕课、微课、翻转课堂等基于信息技术和网络的教学新模式及资源新类型，传统的教学模式迎来了新的机遇和挑战[1]。在互联网+的大背景下，如何将互联网和教育紧密联系在一起进行互补，以实现互联网+教育是目前讨论的热门课题。而翻转课堂能够将微课、慕课、课堂讲授教学、任务驱动式教学等新旧教学模式进行深度融合，探索出崭新的混合式教学模式。

1 基于翻转课堂的混合式教学模式

翻转课堂，英文为 Flipping Classroom，在国内也被叫作反转课堂、颠倒课堂，是目前教育从业者的研究热点。它最早出现在2007年美国科罗拉多州的落基山林地公园高中，有部分学生因病或者其他原因不能按时到教室上课，学校里有两位化学老师为解决教学进度不统一的问题录制了教学视频以供学生在线上学习[2]。而其真正普及是在2011年，“可汗学院”的出现并提供了数量庞大的免费优质课程学习视频，越来越多的学校引入并融合进传统常规教学中使翻转课堂的教学模式迅速风靡全球。

基于翻转课堂的混合式教学模式是通过翻转课堂把慕课、微课等线上教学模式和课堂讲授等常规的教学模式有机的融合的一种教学模式，它能够提高教学效率，把不同教学方式的优势充分发挥出来，达到互相补充的效果。其主要体现在以下几个方面：

（1）课程知识点讲授过程由线下转移到线上。在课前任课教师将课程知识点、PPT、课程段视频等教学资源放在在线教学平台中，学生根据教师提前发布的导学案清单，可以碎片化的方式学习，完成对课程内容的自主学习，同时将自主学习过程中碰到的难点和疑问记录下来，而在课堂上，主要是教师和学生的讨论和答疑等有着更高参与度的活动，避免了填鸭式的教学，充分利用了课堂上的教学时间。但是这种方式需要学生能够自主自觉，能够突出学习的个性化，在这一环节中教师应及时查看学生学习情况，随时进行沟通，督促学生积极主动的完成学习任务。

（2）师生角色转换互动，学习兴趣得以充分激发。学生的学习由被动变成了主动，学生在课前就通过碎片化的时间自由完成知识点的课前学习。学生和教师都能够提前了解学生的学习难点，在课堂上由内容讲授转换为教学指导，通过讨论的方式，学生可以提出问题，老师对这些问题进行解答，课堂上的效率得以提高，学生得以解惑。

（3）实现学生的个性化学习需求，利于知识巩固。学生可以根据自己的学习情况，针对自己的不足以碎片化的时间进行选择性学习，课后可以通过教师的答疑有针对性地进行知识巩固、内化。

2 《网页设计》课程中基于翻转课堂的混合式教学模式

2.1 实施条件

（1）学校层面。学校具有成熟的数字化校园信息服务平台，学校购置有中国大学慕课，超星数字化校园课程平台，有先进的课程录制教室，可以提供丰富的课程资源和课程制作平台，给予了翻转课堂有力的支持和保障。

（2）课程层面。《网页设计》对实践操作能力要求较高，与翻转课堂常用的研讨式、项目任务驱动式学习模式相吻合[3]，采用翻转课堂教学模式非常契合。同时由于2020年上半年新冠肺炎疫情原因，学生在家学习，本课程以此为契机，充分整合利用网络教学资源，实施了以慕课前置学习、在线讨论答疑、课后项目的混合式教学。

（3）学生层面。现在的学生是网络化的一代，网络伴随着他们的成长，他们习惯于与网络共存，网络是生活中必不可少的一部分。并且学生习惯于使用手机等移动设备进行碎片化的学习，这些特性有利于翻转课堂的实施。

2.2 翻转课堂在《网页设计》课程中的具体实施

本课程以中国大学慕课、在线视频会议、头歌等课程教学平台为支持，将整个教学过程分为课前、课中、课后三个紧密相关的阶段，采取线上、课堂相结合的方式实施混合式教学，如图1所示。

（1）课前

教师根据课程大纲和教学方案制定本课程的学习任务单，包括学习目标，章节知识点，课程学习视频，相关拓展学习资源。学生根据教师发布的学习要求展开学习，在中国大学慕课平台学习课程视频，针对知识点清单逐一完成。在此期间，学生可对疑难知识点反复观看视频学习，一边观看视频，一边做笔记，避免了传统教学模式中教师单向传授，学生无法深入学习的弊端。学生在学习中碰到的疑难点可以在网络中寻求解答，通过各种即时通讯工具与教师和同学进行交流探讨，也可以记录下来在课堂上提出。

（2）课中

本阶段为了进一步对学生所学知识进行高效率的内化，教师需要对课堂教学活动进行充分准备。在本过程中，教师对活动进行设计及组织，需要引导学生积极探索，而学生才是教学活动的主体，教师要能够让学生主动参与进来，把学生学习的积极性充分激发出来。

首先，教师需要对课程中的重难点进行简要的讲解。教师需要从课前阶段中与学生交流中学生提出的共性问题进行操作演示，或者让学生分组进行讨论，协作解决；针对一些特性问题，需要对相应学生采取逐步提示、逐步引导，尽量让学生自己寻找答案。这样才能够提高学生学习的主动性，培养学生自己解决问题的能力。

其次，由于课前学习中的任务多为基础知识点的内容，为了让学生能够更进一步掌握所学内容，教师需要在课堂上布置部分难度稍大的协作任务，让学生分组进行讨论探究，例如如何使用多种布局方式制作一个网站首页。可以将学生分为多组，一组人数控制在5-6人，各组选择自己的布局方式进行设计。设计任务中包括网站的主题选择，素材的搜集处理，页面的布局以及最终整合讲解，由组长协调分配分工完成。在分组完成过程中，教师要随时进入各组，为各组做好指导和咨询，适时参与到各组讨论中去，给予适当的帮助。

最后，各组选出代表上台展示成果，小组互评和教师评价交错进行，教师根据共性问题再次进行深化讲解，小组继续完善任务作品。

（3）课后

根据课中实际学习情况，教师和学生都需要对课堂学习内容进行反思[4]，各小组继续完善课堂任务作品，教师布置课后拓展任务。学生结合课堂上的学习内容，通过课后任务及时复习巩固和升华。教师需要及时总结，对教学资源，课堂教学设计中碰到的问题进行总结反思，为后续的教学改进提供依据。

图1 翻转课堂三段式关系图

3 结束语

通过实践证明，将翻转课堂引入到《网页设计》课程教学中基本上是成功的，充分体现了学生为主的教学理念。整个教学活动分为前、中、后三个阶段，在整个活动过程中师生能够通过各种方式频繁互动，学生学习的主动性得到充分的发挥，自学能力和探索能力得到培养[5]。笔者会以此为契机，结合教学中的反思，改进教学方式，提升教学效果，将基于翻转课堂的混合式教学模式的优势充分发挥出来[6]。

[1]侯丽艳.基于翻转课堂的《网页设计与制作》课程混合式教学模式的探索[J].教育信息技术，2017（09）：63-65.

[2]李楚贞.任务驱动法和翻转课堂在网页设计课程中的应用[J].福建电脑，2016（9）：138-139.

[3]刘辉.翻转课堂在计算机文化基础教学中的应用研究[J].信息技术与信息化，2016（07）：94-96.

[4]程晓伟.基于MOOC的翻转课堂教学实践探讨[J].软件导刊，2015，14（05）：182-184.

[5]王镇龙，王辉.刍议中职财会专业教学方法的改革[J].职业教育（中旬刊），2013（12）：21-24.

[6]王宏，张虎.基于“翻转课堂”的混合式课程设计[J].价值工程，2018，37（10）：253-254.

国家语委科研项目（YB135-109）；湖北文理学院教学研究项目“翻转课堂在《网页设计》课程中的应用研究”（JY2019073）