中职网页设计课程与职业技能竞赛深度融合的研究与实践

摘要：本文主要探讨了中职院校网页设计课程与职业技能竞赛中网站设计开发类项目如何进行深入融合，以及实践成果。分析了中职院校网页设计课程的现状，论述了竞赛项目模块化引入课程、竞赛完整的工作任务细分到日常教学活动、竞赛项目评分即课程得分的评价机制、建立竞赛题库、提高专业教师的教学能力等课赛融通的方式，旨在提高学生的技能水平，同时潜移默化地培养学生的职业素养和心理素质[1]。

关键词：竞赛；课程；深度融合

中图分类号：G642 文献标识码： A

文章编号：1009-3044（2024）17-0155-03 开放科学（资源服务）标识码（OSID） ：

0 引言

随着信息技术的迅猛发展，网页已成为人们获取信息、交流思想的重要平台。网页设计作为互联网内容建设的重要组成部分，在中职教育中的地位也日益凸显。与此同时，中职组网页设计类竞赛在全国范围内如火如荼地展开，为中职学生提供了展示才华、交流学习的平台。将中职组网页设计类竞赛与网页设计课程深度融合，不仅可以提高学生的技能水平，还能促进中职教育的创新与发展，充分体现了以竞赛促学习，以竞赛促教学的理念[2]。

在这种背景下，以全区中职职业技能大赛为抓手，将对如何实现网页设计课程与网页设计类竞赛的深度融合进行详细的研究与实践，以提高学科建设水平、增强学生的综合素质，从而对中职教育的发展产生积极的作用，并提供有益的借鉴。

1 研究的目的和意义

1.1 研究目的

鉴于当前中职院校对于网页设计课程的教学仍停留在Dreamweaver的使用上，对于网页设计、开发的相关底层技术[3]，如HTML、CSS、JavaScript、界面设计等技术涉猎较浅，无法满足学生参加网页设计类比赛的技术要求。学生在学习过程中缺少动力和学习兴趣的现状。本研究旨在探讨以中职组网页设计类竞赛为导向，将网页设计课程与竞赛项目深度融合的实践策略，以期提高学生的实践能力和创新能力，激发学生的学习积极性，促进教师教学方法的改革与提高。

1.2 研究意义

本研究旨在探讨网页设计课程与职业技能大赛的接轨，通过将竞赛内容与课程进行深度融合，探索一条将竞赛日常化、普及化的教学改革之路。通过这一研究，期望达到提高学生职业技能水平，培养学生职业素养，强化心理素质和应变能力的目的，为培养高素质技能型人才的教育教学模式提供有益借鉴。

2 课赛融合的实践策略

2.1 建立或引入竞赛实训平台

竞赛实训平台是职业技能大赛中确保参赛选手公平竞争的重要工具。通过平台，参赛选手可以在有限的时间和空间内，进行职业工作中完整的工作内容的操作。因此，完善健全实训平台是课程与竞赛融合之路的奠基石。在日常教学过程中，学生使用与竞赛平台相似或相同的平台进行学习，能够在日常学习中掌握行业工作的完整流程，对于所处行业具备清晰认知。同时，通过使用竞赛平台，教师可以实时掌握每一名学生的学习进度和学习状态，在教学过程中才能够做到有的放矢，及时调整教学内容和难度，达到循序渐进，稳步提高的目的。通过使用竞赛平台的限时功能，在日常学习中就能提高学生的竞赛意识和对工作进度的控制意识。

2.2 教学内容向竞赛内容看齐

以往网页设计课程的教学内容主要以Dream⁃weaver软件应用为主，重在教授学生如何使用软件搭建简单页面。然而，这一技术在现今已逐步被竞赛、行业淘汰。因此，教学内容的改革刻不容缓，也是本研究需要重点探索的内容。目前，各级职业技能竞赛、行业赛中，网页设计类的竞赛已逐步完善，对选手的技能要求不再仅限于简单的软件运用，而是需要选手熟练运用HTML、CSS、JavaScript、Java、Android等编程语言。例如Web应用开发赛项、移动应用与开发赛项、微网站设计与开发赛项等。因此，中职网页设计课程的教学内容应及时进行调整，将编程语言的教授放在重点。从HTML语言入手，逐渐深入CSS样式表，最后到JavaScript脚本语言的交互开发。通过将完整的竞赛项目进行细化分解，融入日常课堂教学，最终在期末以完整工作任务的开发作为结课考核。这样的教学方式既适应了中职学生的学习特点，又能够满足人才培养的要求。

