HTML5编程技术课程教学在高职院校中的改革探索

周锡玲

摘要：课程是职业院校人才培养工作的基础，承担着人才培养工作的核心功能，对保障人才培养质量起关键作用。现如今，课程建设总体水平不高，课程教学效果不优仍然是职业院校普遍性的短板和瓶颈，亟待加强和改进。结合本院校背景，本文深入分析了《HTML5编程技术》课程在实际教学过程中存在的不足，并提出了在教学过程中使用多种教学方式相结合的解决方案，从而激发学生的学习兴趣，使教学效果更佳，并为新形势下HTML5编程技术课程教学改革提供参考。

关键词：教学效果;教学改革;HTML5编程技术

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

文章编号：1009-3044（2021）03-0134-02

Abstract：Curriculum is the foundation of talent training in vocational colleges， which undertakes the core functions of talent training and plays a key role in ensuring the quality of talent training.Nowadays， the overall level of curriculum construction is not high and poor curriculum teaching effects are still common shortcomings and bottlenecks in vocational colleges， which urgently need to be strengthened and improved. Based on the background of our college， this paper deeply analyzes the shortcomings of the HTML5 Programming Technology course in the actual teaching process， and proposes a solution that combines multiple teaching methods in the teaching process to stimulate students' interest in learning and make The teaching effect is better， which can provide references for the teaching reform of HTML5 programming technology courses under the new situation.

Key words： teaching effect; teaching reform;HTML5 programming technology

1引言

隨着互联网行业的持续发展，移动互联网等新业务不断发展壮大，海量的平台开发工作形成了巨大的人才缺口，尤其是Web前端、移动端HTML5开发人才更为紧缺。随着互联网业内竞争的不断加剧，企业平台开始在界面友好性和操作方便性方面投入更多的精力，只有平台更加人性化，才能吸引更多的用户[1]。从现有技术体系来看，HTML5是Web前端开发的关键技术[2]，它具有进化而非颠覆、化繁为简、良好的用户体验等新特性，它的使用可以满足各个平台上技术的支持，也可以保障几乎所有的主流浏览器都可以访问。《HTML5编程技术》是我院计算机应用技术专业中前端开发方向的核心课程之一，该课程主要讲解HTML5的新特性、HTML5的基本语法、CSS3的新特性、CSS选择器、文本类网页设计、图文展示网页设计、表单、画布、音频与视频、响应式Web设计、Bootstrap等知识点，通过该门课程的教学，旨在培养学生使用HTML5+CSS3开发出绚丽的网站的能力。

2 课程教学现状分析

《HTML5编程技术》课程是我院计算机应用技术专业一直开设的课程，根据学生上课的平时表现以及对学生的考试结果进行分析，得出该课程存在以下几个方面的不足：1）学生综合运用所学知识解决实际问题的能力还欠缺，过于依赖教师讲解，需要进一步培养其独立思考的能力以及综合运用知识的能力;2）教学方法和手段亟待创新。虽然采用了项目式教学法，但教学过程中的实践内容设计还不够完善，学生动手能力有限，对教学质量有一定影响;3）学生水平参差不齐，对于知识点的接受能力有所不同，少部分同学的学习积极性不高，学习氛围不够浓厚。

3 多种教学方法相结合在教学中的应用

针对教学过程中存在的问题，本文提出采用任务驱动法+案例教学法+讨论法相结合的教学方法。任务驱动教学法是学生在教师的指导下，以一个共同既定任务为中心，自主解决问题，利用已知的和可得到的资源，完成教师布置的任务[3]。案例教学法指将案例作为教学材料，结合教学主题，通过讨论、问答等师生互动环节让学习者了解与教学主题相关的概念或理论，并培养学生高层次能力的教学方法[4]。讨论式教学方法是针对解决问题，而逐渐发展起来的一种教学技巧，这种方法是通过学生以分组讨论，或者共同讨论的形式，解决问题的一种方法[5]。

本文以《HTML5编程技术》课程中的“黑马书城”网站设计为例说明任务驱动法+案例教学法+讨论法相结合的教学方法在实际教学中的应用。该教学方法主要分为以下几个阶段：利用信息化教学手段引导学生思考问题，引出主题、采用案例教学法讲解知识点、分组讨论完成项目分析、项目实现、总结与评价、课后布置任务，巩固练习。

1）利用信息化教学手段引导学生思考问题，引出主题

