基于游戏化学习理念对高职网页设计课程的影响

张琳琳 董锡臣

摘 要：在信息技术和互联网经济高速发展、新兴产业层出不穷的时代背景下，国家及企业对Web前端技术工程师的需求也随之加大，与此同时对前端开发人员也提出了更高的要求，因此提高网页设计课程的教学质量、培养高素质前端人才尤为重要。结合高职院校学生特点，在实践中总结游戏化学习理念对网页设计课程的影响，找到适合高职学生学习的方法，实现培养高素质技能型人才的目标。

关键词：职业教育；网页设计；游戏化学习

职业教育在我国教育体系中有着举足轻重的地位，近年来国家给予了一系列政策倾斜与资金支持。当前，全国高职院校、技工院校数量以及学生人数达到了历史最高，毕业生的就业率也稳步提升。于2022年5月1日开始执行的新修订的职业教育法中明确提出职业教育应与普通教育有着同等重要的地位，是我国国民教育体系的重要部分［1］。

1 研究背景

随着信息技术的不断发展，身处信息时代的我们对信息技术带来的变化感受颇深。信息技术的应用已经渗透到人类社会的方方面面，无论是工业制造，还是人们的生活都随时随地享受着信息技术带来的方便与快捷，如：生产线上机械臂的精准操作；优化人们消费行为、改变消费习惯的网络购物；盘活社会上各种闲散资源的共享经济；慕课、AR、VR、智慧交通、智能家居等。可以说离开了信息技术，人类将寸步难行。面对如此高速发展的互联网经济，社会对高素质、高技能的计算机网络技术人才的需求也逐年递增，因此，越来越多的学生选择高职计算机网络技术专业。

学生人数的增加、高质量计算机人才的培养目标都给职业院校的教学带来更大的挑战。职业院校生源复杂，其中包括参加学校的单独招生考试的学生、中高职贯通生、成绩不理想的高考生，这样一个特殊的群体必然存在底子差、学习兴趣低、学习能力弱、自控能力不强、难以管教等问题［2］。然而这些学生中的大部分又有着非常鲜明的个性特征，爱玩，喜欢新鲜、刺激，具有冒险精神，对自己喜欢的事愿意花时间、花精力去追求。計算机网络技术专业本身专业性强，对学习者的要求比较高，学生应具有较强的学习能力、实践操作能力以及缜密的逻辑思维能力，这给计算机专业的教学带来巨大压力。其次，学生不同的学习背景也为高职教师的实际授课带来一定的困难，尤其是专业课教学，中高职贯通生在中专阶段已经学习掌握了部分专业知识技能，而单招生和高考生对于本专业的知识技能都属于零基础，因此教师在授课过程中不但要保证零起点授课，还应在每节课增加相应的拓展知识以满足部分有基础学生的学习。如何调动学生的主观学习意愿，让其学有所得，实现共同进步，一直是高职计算机专业在教学上努力要实现的目标。

2 游戏化学习理念

为了更好地发挥职业教育在中国教育体系的重要作用，结合职业院校学生特点，多年来职业院校一直致力于教育教学改革。目前，多数职业院校的教师在教学过程中已很少使用“填鸭式”的讲授教学法了，尤其是一些敢于创新的年轻教师，擅长运用多种教学手段、教学方法来丰富课堂，吸引学生。从教学过程中采用多种方式启发学生思维，引导其积极主动加入课堂、参与互动，轻松快速地掌握知识要点，适用于所有课程的启发式教学法；到利用有代表性的真实事件，让学生思考、分析案例，再互相探讨、研究，得出结论，使学生从自己的思考或别人的观点中得到启示，进而丰富自己的知识，完成了理论到实践的转化的案例式教学；再到教师发布项目任务，学生按要求围绕任务学习相关知识，并在教师的协助下完成任务，典型的以学生为中心、主体，教师引导学生主动学习、积极探索、合作互助解决问题的任务驱动教学法；以及教师根据教学内容提出要解决的问题，学生分小组讨论出结果，最后由教师总结并运用相关知识解决问题，教学过程中实现了教学相长目的的讨论教学法等，可谓是百花齐放，游戏化学习也是众多教学手段中的一种。

