高职网页设计课程有效课堂研究

洪丽华 李明玉

摘 要：网页设计课程是高职院校计算机网络技术及相关专业的核心专业课程。该课程重点学习Web前端开发的基础知识，是掌握网络开发技能的重要组成部分。本文探讨高职网页设计课程有效课堂的应用，以提升学生的学习积极性，增强自主学习能力，从而培养高素质技能人才。

关键词：有效课堂    网页设计    游戏教学法    项目驱动

课  题：本文系黑龙江省教育科学研究规划重点课题“游戏化教学法在高职计算机类课程上的创新应用与研究——以网页设计课程为例”（课题编号：ZJB1422312）的研究成果。

网页设计课程的特点是注重对学生动手能力的培养，因此在教学过程中如何调动学生的学习积极性、培养学生的自主学习能力和增强学生的动手能力是检验教师教学能力的关键。

一、网页设计课程有效课堂的设计原则

网页设计课程是一门大多数学生都比较感兴趣的课程，但是随着知识量的增加以及项目难度的不断提升，一部分基础较弱的学生容易出现倦怠情绪。

网页设计课程还要求学生具备一定的英语基础，对刚刚接触程序设计的学生来说有一定的难度，因此，如何根据课程特点以及学生的实际情况制订切实可行的教学计划、使用行之有效的教学方法就成了教师必须下功夫研究，并不断改进的重要课题。其中，提升课堂的有效性是网页设计课程的教学设计非常重要的一项内容。

笔者结合多年教学实践经验以及教学研究，认为网页设计课程的有效课堂设计应该遵循以下几个原则。

（一）寓教于乐

由于高职院校学生普遍学习主动性较差，单调枯燥的学习方式很难激发他们的学习热情，因此在进行教学设计时应该以寓教于乐为原则。在具体的教学实践中，游戏教学、项目驱动教学等方法都是比较适合的教学手段。

（二）以练为主

网页设计课程教学注重学生自己动手设计和制作能力的培养，因此教师在教学过程中要注重以练为主的原则，做好项目内容练习、难易度以及评价标准的设计。这样既能保证学生在不同学习时期循序渐进地提高学习成绩，又可让不同层次的学生都能进行有针对性的练习。

（三）贴近实际

练习项目的内容和练习过程要模拟企业真实开发过程。这样学生通过练习不仅能够学习相关技能，也能够了解行业现状，从而能够更加全面地对学生进行职业技能和素质的培养。

（四）课上和课下结合

为了从多方面提升高职院校学生的学习效率，教师应将课上和课下学习有机结合，以进一步提高课上学习的效率。课下学习环节的设计是为了保证学生在课上学习之前做好必要的預习和理论知识储备，以便在进行课上学习时效率更高。

（五）线上和线下学习结合

教师可以在课前预习环节用线上学习方式进行理论教学，还可以通过网络进行辅导答疑。通过网络提前下发练习项目，监督学生进行必要的准备，在学生练习后对其练习项目的效果进行评价。做好线上和线下学习的有机结合，以提高学生的课堂学习效率。

二、网页设计课程有效课堂的教学实施

笔者设计了一套较为成熟的网页设计课程有效课堂的实施方案，该方案将教学过程分为课前预习、课上学习和课后巩固三个阶段。

（一）课前预习

1.理论知识学习

教师先录制好理论教学视频，并上传至网络教学平台。学生在课前通过平台学习相关理论知识，为课上的项目开发练习做好准备。

2.练习项目下发

教师提前发布练习项目，而且要包含对学生准备阶段成果的检验。这样课上学习阶段的有效性才能真正得到保证。

（二）课上学习

课上学习阶段是网页设计课程有效教学的核心阶段。在传统的教学模式下，课上学习阶段是以教师为主体，但是无论是从高职院校教学的需要，还是课程本身的特点出发，有效教学的课上学习阶段都应该让学生成为主角。

为了保证网页设计课程的有效性，课上学习阶段应该遵循三个原则，即以学生为主、以练为主、以激发兴趣为主。学生是课堂的主体，从学到练都要在最大程度上激发学生兴趣，让学和练从被动转变为主动。在此阶段教师要重点做好三个方面的设计工作。

1.教学环节

根据课程的实际情况，网页设计课程有效课堂的教学环节包括以下五个阶段。