2.3 教学方法与竞赛过程相结合

基于中职院校学生普遍存在基础薄弱、学习兴趣不高、积极性不强等特点，在课程的教学过程中，教师应特别注意教学方法的改革。将竞赛过程与教学方法相结合是本研究探索的一条改革之路。通过将竞赛模块细化分解后的知识点通过学习通、QQ群等方式上传至云端，实现教学资料的实时性，让学生随时随地可以学习。同时在实训教学过程中注重基础的提高，如打字练习、文档编辑、计算机基础操作等，解决学生基础薄弱的痛点。通过将教学内容具象化，如引入往届技能大赛优秀案例进行讲解，制作炫酷效果等方式，使得学生在接触到课程的第一时间，对于课程所学内容有一个清晰、具体的认知，并且激发学生学习的兴趣。在课堂中营造竞技的氛围，采用限时作业、完善评价机制，让学生体验到完成课堂任务如同竞赛获奖的快乐，充分激发学生的学习积极性。

2.4 教学评价与竞赛成绩相结合

课程教授过程中，根据教授内容的模块划分，可以不定期进行模拟竞赛，检验学生学习成果的同时，将竞赛的成绩融入课程结课考核。在这一过程中，教师应更多注重过程性的评价，关注学生在模拟竞赛中表现出来的应变能力、团队合作、职业素养等因素，将之作为考核成绩的重要组成部分，潜移默化提高学生各方面的综合素质[4]。

2.5 组织校内技能竞赛，选拔优秀选手

定期开展技能节竞赛活动，提供学生展示自我的平台，选拔优秀的学生作为参赛选手进行重点训练，代表学校参加更高级别的技能竞赛。在竞赛过程中，根据学生的表现，教师能够提供更具针对性的指导和帮助，有助于学生的进步和提高。课赛融合的实践策略详见图1。

3 课赛融合的实证研究

为了验证上述融合方式的有效性，教师团队在实际教学中进行了深入的研究与实践。首先，制定了完善的研究计划，对融合方式进行理论探讨；其次，进行了教学实践并在教学过程中不断总结经验；最终，对实践效果进行了评估与分析，以验证融合方式的有效性。具体来说采取了以下措施。

3.1 制定个性化教学计划

在研究阶段，深入分析了网页设计课程的教学大纲和竞赛主题的要求，根据学生的实际情况和兴趣爱好制定了个性化的教学计划，确保每个学生都能在课程中学有所获。通过这种方式能够更好地激发学生的学习兴趣和潜能，提高其学习效果。

3.2 引入多种教学方式

在实践阶段，运用了诸如小组讨论法、案例分析法、讲授法、头脑风暴法等[5]教学方法，学生可以更加全面地掌握网页设计的相关理论知识和实操技能。在学生完成作品时，邀请企业专家对学生的作品进行点评和指导。通过以上教学方法的引入，完善教学过程，提高教学效果，最终提高学生对于网页设计的编程语言的掌握。

3.3 建立完善的评价体系

在建立竞赛实训平台方面，投入大量的人力物力资源开发一个专门的实训平台为学生提供模拟竞赛环境的机会。在这个平台上学生可以进行实际操作以提高他们的技能水平。同时还邀请了行业专家对学生进行指导，帮助学生解决实际操作中遇到的问题。通过实训平台的实践操作和专家的指导点评，学生不仅提高了自己的技能水平，还积累了丰富的实践经验。此外，通过完善的评价体系对学生的作品进行评价，及时发现学生在设计中存在的问题并给予解决方案，帮助他们更好地提升自己的设计能力。这种方式能够更加客观地评价学生的学习成果，及时发现和解决学生在学习中存在的问题，提高他们的学习效果和综合素质。

3.4 开展校际交流合作

通过参加技能竞赛，在与其他院校同台竞技的同时，注意借鉴他人的优秀经验。通过带选手赴其他院校学习参观交流的形式，将获奖院校的教学模式、训练方式、教学内容、设备设施布置等经验带回本校，再结合本校实际情况，在日常教学活动中进行借鉴和套用。