游戏化学习理念由来已久，20世纪70年代美国的一些教育研究者想利用在教学中引入电子游戏等元素来激发学生学习兴趣，提高学习效率，以解决当时美国教育质量滑坡、学生不认真学习等问题；教育家孔子也认为“好之者不如乐之者”。可见无论是在中国还是西方国家都认为兴趣是最好的老师，只有寓教于乐，让学生体会到学习的快乐，才能激发学生的兴趣，从而主动获取知识。高职学生虽然底子差、自学能力弱、自律性不强，但处于人生最青春的年纪的他们热爱生活、兴趣广泛、好胜心强。游戏化学习正是利用了学生们的这些性格特点，将教学与游戏完美有机地结合，使原本枯燥的学习变得有意思起来，最大程度地让学生专注于课堂、积极探索，最终掌握知识技能［3］。

传统的游戏化教学法主要是在教学过程中融入游戏的元素，例如将游戏加进教学的某个环节，辅助教学，活跃课堂。多数国内外的研究都是针对于少年儿童对游戏化教学的反馈，并获得了较好的效果。由此可见，在课堂上融入游戏元素更适合少儿阶段，考虑高职学生大多处在17～22岁这个年龄，单纯地在课堂上玩一个小游戏不足以引起他们的兴趣，本文所指的游戏化教学理念是指模拟游戏的形式组织教学活动，可以是课堂中的某一个或几个任务以游戏的形式展现，甚至是将整节课设计为一个大型游戏，让课堂变得既轻松又有趣。游戏形式可以是多样的，如闯关模式、排位赛模式等。此类模拟游戏形式的学习方式既融合了小组讨论学习法以及任务驱动法的特点，又兼具了游戏的趣味性，并且利用竞赛机制，使学生最终掌握相应专业技能。

3 将游戏化学习理念引入网页设计课程

3.1 游戏化学习在网页设计课程中的具体实施方案

网页设计课程是随着万维网的飞速发展而诞生的一门培养Web前端工程师的核心课程。互联网经济的蓬勃发展推动了我国乃至全球经济的不断转型，新兴产业爆炸式增长，国家对Web前端人才的需求不断增大。无论是企业门户网站的开发，还是移动端APP界面的设计制作都离不开前端技术，因此前端就业前景广阔。网页设计课程主要让学生掌握Web前端开发的核心技术，并能熟练使用HTML5、CSS3、JavaScript等技术开发静态网页，具备调试以及维护网页的能力。这门课理论与实践并重，采用哪种教学手段，选取什么样的项目案例，如何引导学生自主学习理论知识部分，并合理运用相关理论解决实际问题，完成实际项目，这些都是教师在教学过程中面临的问题。

一门课可以采用多个教学法，可以根据实际授课内容选择恰当的教学手段。就网页设计课程来说，前半部分多是基础理论知识，系统性不强，教师在授课时可根据实际情况选择启发式、任务驱动式等适合的教学法进行讲授；后半部分因为有了相关知识做基础，学生可以完成从网页的设计、网页结构的搭建到整个网页的制作这样的大型项目，教学手段就可以更丰富、灵活一些。相对复杂一点的网页由于网页中每个部分、每个区域的制作都需要足够的细心，网页上文字的大小、各元素间的距离、页面背景的颜色、图片摆放的位置等，一丝一毫的偏差都可能使渲染出来的网页的效果不尽如人意。尽管网页项目的成品让学生颇有成就感，但长期枯燥的、千篇一律的学习方式也很快会让学生失去耐心和热情，所以游戏化学习非常适合此时的网页设计课程教学。