（1）课下练习项目分析。课下练习项目分析阶段的主体是学生。由评选出的前一节课课下练习项目优胜小组推荐组员进行项目演示和讲解。此阶段的主要目标是完成对前一节课知识点的复习，培养学生的文字组织和语言表达能力，通过互相学习借鉴，加深学生对知识点的理解。

（2）课堂练习项目发布。课堂练习项目发布阶段的主体是教师。教师在和学生沟通交流后发布课堂练习项目，再根据学生的需求分析导入新知识点。由于学生在课前预习阶段已经通过视频初步掌握了知识点，因此，本阶段教师要对新知识点进行精讲。此阶段的主要目标是完成对新知识点精讲以及使学生了解练习项目的需求，培养学生的理解能力和交流沟通能力。

（3）课堂练习项目开发。课堂练习项目开发阶段的主体是学生。将学生按项目需求分成若干小组，每个小组进行分工合作，学生按分工完成自己的开发任务，教师在学生开发过程中根据学生的实际需要进行必要的辅导。此阶段的主要目标是使学生完成对新知识点的实际应用，提高学生的技能水平、培养学生团队合作能力和交流沟通能力。

（4）课堂练习项目评比。课堂练习项目评比的主体是学生。学生在项目开发结束后，将作品上传到作品展示网络平台。教师组织学生为每个小组的作品相互打分，按得分评选出优胜作品。优胜小组推荐组员进行项目演示和讲解。此阶段主要目标是完成对本节课知识点的复习，培养学生的文字组织和语言表达能力。

（5）课下练习项目发布。课下练习项目发布阶段的主体是教师。教师在和学生沟通交流后发布课下练习项目，根据需求分析再次提示学生本节课所学知识点。此阶段的主要目标是使学生充分了解课下练习项目的需求，培养学生的理解能力和交流沟通能力。

在这五个阶段的教学环节执行过程中，教师要在各个阶段做好组织工作，把控好教学节奏，保证课堂教学的有效性。

2.教学方法

为了提高网页设计课程的课堂教学有效性，合理且多样的教学方法是必不可少的。教师在实际教学过程中根据教学的实际情况，对教学方法的使用以增加教学趣味性、调动学生积极性为主要目的，以下是教学实践中比较常用的教学方法。

（1）游戏教学法。游戏教学法在网页设计课堂教学中的使用可以从两方面入手，一是在练习项目中加入网络游戏元素；二是在练习项目的开发过程中加入游戏或比赛环节，以激发学生的学习兴趣。

（2）项目驱动教学法。项目驱动教学法非常适合网页设计课程。教师需要注意练习项目的难易度，同时练习项目必须贴近实际需求。

（3）讨论教学法。教师在教学过程中可以采用小组讨论、自由讨论以及师生讨论的方式。在采用讨论教学法的过程中，教师要注意对学生的引导，还要做好对讨论内容的总结概括。

（4）讲授教学法。在网页设计课程的课前预习阶段、课堂练习项目发布的知识点精讲阶段都可以使用此方法。

（5）演示教学法。在课前预习阶段、课堂练习项目开发阶段、教师在对学生进行辅导时可根据需要使用演示教学法。

教学方法需要根据教学的实际情况灵活应用，合适的教学方法是提升课堂有效性的重要手段。

3.练习项目

练习项目是网页设计课程教学中非常重要的内容。练习项目设计的好坏直接影响着学生的学习效果和学习兴趣。因此，设计好练习项目是教师必须完成的一项任务。

根据在教学过程中的不断摸索和体会，笔者认为练习项目的设计要遵循以下几个原则。

（1）难易适中。练习项目的设计对不同学习水平的学生都要有所兼顾，既能保证少部分队尾的学生有所收获，又能保证大部分处于中间位置的学生有所提升，还能保证少部分队首的学生有所拓展。

（2）有明确的评价标准和结果。练习项目有明确的评价标准和结果，才能更好地评价学生的学习效果，可以通过排名激发学生的好胜心和学习积极性。

（3）贴近实际需求。练习项目要从项目功能、项目内容和项目开发模式等方面进行设计，尽可能地贴近实际需求和企业真实开发过程，最大程度地模拟真实工作场景。

（4）兼顾趣味性。有效课堂的前提是充分调动学生学习的主动性和积极性，所以教学过程生动有趣是必要的前提。

