混合式教学在中职网页设计与制作课程中的应用

禤金清

(梧州市苍梧县中等专业学校，广西梧州，543199)

一、研究背景

近两年，在国家和自治区相关文件的指导下，苍梧县中等专业学校(以下简称“我校”)开展了职业院校教学质量改进与诊断工作。结果显示，如何更好地获取学生学习情况，并结合学校的信息化平台分析学生学习情况，诊断学生在学习过程中存在的问题，及时改进教学设计，提高教学质量，是摆在学校面前亟待解决的问题。同时，随着计算机技术的发展，很多在线学习平台陆续出现，这些学习平台不仅可以让学生进行在线学习，还能方便快捷地收集学生的学习信息，让教师可以分析学生的学习情况，从而为诊断和改进教学提供方向和依据。在这样的背景下，我校网页设计与制作课程利用“学习通”平台开展了线上线下混合式教学研究。

二、混合式教学概述

混合式教学，是将在线教学和传统教学的优势结合起来的一种“线上+线下”的教学。两种教学组织形式的结合，可以把学习者由浅到深地引向深度学习。[1]

混合式教学具有如下几个方面的特征：第一，这种教学从外在表现形式上是采用“线上”和“线下”两种途径开展教学的；第二，“线上”的教学不是整个教学活动的辅助或者锦上添花，而是教学的必备活动；第三，“线下”的教学不是传统课堂教学活动的照搬，而是基于“线上”的前期学习成果而开展的更加深入的教学活动。[2]

三、网页设计与制作采用混合式教学的优势

(一)能够更好地掌握学生的学习情况，为改进教学提供数据支持

利用线上学习平台的相关数据收集功能，教师不仅能够非常方便地掌握学生在线上的学习情况，还可以采用线上即时发布、线下回答的方式开展一些活动混合式教学，从而更方便地收集学生的课堂表现，最终为教师改进教学设计、提高教学质量提供参考数据。

(二)有利于学生碎片化学习

由于课后无事可做，学生往往把这部分时间用于娱乐。混合式教学正好可以让学生把这部分时间利用起来，并且自由掌握，从而提高学生的学习主动性、自觉性。

(三)有利于提高学生的课堂参与度

课前已经开展了线上内容学习和探究，学生对课堂知识有了初步认知，能够更好地参与课堂讨论以及共同完成小组协作作品，课堂参与度也会明显提高。

四、基于混合式教学的网页设计与制作模式构建

(一)课程及教材分析

“网页设计与制作”是计算机专业的核心专业课程。本课程的任务是通过介绍网页设计制作有关的知识，向学生阐明Web基本工作机制，让学生初步掌握HTML语言，使学生掌握使用可视化网站开发工具Dreamweaver制作网页的基本方法与技能。

网页设计与制作课程使用的教材是电子工业出版社出版的《网页设计与制作案例教程(HTML5+CSS3)》。教材的特点：从中职生的学习实际出发，采用项目教学方式，以基础项目、提高项目、拓展项目的模式，零基础讲解网页设计及网站建设的相关技能；注重理论与实践相结合，将企业实际工作规范融入案例中，避免学生学到的书本知识与实际应用脱节，实现学习与工作的自然衔接。

(二)混合式学习模式的设计

基于项目课程，课题组构建了线上线下两部分教学活动相结合的混合式学习模式。在此学习模式中，教师根据教材中的不同层次项目，设计学习任务。学生根据教师在线上发布的学习任务，采取自主学习或合作学习。学习的过程中出现未能解决的问题，学生可以先通过知识库去学习自主解决：如已解决，则完成课前小测试；如还未能解决，则求助于教师。然后，学生合作完成小组任务，并进行小组任务作品展示，最后进行学习效果评价。评价包括课堂表现、作品考核、自我评价、小组评价和教师评价。教师根据评价结果，改善下一步教学与学习活动。具体混合式学习模式内容如图1所示。

图1 混合式学习模式

五、混合式教学在网页设计与制作课程中的实施

以下，本研究将以第二课“CSS段落样式与元素特性”为例介绍课程实施过程。

(一)网络活动

1.教师活动

教师依据学生实际情况及课程标准要求，设计学生学习活动，搜集相关资源材料，发布网络学习活动清单(如表1所示)和学习任务。学习活动清单能够让学生简单明白地知道需要完成什么任务、怎么完成，需要提交什么、怎么提交。