在讲解知识点之前，教师通过信息化教学手段，使用超星学习通等平台发布与本堂课所讲网页设计知识点相关的讨论，发布讨论后，教师以一定的加分机制鼓励学生积极参与讨论，待学生提交答案后，抽取学生提交的答案进行点评，针对精彩的留言，教师给予额外的加分，该过程可以充分调动学生的学习积极性，激发学生的学习热情。然后，教师根据项目描述来展示该项目要实现的效果，让学生对需要完成的任务有一个直观的感性认识，接着引出完成该项目所需要的知识点。

2）采用案例教学法讲解知识点

教师讲解“黑马书城”网站设计所涉及的知识点：常用图像标签、CSS背景设置、CSS阴影和渐变，并通过小案例对每个知识点进行举例，通过举例让学生直观地了解到知识点的具体应用场景以及所产生的效果，让学生自己能从案例中总结出本质规律、并归纳出解决问题的方法，以培养其解决实际问题的能力。

3）分组讨论完成项目分析

将班级成员根据水平将不同层次的学生搭配组成小组，由学习成绩较好的同学担任小组的组长，每个小组完成相同的任务，该任务由各小组成员相互协作完成。打开黑马书城网页，安排每组学生在规定的时间内对该网页的页面结构、所使用的标签和CSS样式进行分析，由小组组长记录讨论结果。讨论结束后，由每个小组派出代表说明项目分析活动的结果，各小组之间进行互相点评，最终，由老师给出评价。小组讨论使得每个学生都参与其中，组员之间互帮互助，共同进步，可以培养学生的沟通能力、表达能力、团队合作精神，激发学生的学习兴趣，提高学生解决问题的能力。此外，小组与小组之间由于存在竞争的关系，因此可以更好地提高学生的学习积极性。

4）项目实现

实践是教学过程中最重要的一個环节，只有通过实践才能检验学生对知识点的掌握情况。根据对“黑马书城”网站的分析，要求学生在规定的时间内独自完成网站设计任务。在学生完成任务的过程中，教师走到学生中去为学生解答疑惑。在解决问题的过程中，教师应该避免直接告诉学生解决问题的答案，而应该引导学生思考出错的原因以及解决问题的思路。通过独立完成任务，培养学生解决问题和综合运用知识的能力。

5）总结与评价

学生完成任务后，教师要及时地对学生完成任务的情况进行总结和评价。归纳和总结学生在完成任务过程中值得借鉴或需要改进的地方，引导学生进行反思。针对学生在编写代码完成网页设计的过程中遇到的问题进行分组讨论，分析问题出现的原因，避免学生在以后的实践过程中犯同样的错误。与此同时，教师对学生在完成网页过程中的代码编写、网页效果等方面进行综合评价，让学生对自己还需要改进的地方有所了解。任务中可以进一步完善的地方可以作为任务的拓展与提高，让学生课后进一步寻求解决方法。

6）课后布置任务，巩固练习

知识的学习不能只停留在课堂上，课后的巩固也是至关重要的。《HTML5编程技术》课程是一门实践性强的课程，只有通过不断的练习，学生对知识点的运用才能熟能生巧，学生的动手能力才能得以提升。因此，针对能力水平层次不同的学生，教师应该布置难易程度不同的课后作业，让不同能力水平的学生在完成课后作业的过程中获得成就感和满足感。

4  结束语

针对《HTML5编程技术》课程在实际教学过程中存在的问题，本文进行了改革探索，提出了任务驱动法+案例教学法+讨论法相结合的教学方法。通过以“黑马书城”网站设计的教学过程为例可以得知，任务驱动法、案例教学法、讨论法贯穿整个教学的始终，体现了“做中学，学练结合，以练促学”的教改思路。通过该教学方法，可以突出学生的主体地位，培养学生主动参与的意识，激发学生的求知欲，培养学生的团队合作意识;通过布置难易程度不同的课后作业，可以培养学生独立思考问题和解决问题的能力，学生通过完成作业可以获得成就感和满足感，继而更加激发他们的学习热情。本文提出的多种教学方法相结合的教学方法相信可以给我院的HTML5课程改革提供一定的指导意义。

参考文献：

[1] 黑马程序员.响应式web开发项目教程（HTML5+CSS3+Bootstrap）[M].北京：人民邮电出版社，2019.

[2] 焦新伟.HTML5在WEB前端开发中的应用研究[J].网络安全技术与应用，2020（4）：73-75.

[3] 宋积满.任务驱动教学法在计算机应用基础教学中的应用[J].信息与电脑（理论版），2019，31（21）：250-251，254.

[4] 史小平.以案例教学法为核心的高职学生自主学习能力培养途径探析[J].湖南工业职业技术学院学报，2017，17（4）：115-118.

[5] 赵宏池.讨论式教学法在思想政治课程标准与教材分析中的运用[J].科学咨询，2020（33）：123.

【通联编辑：李雅琪】