本文以我院2021级计算机网络技术专业学生为实验对象，在网页设计与制作实践部分的教学中引入游戏化学习理念，实践课的要求是学生要在4个课时的时间里制作完成一个综合项目。

模型一：闯关游戏。教师在课前将一个完整的网页制作项目拆解为多个任务，按先易后难的原则设置多个游戏关卡，将网页的架构设计设置为第一关，网页的页眉部分、页脚部分、文档内的区域的制作按难度设置为第二关、第三关……学生按学情（小组成员应保证涵盖各个层次的学生，优、良、中、差）、人数（每组大约5～6人）合理划分成六个小组，组成闯关小团队，再按游戏关卡的难易程度分配合适的时间，每个关卡限时大约15～30分钟，只有在规定的时间内完成任务并达到预期效果才能积满分（满分5～10分），否则按实际完成情况积合适的分值，任务全部完成积分最高的小组取得胜利。

模型二：小组PK赛游戏。将学生分成两个小组，让其自主选择网页主题、自主设计网页风格，在规定的时间内完成整个网站/网页（教师给出网站/网页架构、提出要求）的制作，根据页面完成的质量、用时长短由教师评选出优胜者。

模型三：个人排位赛。小型项目任务可以采取个人排名赛的模式，在规定的时间内完成的网页作品均可参加排名（否则没有资格参加排名），由全体学生根据作品展示投票得出名次。

获胜小组、优胜团队成员和个人赛排名前十都可以得到额外的平时分加分并在系内甚至学校内部公开展示其网页作品。当然也可以设计其他合理的游戏模型，模式越丰富，学生越感兴趣，教学效果也就越好。这种游戏化的教学方法打破了原来相对乏味的教学模式，既可以让学生主动学习，掌握网页设计与制作的重点知识技能，又利用学生好胜心强的特点，使学生不仅仅满足于完成网页的制作，还会为了赢得比赛想方设法制作出更精美的网页。

3.2 游戏化学习反饋

游戏化学习在实际实施过程中也发现了一些问题，比如以小组团队这种方式PK，总会有滥竽充数的学生，不付出就享受到了团队的劳动果实，这违背了在课程中引入游戏化学习理念的初衷。为了解决这一问题，要求项目作品中必须包含每名小组成员独立完成的部分（能力不足以完成任务的学生，小组成员可采取互帮互助、教师提供技术指导的方式实现共同进步），项目的具体实现由每部分负责人进行阐述，否则取消团队参赛资格。

游戏模型的设计在实际教学中还应不断更新，再新鲜、奇特的手段，长时间的固化不变，学生也会产生倦怠。游戏模式若比较单一，不但花费了大量的时间，投入了大量的精力，又没有达到预期的教学效果，就使这种游戏化学习变得毫无意义。其次，教师要把握整个游戏在课堂实施的节奏，既不能使学生在规定的时间无法完成任务，也不能让学生在短时间内就完成了游戏任务，出现大段的课堂空白时间，让学生无所事事。因此要选择对学生来说难易适中的项目案例，学生的分组也要优、良、中、差互相搭配，实现教学的全覆盖。

游戏的奖励机制对于教学活动的顺利开展也起到十分重要的作用，不管是平时分的奖励机制还是校内展示对学生都有激励作用，除了优秀项目团队可以获得奖励外，其他团队也应给予一定的鼓励奖励，以此提高学生的积极性。

4 游戏化学习理念对网页设计课程的影响

经过实践教学，总结出游戏化学习理念对网页设计课程的影响主要有四个方面：

一是对教学形式的影响，同样是学生主体、教师主导的教学形式，但相比于其他诸如启发式、案例式教学法，游戏化学习更加突出了学生在整个教学活动中的主体地位，真正做到了让学生充分利用课堂时间独立思考，完成项目任务。