3.5 注重学生综合素质培养

网页设计类技能竞赛均有着严格的时间限制。无论是团队赛还是个人赛，参赛选手对于时间的把控必须极其精确。同时，赛场的环境对于学生的心理素质同样是一个不小的挑战。因此，在日常教学过程中，通过模拟竞赛的方式，严格要求学生在完成作业时按照规定时间进行，养成时间管理观念。通过营造紧张的氛围，潜移默化地提高学生的心理素质和抗压能力。课后，及时组织学生对作业进行总结反思，培养学生的自学能力和总结反思能力，通过总结反思进行自我提升。

3.6 持续优化教学资源和教学方法

网页设计是一个不断更新、不断发展进步的行业，中职院校的网页设计课程必须适应这样的发展。因此，在完成在线教学资源库建设的同时，教师应随时关注行业的发展动态，及时更新资源库，包括技术文件、竞赛题库、理论题库和视频教程等，跟上技术发展的步伐。将落后、过时的技术内容及时剔除，留下最新的技术教授给学生。除了教学资源的及时更新，教师还应更加关注学生的学习情况，及时对教学方法进行调整，多元化组合使用不同的教学方法。通过实施以上措施，相信中职组网页设计类竞赛与网页设计课程的深度融合能够使中职院校学生学习网页设计开发更好更快发展，为学生的职业生涯打下坚实的技术能力基础和职业素养基础[6]。

4 课程与竞赛融合的效果评价

经过一段时间的深度融合实践，发现学生无论是技能水平还是综合素质都有了很大程度的提升，在技能竞赛中的成绩也有显著提高。并且通过院校之间的交流学习，不仅拓宽了学生的视野、提高技能水平，而且不同院校教师之间的交流研讨也有助于提高教学质量。

4.1 学生实践能力的提升

通过将技能竞赛网页设计类项目的竞赛内容融入课程进行日常教学，学生在完成项目实训的同时，也锻炼了网页设计竞赛的相关技能，如HTML、CSS、JavaScript等前端技术，以及Photoshop图像处理、Flash 动画制作等辅助技能。学生在竞赛过程中不仅需要独立完成作品的设计和开发，还需要考虑用户体验、界面美观性和功能实用性等多个方面，这些都有助于全面提升学生的职业技能。

4.2 学生创新能力的培养

竞赛题目的随机性和评价标准鼓励学生发挥自己的创新创意，设计并通过编程开发出独特的网页作品。在创作过程中，学生需要不断尝试新鲜的设计理念，而为了满足设计作品的实际开发需求，学生则需要不断学习新的开发技术。这对于培养学生的创新思维和解决问题的能力、自学能力都具有重要作用。将竞赛的这一重要作用融入课堂，可以让学生在日常学习中养成习惯，极大地提高了课堂教学的效果。

4.3 学生学习兴趣的激发

竞赛的竞争性和趣味性能够有效激发学生的学习兴趣。在竞赛备赛和选手选拔过程中，学生为了获得好成绩，会主动学习和探索更多的网页设计知识。此外，竞赛中的团队合作和成果展示也增加了学习的互动性和成就感，从而提高了学生的学习动力。融入课堂教学，能够很大程度上解决中职学生不愿学、学不会的现状。

4.4 教师教学方法的改革

为适应竞赛的需要，教师必须不断更新教学内容和方法，将最前沿的网页设计技术和趋势融入课程教学中。同时，教师还需要采用更加灵活和互动的教学方式，如项目驱动教学、案例教学等，以培养学生的实践能力和创新精神。这种教学方法的改革不仅有助于提高教学质量，也促进了教师自身的专业成长。

5 课程与竞赛融合存在的不足和改进方法

在实践过程中，也存在着一些问题，如部分学生对竞赛主题的理解不够深入，导致设计作品与主题的契合度不高；部分学生的技能水平仍有待提高，需要加强针对性的训练和辅导。针对以上问题，将从以下几个方面进行进一步探索和改进。

5.1 深化竞赛与课程的融合程度

为了让学生更好地将竞赛与课程学习相结合，将进一步深化竞赛主题与课程内容之间的联系，让学生在课程学习的过程中能够更好地理解和掌握竞赛的要求和标准。同时，鼓励学生积极参与竞赛，将所学知识运用到实际操作中，以提高他们的实践能力和创新思维。