表1 网络学习活动清单

2.学生活动

学生根据学习活动清单，首先明确本次任务的学习目标，并根据学习清单去完成每一个学习任务，如观看视频、课件等内容，初步掌握所需要的知识与技能。如在学习过程中遇到问题，学生可以直接使用“学习通”中的讨论等功能或者微信、QQ等其他方式与同学、教师实时互动讨论，解决问题。在学习完毕后，学生还要进行一个网络学习小测试，以检验学习效果。如测试不通过，学生则需要重新学习，再测试。

(二)课堂活动

课堂活动是对课前网络学习的知识进行内化的过程。为此，教师需要根据学生课前的网络学习情况、讨论情况以及其他反馈信息进行分析，精心设计课堂教学活动，引导学生对知识进行深入学习，开展协作学习。在此过程中，学生是学习的主体，教师是引导者、组织者和设计者，教师要注意引导学生在掌握课前网络学习知识的基础上，进一步深入掌握知识和技能，开展协作，并适时为学生解决在协作过程中遇到的问题，具体过程如下。

首先，各小组汇报网络学习完成情况以及遇到的问题、解决的方式和途径。教师对网络学习情况进行点评。

其次，教师对重点知识进行深化精讲。精讲是在学生网络学习情况反馈的基础上，依据内容的重难点和网络学习未解决的问题及网络互动讨论中遇到的问题进行重点讲解点拨。

最后，教师在深化知识的基础上，布置新的任务，即提高项目，开展小组协作任务，以提高学生运用知识的能力，让学生将知识转化为技能。提高项目给出了效果图，以及简单的制作要点(如表2所示)，具体制作方法需要学生合作讨论解决。在学生完成任务的过程中，教师进行巡视，引导学生解决遇到的问题。

表2 提高项目：制作“诗词鉴赏”网页

小组协作任务完成后，各小组进行作品展示，并开展小组自评、互评，最后教师进行总评。完成后，学生还可以进行作品的优化。

(三)学生学习数据采集分析

为了形成真实、客观的学生学习评价，除了在课前网络学习阶段由平台自动采集学生的学习数据，在课堂中，教师可以利用“学习通”学习平台的活动功能，在线上、线下同时开展抢答、评分、随堂测试活动，以收集学习过程数据，形成学生课堂活跃度等数据。教师还可以根据教学需要，在“学习通”平台自定义添加一些数据收集项目(如课堂学习态度)，并在课后及时录入这些数据，形成评价数据。

(四)评价

评价采用基于对学生学习数据采集的客观行为，通过对线上课程任务的完成度，课前小测试成绩，学习平台登录的访问数，参与线上讨论、线下抢答等活动的参与度，小组作业的成绩，线下课堂学习态度等多元化的评价方式。这种评价方式通过线上、线下双渠道对学生进行较真实客观的评价。

六、注意事项

首先，教师要注意自身的角色定位。在混合式教学中，过度注重学生的主体地位会导致教师角色定位不明确。特别是在线上网络学习中，教师容易出现对学生的学习过程和学习内容缺乏总体指导和把控的情况，导致学生的学习目标不明确，对知识结构逻辑不清楚，未能实现对知识的建构。因此，不管是在线下课堂还是线上网络学习，教师都要发挥对学生学习的主导作用，对学习内容做好设计，及时指导学生学习。

其次，教师要注意不同学生的学习适应性差距。在混合式在线教学中，学生学习的时间比较碎片化，由于不同学生的学习主动性及身心成熟程度差异较大，部分自控能力较好的学生能较好地按时完成学习任务，部分对教师的依赖程度较高、自控能力较差的学生，学习效果则会大打折扣。在实践教学中，教师要对这部分学生给予更多的关注，对他们的学习进度进行及时督促和学习指导。

混合式教学模式充分体现了“以学生为中心”的教学理念。[3]课前的网络教学能促使学生独立自主地学习思考，线下的课堂学习在教师的精讲引导与学生课前对知识的初步掌握中，又进一步激发了学生参与学习的主动性，加上师生、生生之间频繁的线上、线下交流，都有利于培养学生自主学习的探索能力。基于学习平台的混合式教学，对学生学习数据的采集更方便，重视对学生学习过程的诊断，也有利于教师对教学过程的不断改进与完善。