浅论基于混合式教学模式的中职HTML+CSS网页制作课程教学改革

柳丽彩 赵玉英 刘岭

摘 要：本文针对当前HTML+CSS网页制作课程的教学现状，以混合式教学模式为基点尝试进行 HTML+CSS网页制作课程的教学改革，开展“线上+线下”混合式教学模式的研究，以此提升教师信息化手段应用能力，激发学生课堂学习的主动性，提升课堂教学质量。

关键词：混合式教学模式    教学现状    教学改革    线上+线下

课   题：本文系邢台市教育科学“十四五”规划一般课题“中職混合式教学实践研究——以 HTML+CSS网页制作课程为例”（课题编号：2102004）阶段性研究成果。

随着信息技术的飞速发展和移动互联网时代的到来，线上学习与课堂教学相结合的混合式教学模式成为教育界研究的热点。

目前，中职学校学生学习主动性不高已成为一种较普遍的现象。提高学习兴趣是学生由被动学习转向主动学习的动力，也是中职学生学到技能的关键。《中职院校专业人才培训方案制定与实施》提出后，中职学校要进一步深化教师、教材、教法改革，推广混合式教学模式等现代教学模式，推进课堂教学革命。因此，混合式教学模式不仅符合时代发展的需要，而且是中国教育改革的趋势。

在信息化环境日渐成熟的条件下，教师既要关注“如何教”，又要关注学生“如何学”。混合式教学模式为HTML+CSS网页制作这门课程的教学改革提供了新的教学方向和思路。教学团队借助网络平台，将理论、实践和网络有机地结合在一起，进行基于混合式教学模式的HTML+CSS网页制作课程教学改革的研究。

一、 HTML+CSS网页制作课程教学现状

HTML+CSS网页制作是笔者学校信息技术系面向计算机程序设计专业、计算机网络应用专业开设的一门专业课程。通过理论教学和技能实训，使学生掌握HTML标记语言及CSS 技术相关知识，培养学生具备本专业技能型人才所必需的代码编写能力，为后续动态网页设计课程学习打下基础。

（一）教学存在的问题

1. 学生课堂参与度不同

中职学校学生学习兴趣不高已成为一种较普遍的现象，导致学生课堂参与度低。从对近两年笔者授课班级学生调查情况来看，能跟上老师讲课思路、能回答老师提问的学生占班级人数的20%左右，有80%的学生游离于课堂之外。有些学生表面看是在听老师讲课，实际上却不知道老师讲到哪里了，更有少数学生上课睡觉，需要被老师叫醒听课。因此，传统纸质教材、PPT课件等教学形式已经不能满足中职学生的学习需求，需要教师给学生提供更丰富的课堂教学形式、更合适的学习资料来不断激发学生的学习兴趣。

2. 教学效果不理想

为提高学生的学习兴趣，笔者学校该课程的教学团队根据中职教育的特点，在教学中重点强调实用性和操作性，在教学内容上注重实践教学，在教学方法上尝试案例教学、任务教学等。统计近两年授课班级上课情况，80%学生能完成教学案例，但是大多数学生不能灵活运用知识，上机实验用到理论时，学生已经把大部分知识忘记，代码学习上只是机械模仿老师，体现不出HTML+CSS网页制作课程的应用性和创新性。

（二）教学现状分析

经笔者所在学校该课程的教学团队分析，导致以上教学现状的原因有以下几个方面。

1.教师与学生的“角色”没有变

教师仍然是课程的主导者，学生仍是被动式接受学习，以学生为中心的教学模式尚未形成。

2.教育观念没有转变

学生思想上重技能、轻知识，普遍认为毕业就是当工人，能干活、会操作就可以，认为知识学不学都一样。教师在教学中重视学生的技能培养，也在一定程度上忽视了学生的知识学习。随着国家对职业教育的重视，职业教育对中职学校学生的技术能力也提出了更高要求。因此，教师和学生要转变观念，统一思想，明白职业教育培养的是技术工人，不是单纯的操作工。

3.考核评价方式单一

HTML+CSS网页制作课程考核采用平时考核和期末考核的方式。平时考核分课堂表现及作业，部分学生的作业存在相互抄袭问题，影响了学生主动学习的兴趣和热情。

二、 HTML+CSS网页制作课程教学改革

为了向“以学生为中心” 的教学模式转变，以混合式教学模式为基础进行教学改革，原则上教学重点兼顾知识和技能，教学内容选择以贴近学生学习、生活的项目任务为主线。具体思路可概括为：以学生为中心，利用网络平台，结合线上、线下教学资源，开发混合式教学模式，实现最优化的教学效果。具体措施分为三个步骤：第一步，根据学生能力培养的要求和学生的心理、生理等特点，调整与优化教学内容，建立数字化教学资源;第二步，开发基于网络平台的混合式教学课程;第三步，改进教学方法，创新教学模式。

