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

王天娇　丁可

摘要：高等教育的实践课程，学生不仅需要掌握技术知识和技能，还需要掌握现代教学方法。因此，充分利用混合教学模式是提高大学生“网页设计与制作”学习效率的重要途径。混合式教学是一种运用现代教育技术，将传统课堂教学与网络教学相结合，将教学内容与各种教学方法相融合，弥补传统教学方法不足的学习方式，在学习过程中，既要重视教师的引导和启发，又要充分尊重学生自主学习，通过混合式学习模式，充分利用各种学习方法。

关键词：混合教学模式；高职；网页设计与制作

一、线上教学的有效方式

（一）课程线上直播的有效性

随着5G时代的到来，混合式教学已经成为一种基本的教学方法。原则上，网页设计和制作的学生都有一台笔记本电脑，教师可以要求学生把笔记本带到教室。一方面，学生可以正常观察直播，另一方面，学生可以播放前面的所有直播内容。教师也可以储存直播视频，作为下一课的教学视频。学生也可以在现场直播时积极互动，每个学生都能及时分享自己的桌面，必要时可以自由分享和交流内容，需要下载的内容可以通过固定的记录及时发送到组中。因此，教师和学生需要直播课堂，记录课堂细节，共享资源。

（二）视频资源的充分利用

除了自己的实况视频录制，教师还可以使用优秀的在线工具来指导学生学习。网页设计与制作是一门要求很高的软件技术课程，由于大量的软件和插件，教师可能无法及时掌握最新的技术和教学内容。在这种情况下，共享网上教育资源可以有效弥补教师自身的不足，学生也能及时掌握新的技术内容，一方面丰富了课程本身的教材；另一方面，学生的知识、设计能力也在增强。利用视频资源的另一个重要功能是延长学生的学习时间，学生可能被要求在上课前使用视频教学进行在线学习，教师可以在创建视频时利用临时节点，通常是20分钟，15 - 20分钟是理想的时间。正如前面提到的，学生很难适应45分钟全程教学，短视频课的内容更容易被学生认可和接受，教学效果也更理想。

（三）线上作业的分享和点赞

许多在线学习平台都有作业输入功能，非常方便学生学习。此外，学生可以在作业中展示自己，大大促进对作业的热情。学生也可以随时看到他们成长的过程，分享他们的作品。同时，也方便了教师的评论，教师可以及时有效地与学生交流，学生也能及时改正。

二、合理利用线下教学

（一）课堂上不再讲软件技术性的问题

软件技术内容的教学通常是固定的，如果软件没有升级，可以使用以前的视频资源，教师可以把视频上传到网上课堂，这样学生可以自己学习。网络教学应主要用于交流设计思想，一方面，增加了教学时间和课程内容，另一方面，提高了教学效率，充分增强了教学效果。

（二）充分给予学生展示自己作品的时间

作品的呈现不仅需要作品本身，还需要作者的解释。设计需要创造性，需要由作者决定，在在线教学中，充分利用翻转式学习可以满足学生的自我表达欲望，同时帮助他们解读自己的作品，进一步促进更好的课堂互动[1]。

三、线上线下混合式教学的可行性和必要性

在传统教学模式中，师生在同一地点、同一时间，进行固定和有组织的教学行为。教学自由不够，教学形式过于统一，网络资源没有得到充分利用，网络便利没有得到利用，在微观经济背景下成长起来的新一代年轻人无法适应。采用网上混合学习模式可以延长学生的学习时间，增强学生的创新能力，激发学生的学习欲望。

使用网络教学方法可以减少学生对教学技能的依赖，在网络课程中，教师可以花很多时间来交流和分享作品的设计和美学，也为生活的未来发展形成了良好的学习习惯，达到了高级学习的效果。

四、高职“网页设计与制作”课程的特点及教学现状

（一）高职“网页设计与制作”课程的特点

1.掌握大量的基础理论知识。该学科的核心内容包括HTML、CSS设计、DIV等知识。

2.要求学生具有较强的实践能力。课程结束时，要求学生自己开发网站，通过所学知识达到要求。因此，学生必须有更高的实践技能。

（二）高职“网页设计与制作”课程教学现状

1.学生参差不齐的基础对教学要求不同。高职学生有三个来源，一个是高考生，另一个是相关专业的学生，他们在以前的学习中掌握了相关的网页设计课程，学习起来比较容易，第三类学生属于中职教育学生，他们的教育水平相对较低，他们在学习网页设计和制作时会有些压力。因此，学生来源不同会降低教学效率，严重影响教学质量。可适应具体情况的混合教学模式是解决这一教学问题的重要途径。