网页设计课程的练习项目设计可以从项目内容和项目开发形式两个方面入手。

（三）课后巩固

网页设计课程的课后巩固阶段是有效课堂的必要补充，学生只有多练习才能把课堂上学到的知识掌握得更熟练，形成深刻记忆。课后巩固应从总结和练习两方面入手。

1.总结

学生在课后要将在课前预习阶段学到的理论知识和课上学习阶段的练习项目开发进行总结归纳，将知识重难点、项目开发心得体会进行梳理和概括。此过程可以培养学生的文字组织能力、独立思考能力和概括总结能力。

2.练习

在进行课上练习和课后总结的基础上，增加课下练习项目。该项目的设计和课上练习项目相比，更注重知识的综合性，并将学生过去所学知识尽可能多地包含在内。

三、构建网页设计课程有效课堂的意义

有效课堂的“效”有两个方面的含义，即“效果”和“效率”。因此，有效课堂指的是在教学过程中，既要提升学习效率，又要提高学习效果，而实现这两个目标正是有效课堂的真正意义所在。

（一）有效课堂有利于提升教师的教学能力

有效课堂对教师的教学能力提出了更高的要求，尤其是教师的教学组织能力、课堂的管理能力以及授课能力。因此，有效课堂就是教师提高教学能力的有利契机。教师只有不断学习、不断参与实践才能满足开展有效课堂教学的实际要求。

（二）有效课堂有利于推进职业素质教育

社会对高职院校毕业生的需求不仅有技能需求，而且有职业素质要求。因此，在职业教育中加强对学生的职业素质培养是对高职院校教师的基本要求。

有效课堂在教学过程中强调以练为主、以学生为主，就是将职业教育和职业素質教育进行有效融合、合理规划，以更全面地培养学生的综合职业素质。

（三）有效课堂有利于提高学生的主动学习能力

网页设计课程有效课堂的重点就是培养学生的自主学习能力，这不但能提升学生的学习效率、学习效果，而且有利于培养学生的学习能力。这也为学生的在校学习、未来走向社会的继续提升以及工作主动性的提高都提供了必要的条件。

（四）有效课堂有利于职业教育和市场接轨

将职业教育和市场需求接轨是目前职业院校正在大力改革的方向。网页设计课程的有效课堂在教学过程中强调项目设计和项目开发过程都要模拟企业实际项目的开发。学生在学校学习的过程能极大接近企业的工作过程，使学生就业时能够更贴近企业的用人需求，扭转职业教育和市场脱节的尴尬局面。

（五）有效课堂有利于推进高职教育教学改革

高职教育教学改革是摆在所有高职院校教育者面前的艰巨任务，如何探索出更适合高职院校的具有中国特色的教育模式是必须要解决的一个重要问题。网页设计课程有效课堂正是教师在这样的背景下的一次教学改革尝试，教学目的是提升教学效率和提高教学效果，为高职教育教学改革寻找更多的机会、创造更多的可能性。

四、小结

目前，许多高职院校都在进行教学改革。教师应从高职院校学生的特点和网页设计课程的特点出发，网页设计课程教学改革的重点应放在课堂有效性的提升上，同时要注意对学生技能和职业素质的综合培养，把培养高素质技能人才作为主要目标，从实际出发、从市场需求出发开展网页设计课程教学。

参考文献：

[1]江梅梅.项目式教学在网页设计与制作课程中的应用[J].大观，2020（11）.

[2]杨波.翻转课堂在中职学校《Dreamweaver网页设计与制作》教学中的应用研究[D].长春：长春师范大学，2020.

[3]罗晓娟.基于案例教学的翻转课堂教学样例设计：以网页设计课程为例[J].豫章师范学院学报，2020（5）.

[4]吴昊珍.基于实训项目驱动的“网页设计”有效课堂设计[J].大观（论坛），2018（7）.

[5]李可.基于有效课堂的静态网页设计课程整体设计[J].福建电脑，2018（3）.

[6]黄怡菁.基于STEAM教育理念的中职课程游戏化教学设计研究：以网页制作与设计课程为例[J].文化产业，2021（13）.

[7]陈国才.“JavaScript网页特效设计”课程内容游戏化教学改革模式研究[J].无线互联科技，2021（2）.

（作者单位：黑龙江旅游职业技术学院）