5.2 加强学生的基本功训练

针对学生在设计过程中存在的问题，加强学生的基本功训练，如打字练习、计算机基础操作、软件操作速度、各平台网页浏览、代码编写等。培养学生的团队合作、沟通表达、创新思维等方面的能力。通过系统地训练，提高学生的设计水平和技能掌握程度，使其在竞赛中能够有更好的表现。

5.3 更新教学资源和教学方法

教师需要不断学习新知识、新技术，关注行业动态，及时将最前沿的设计理念、技术要求融入课堂教学。探索更加灵活、更加多样化的教学方式，利用现代化的教学手段，提高学生的实践和操作能力。根据学生的实际情况，因材施教，持续优化完善教学资源和教学方法，提高教学效果。

5.4 加强校外交流与合作

与其他院校、企业建立紧密的合作关系，定期进行教学研讨和企业实践。同时，组织学生参加全区乃至全国性的网页设计竞赛，让学生真正走出校园，提升自己的技术能力和综合素质。

6 结论和建议

6.1 研究结论

中职组网页设计类竞赛与网页设计课程的深度融合对于提高学生的技能水平、促进中职教育的创新与发展具有重要意义。通过教学内容与竞赛主题的融合、竞赛案例的引入以及实训平台的建立等多种方式，可以有效地实现这种深度融合，对学生的实践能力和创新能力的提升具有显著效果。通过课程与竞赛的融合有效地激发学生的学习兴趣，提高学生的学习积极性。同时，教师教学方法的改革是课程与竞赛融合的关键，教师需要不断更新教学内容和方法，以适应竞赛和行业的需求。课程与竞赛融合的实践策略在提高学生的专业技能、创新能力和实践能力方面具有重要作用。

6.2 研究局限

本研究虽然取得了一定的成果，但仍然存在一些局限。首先，教学资源建设投入的局限性，难以提供更多的设备供学生使用；其次，时间和人力方面的局限性，教师难以有充足的时间对学生进行有针对性的专项训练；最后，每一个学生的学习能力和综合素质不同，在教学内容和教学方法的选择上有一定的局限性，难以做到细化教学和个性化教学的方式。

6.3 对中职教育的启示

在实践过程中，仍需不断总结经验，针对存在的问题和不足之处进行改进和完善，为课赛融合的教学改革提供更有益的借鉴。竞赛与课程深度融合在中职教育发展中具有重要意义，响应了中共中央办公厅、国务院办公厅印发《关于推动现代职业教育高质量发展的意见》中提出的：完善“岗课赛证”综合育人机制，按照生产实际和岗位需求设计开发课程，开发模块化、系统化的实训课程体系，提升学生实践能力。通过多种途径，如紧紧联系竞赛主题、引入竞赛获奖案例、建立竞赛模拟实训平台、完善课程资源等，可以有效提高学生的技能水平和综合素质。在未来，我们将继续努力，为培养wT0OeB1wVdUYxsKHRieJrzqW6dL0BRcikIpYwN57iTg=具有创新精神和实践能力的网页设计人才贡献力量。

参考文献：

[1] 李菁.基于微课的翻转课堂模式在高职实践课中的研究与应用：以网页设计课为例[J].电脑知识与技术，2016，12（22）：106-107.

[2] 巫萍“. 以赛促学，以赛促教”的高职公共英语教学改革探索[J].河北旅游职业学院学报，2013（4）：82-83，88.

[3] 刘文元.中职院校《网页设计》课程的教学体会[J].青年时代，2014（20）：99-99，101.

[4] 陈勇.湖南省普通高校体育赛事对校园体育文化建设影响的研究[D].长沙：湖南师范大学，2009.

[5] 刘美玲.参与式教学方法在课堂教学中的应用[J].速读（下旬），2017（10）：83-84.

[6] 张文.高职思想政治教育与职业素养教育融合分析[J].丝路视野，2017（17）：43-44.

【通联编辑：梁书】

基金项目：2023 年度广西商贸技师学院课题《中职组网络设计类竞赛与<网页设计>课程深度融合的研究与实践》（课题编号：GXSMJG2023—09） ；2024 年度广西技工教育研究课题《混合式教学模式下技工院校网页制作课程融合思政教育的研究与实践》（课题编号：2024JGY106） 的研究成果