2.教学理念的实施存在一定的缺陷。许多教师仍然使用传统的教学方法，这种教学方法有一定的优势，但从实际情况来看，学生对这种被动学习方法不太感兴趣，强化思维使很多学生无法独立思考。因此，许多学生无法在实践活动中充分应用所学的理论知识，他们的实际应用能力没有得到发展和提高。此外，这种教学方法在师生互动中缺乏积极性和自主性，往往导致学生回避问题，很少深入学习，对学习失去兴趣，难以达到预期的学习效果[2]。

3.学习时间有限，难以满足学生的学习需求。网页设计制作的课程知识点多，课程标准要求的学习内容多，学习目标难度大，但规定的课程数量有限，教师教学压力大，往往导致学生失去学习欲望。传统教学方式下教师在课堂上主要是讲解知识，学生需要更多的时间来理解知识，没有足够的时间让学生思考和回答问题，不能让学生独立思考，学生的学习效率也不高。

4.考核方式有待优化。传统的课堂考试是以期末考试为基础的，学生一般学习比较散漫，或者过程考试，但忽略了过程监控和复习过程，所以学生没有认真学习，因此评估方法需要优化。

五、采用混合式教学模式的背景分析

（一）学生学习情况分析

1.学生学习兴趣不高。近年来，由于国家的重视，职业教育取得了很大进展，职业教育的一个重要组成部分，职业教育的质量主要由考试来保证。现有的教学模式基本保持理论和实践教学，在理论课中，教师通过多媒体课件和课堂实践逐一讲解和分析知识点，这种教学模式存在许多教学问题，学生们对学习不感兴趣[3]。

2.学习方式单一。传统的教学方法是老师说学生听，学生按时完成作业，学生不能实时查看教学过程，对于一些学生来说，他们希望在课前和课后重复学习，没有与课程相关的学习工具，学生认为现有的教学方法单调乏味。

（二）可行性分析

根据对学习兴趣和学习方法的调查，大多数学生毕业后会失去学习动力，如果不改变学习模式，就无法在社会中发展。

1．软硬件设备可行。基本上，现在学校里每个学生都有一部手机，Wi - Fi几乎复盖了整个学校，计算机房在课外向学生开放，企业集团积极支持使用超级终端教学应用程序，硬件和软件为混合式学习和教学提供了一个良好的基础。

2.教师与学生可行。调查显示，教师希望在教学中使用混合式学习方法，并希望通过修改教学方法来提高学生的学习兴趣和知识转移。至于学生，他们也希望能改变自己的学习方式，让无聊的课程更加生动有趣，这样他们就可以在学校学习更多的知识。

六、混合式教学模式的应用

根据课程的特点，结合网页设计与制作课程的教学现状，对传统的教学方式进行分析和改革，改进教学理念和教学方法，将教师主导的教学方式和学生被动接受的教学方式相结合，成为以学生为中心的教学模式，更好地整合基础知识和教学实践。

（一）丰富课程资源

简而言之，就是通过网络平台为学生提供高质量的MOOC内容，互联网上有很多关于网页设计和制作的MOOC课程，但学生很难在网络课程中找到MOOC的知识和充分学习。因此，根据本课程的教学目标，教师可以找到适合学生的MOOC资源，上传到网络平台，以便学生在课下学习。

（二）课堂组织灵活，加强实践教学

混合教学模式强调网上学习和线下学习的结合。因此，混合学习模式的关键是提前编制课程，学生通过网络平台学习，自己思考，提前了解知识内容，完成开放的学习任务。通过该平台，教师和学生可以相互交流和互动，获得必要的知识点，这些知识点可以增加课堂练习和教学的时间。在交流和互动的过程中，可以更好地引导学生的思维，加强师生之间的关系。

（三）加强监督，引导学生自学

在混合教学模式下，教师必须密切关注预定任务的完成情况。学生可以独立学习，分配任务，加强互动，在线提交作业和回答问题，教师可以通过课堂问答方法检查学生的学习情况。

七、混合式项目课程设计

（一）创建学习环境

创造一个混合的学习环境是基于项目的混合教学的基础。混合式学习环境通常指的是传统的课堂学习环境，教师通过知识传授和技能展示，帮助学生掌握基本的知识，从而促进系统知识的传授，实现学习目标。网上教学环境是利用软件和硬件将课堂教学传输到网上，依靠广泛的数字学习工具和各种在线资源，特别是在线学习平台的强大互动能力，帮助学生通过工作分享和协作完成项目计划，并培养探究和创新精神。