（一）整合教学内容，建立数字化教学资源

传统教材按知识体系组织教学内容，针对HTML+CSS网页制作课程知识点多且较分散、实践性强的特点，笔者所在学校该课程的教学团队按教学大纲提炼了课程需要达到的能力要求，根据“项目引领、任务驱动”理念设计教学内容，开发了文化网、环保网、优品网和思政网四个教学项目，每个项目又划分为若干个相对独立的任务，让学生在真实的页面制作过程中掌握HTML+CSS网页技术的应用。

（二）基于网络平台的混合式教学课程

结合混合式教学课程教学要求，把项目的每个任务作为一个教学单元，每个教学单元按知识类型和教学目标再分割成线上活动和线下活动，构建基于网络平台的混合式教学课程，并在教学实践中不断更新和完善。

HTML+CSS网页制作课程的所有教学资源按项目任务放置于网络平台中，学生课后时间可以在手机上查看和学习。

另外，如果学生缺课未能参与课堂学习，也可以通过这些线上资源进行补习。同时，学习能力较差的学生，也可以通过反复观看线上资源，不再对教师形成依赖心理，使课堂的利用率更高，进而能够有效提高整体教学质量。

（三）改进教学方法，创新教学模式

立足于学校、教师和学生的实际，笔者所在学校该课程的教学团队借助网络平台，将理论、实践和网络有机地结合在一起，运用“线上+线下”的混合式教学模式进行课堂教学。

1.“线上+线下”的教学特点

利用网络平台实现“线上+线下”教学内容的融合，有利于突破课程教学中的重难点。创新了传统课堂的互动形式，实现了教师与学生课堂面对面的多边互动交流。考核评价突出全面性及客观性，采用过程考核和期末考核相结合的评价方式，突出过程考核的可见性、阶段性、层次性特点，以此激励学生学习的积极性和提高学生实践创新能力。在传统考勤、作业、期末考试基础上，将线上学生的学习态度、测试成绩、登录网络平台的次数、视频观看时间等均作为评价范围。在传统教师评价基础上，增加自我评价和同学互评。

2.如何進行“线上+线下”教学

线上教学主要是学生获取知识，即知识点学习，为开展线下教学提供参考。教师将教学资源发布到网络平台，学生通过学习终端观看教师提供的教学视频、PPT等线上学习资源，学生在教师监督下完成线上知识点学习，并将学习过程中的问题反馈给教师。教师在网络平台上针对线上所学内容，发布针对性强的测试题，学生完成线上测试，教师汇总学生测试结果，分析线上学习情况。

线下教学的主要目的是让学生通过学习领会、应用知识，即对知识进行内化，实现知识到技能、能力的转变。教师根据教学重难点、学生线上学习遇到的问题和测评反馈等安排教学内容或进行答疑解惑。教师在讲解过程中，可采用提问、讨论、展示页面等多样化教学方法，提高课堂教学效率和教学质量。

3.“线上+线下”教学的效果

从教学效果看，“线上+线下”混合式教学课堂与传统课堂相比，在课堂上睡觉的学生几乎没有了。学生在教师的指导下，积极主动参与线上资源的学习，课堂上提问题的学生多了，课堂效率显著提升。学生由之前的单纯按案例做页面转变为我要自己设计并制作页面。

三、小结

结合中职HTML+CSS网页制作课程目前的教学现状，笔者所在学校该专业的教学团队通过设计贴近学生学习、生活的项目和任务，提高学生学习兴趣。利用自建的数字化教学资源、慕课网和腾讯课堂等免费的HTML+CSS教学资源，搭建了网络平台的线上教学课程。在课堂教学中进行“线上+线下”混合式教学模式改革，实现“线下教学为主”向“线下线上教学相结合”的转变，解决了教师在课堂教学过程中过多地进行讲授而导致学生学习主动性不强、不同学生的学习结果差异过大等问题，从而有效地提升了绝大部分学生的学习效率，切实提高了课堂教学质量。

参考文献：

[1]何克抗.从Blending Learning看教育技术的新发展 [J].电化教育研究，2004（3）.

[2]黄荣怀，马丁，郑兰琴等.基于混合式学习的课程设计理论[J].电化教育研究，2009（1）.

[3]郭腾.基于超星网络平台的混合教学模式在影视数字合成课中的应用研究[J].西部广播电视，2019（20）.

[4]王冠华.基于线上线下混合式教学的优质课堂建设实践研究[J].专业建设，2021（2）.

（作者单位：邢台技师学院）