二是对学生的影响，原本要学习的“无聊”的知识技能以游戏的模式展现出来，新鲜感、好奇心以及强烈的胜负欲促使他们专注于任务项目。为了解决网页制作过程中遇到的困难，主动查找资料、请教老师，很好地延长了有效课堂的时间，同时也让学生在愉快的氛围中轻松地掌握了目标知识技能，进而改变他们的学习习惯，这种改变不仅仅体现在学习网页设计相关知识上，也潜移默化地影响了学生对所有知识的学习，甚至是未来的工作态度；以小组、团队竞赛的方式完成学习任务，每个人的表现都将影响着整个团队的排名，为了团队的荣誉，大家比其他任何时候都更认真地对待任务，这也培养了学生们的团队合作精神。在每一位小组成员的努力下完成大型综合网站的设计与制作，也增强了学生们的信心，对以后的学习也产生了积极正向的影响。

三是对教师的影响，看似轻松完美的课堂呈现必将是教师课下投入的大量的时间和精力，根据教学内容设计合适的项目、再根据项目案例匹配适合的游戏模型、学生的分配、课堂节奏的把控、学生的配合程度、预期效果等都需要授课教师做好充分的准备，课后及时进行教学反思，根据课堂效果以及学生的状态调整不合理的地方。

职业院校复杂的生源要求职业院校的教师不但要精通本专业的知识，具备丰富的企业工作经验，面对不同层次的学生还需因材施教。实际上高职计算机网络技术专业师资力量不足，教师的专业水平参差不齐，主要原因是计算机知识更新速度快，为了不使实际教学与企业需求脱轨，要求教师需要不断地充电学习。另外，职业院校福利待遇偏低，又有着复杂且困难的职称评聘制度，面对企业的高薪，大多数计算机网络技术人才更愿意到企业工作，而非学校任教［4］。因而每位计算机专业的教师实际承担的教学任务都比较重，在教学中引入游戏化学习理念，采用游戏化教学无疑加大了教师们的工作量。

四是对教学效果的影响，无论采用什么样的教学方法，最终的目的都是想获得更好的教学效果，让学生最大程度地掌握相关知识技能，将来进入职场能够学以致用。网页设计课程和计算机专业的其他课程相比，由于可以制作出精美炫酷的网页，本身就比较吸引学生，教学效果也更好。在课程中引入游戏化学习后，学生不但能够按老师的要求完成项目任务，掌握相应技能，还为了能制作出更完美的作品，主动学习、拓展知识技能，使教学效果加倍。

结语

课堂教学是学生学习技能知识、锻炼动手能力、培养综合职业素养的重要组成部分，只有恰当的教学方式才是保证教学质量的有效途径。游戏化学习理念同样适用于其他项目化教学的课程。面对基础薄弱、自律能力差的高职学生，教师要不断地鼓励学生，培养他们对知识精益求精的品质，使其逐步成为高素质、高技能型人才。

参考文献：

［1］黄亚宇.修订《职业教育法》为职业教育高质量发展提供法治保障［J］.职业技术教育，2022（12）：1.

［2］孙芃.“三教”视域下高职机械专业基础课改革途径研究［J］.科技世界，2022（4）：141142.

［3］阎亭宇.游戏教学法在中职语文课堂的运用和实践——以四川省阆中师范学校为例［D］.四川师范大学，2020.

［4］龚良彩，梁广洪.高职计算机专业编程语言教学方法的改革［J］.数字通信世界，2021（9）：232233.

项目来源：黑龙江省教育科学研究规划重点课题，《游戏化教学法在高职计算机类课程上的创新应用与研究——以网页设计课程为例》（课题编号：ZJB1422312）

作者简介：张琳琳（1982— ），女，汉族，黑龙江哈尔滨人，理学硕士，讲师，研究方向：计算机应用技术、高职计算机类教学；董锡臣（1973— ），男，汉族，黑龙江哈尔滨人，理学、工学双学士，教授，研究方向：计算机科学与技术。