（二）准备基础知识

项目学习中基本技能的培养是必不可少的，只有具备一定的基础，学生才能进行独立的研究，以满足学习项目的要求。基础训练由一名教师领导，教授教学中一些复杂的概念、原理和操作方法。以Web Design和Production课程为例，该课程侧重于基本的HTML标记和属性，以及CSS的基本用法，教师从整个学科的角度设计教学内容，全面考虑各级学生的认知需求，帮助学生形成基本体系。通过理解知识，激发学习兴趣，培养项目学习中的积极性和主动性。

（三）设置合理项目

主要内容：学生可以自己动手，通过网上自学，运用简单的知识点。教学要点：学生很难独立学习，第一次使用混合教学模式，教师可以进行演示并引导讨论，让学生完成整个过程。实践项目：通过有针对性地应用课程知识，可以了解学习的哪些方面需要改进，了解学生如何掌握知识。

（四）多元评价模式

混合教学模式结合了传统的线下学习和在线学习。教学考核方案由三个主要部分组成：传统课堂实践、阶段性考核和在线学习考核。因此，除了课堂评价和绩效评价之外，学生在网络环境下的表现也起着重要的作用。考核结果并不是学习动机的唯一标准，对学生在线平台学习数据的分析和总结可以反映学生的学习状况和实际技能。

八、混合模式教学实施

（一）准备环节

在课程设计中，教师不仅要考虑如何正确安排课程内容，还要考虑如何连接不同的知识点，然后提供相关知识点的扩展内容，以保证学生能够快速准确地获取他们想要的信息。同时，对师生互动和教学效果评价进行精心设计，以提高学生的学习兴趣和解决及分析问题的能力。

（二）自学环节

自主学习注重培养学生的自主学习能力，作为网络环境下自主学习的一部分，教师根据学生的兴趣和优势设计自学内容，以应对一些合适的问题，引导学生参与网络学习，提高学生自学模式下的自学效率。同时，教师还可以利用信息技术与学生建立电子邮件、QQ小组等多个沟通渠道，以增强学生的沟通能力，并帮助学生解决学习问题，成功完成自学任务激发学生的主观能动性。

（三）教学环节

教学的衔接是通过传统的课堂和信息课程来实现的，混合式教学主要利用网络软硬件环境演示课程内容。在教学过程中，教师通过网络资源向学生传递教学内容，使学生能够及时收到教材。同时，教师可以与学生谈论多媒体管理平台，随时了解学生的学习过程，合理记录学习进展，并为师生提供最大限度的信息资源，充分保证教学的顺利进行，对促进学生学习起到良好的作用。

（四）交互环节

互动是信息环境下教学过程的重要组成部分，直接影响着师生的教学质量。教师可以在互动环节适当利用互动平台，为学生创造良好的交流环境，了解学生的学习成绩，进行教学评价等。教师还应适当检查交互环节信息，让学生思考典型问题，提高课程质量。

（五）操作环节

操作环节是提高学生工作能力，促进学生发展的关键。在当前的信息环境下，在课程教学模式下，教师非常重视培养学生的能力，逐步提高操作性学习的比例。在操作环节中，教师可以使用信息平台建立目标模拟操作系统，使学生能够理解模拟环境中的操作知识和技能。

（六）测试与评价

重点对测试和评价过程进行评估，通过网络平台的每个知识点、模块确定测试内容。学生不仅可以在学习过程中随时检查学习效果，还可以获得即时反馈。此外，测试是在高度开放和团队合作的条件下进行的。教师在课堂上实时评价学生的作业，学生得到实时反馈，学生取得良好的学习效果。

九、结语

总之，混合式教学模式在网页设计和制作中的应用极大地丰富了传统课堂，也与学生的现代思维和学习模式相适应。不同学习途径的结合有助于培养学生的自学能力和实践能力。混合式学习受时间限制，教师可以灵活教学，学生可以自主学习，这对提高高等教育的学习质量有积极作用。H

参考文献

[1]麻少秋.网页设计与制作课程信息化建设的思考与实践[J].信息与电脑（理论版），2021，33（08）：254-256.

[2]夏维.信息化条件下高职网页设计与制作混合式教学模式研究[J].科学咨询（教育科研），2020（08）：53.

[3]叶婉秋.混合式教学在高职《网页设计与制作》课程的应用研究[J].电脑知识与技术，2019，15（07）：235-236.

基金项目：2022年度信阳市哲学社会科学规划课题“以职业能力为导向的高职院校混合式教学模式探究——以《网页设计与制作》课程为例”（项目编号：2022JY116）