“HTML5开发技术”课程思政教学改革探究

吴菁 王苹

摘 要：职业教育思政课与专业课程深度融合是职业教育人才培养质量提升的前提和基础。课堂教学是课程思政的主渠道，推进课程思政建设，能够使德育与智育相统一，更好地落实立德树人的根本任务。HTML5课程将教书育人的理念贯穿教学全过程，构建起“三位一体”的课程思政教学模式：优化教学内容，以内容为载体，将与思政教育有关的案例融入专业教学中;创新教学方法，以形式为手段，将学生思想教育有机融入到专业课程中;改革评价方式，以考核为引导，对学生进行思想上潜移默化的渗透，提高育人效果。

关键词：课程思政;HTML5;教学改革;三位一体模式

中图分类号：G642                  文献标识码：B                 文章编号：1674-2346（2021）02-0093-04

1    引言

2020年6月，教育部印发《高等学校课程思政建设指导纲要》，文中指出“立德树人成效是检验高校一切工作的根本标准。落实立德树人根本任务，必须将价值塑造、知识传授和能力培养三者融为一体、不可割裂”[1]。这一表述为高校实施课程思政建设指明了方向。课程思政并非改变原先的课程设计，而是把价值引导的要素有机地融入到课程教学的全过程，做到春风化雨、沁人心田，切实达到育人成效。

HTML5开发技术是面向计算机专业开设的一门专业必修课程，该课程操作性强，项目成果（作品）可展示，学生学习兴趣相对浓厚，这为课程思政教学推进奠定了坚实基础。目前大学生特点是思想活跃，接受能力强，但心理尚未成熟，受外界影响大，是培育正确价值观、人生观的关键时期。通过开展课程思政教学改革，将专业知识与思政元素深度融合，把思想价值引领贯穿教育教学全过程，引导学生学会做人，不断提高学生思想水平、政治觉悟、道德品质、文化素养，让学生成为德才兼备、全面发展的新青年。如何将思政元素巧妙地融入课程并应用于课堂教学实践中，寻找合适的切入点显得尤为重要。本课程构建了“三位一体”教学模式，着力从教学内容、教学形式、考核手段3方面来进行课程思政的教学设计，并付诸实施，以推动课程思政的教学实践。

2    “三位一体”课程思政教学模式探索

2.1    优化教学内容

2.1.1    核心枢纽：挖掘思政元素、融入专业课程

充分挖掘HTML5课程中包含的思政元素：家国情怀、个人品格、科学观念。家国情怀包括社会主义核心价值观、民族精神和时代精神、优秀中华传统文化的认同和坚持等，培养学生的责任与担当。个人品格包括道德情操（社会道德、个人道德和职业道德）、健全人格（思想、情感、行为、性格）、智力因素（观察、想象、思考、判断、推理等能力），培养学生如何做人。科学观念包括求真务实、开拓进取、勤奋敬业、创新意识、学术诚信等，培养学生如何做事。

围绕知识传授、能力培养和价值引领的课程建设目标，在课程内容中寻找与家国情怀、个人品格、科学观念等相关德育元素的“触点”与“融点”，巧妙运用典型案例，传播社会主义价值观、专业伦理、家国情怀、国际视野、工匠精神、人文关怀等主流价值观，引导学生树立正确的人生观、价值观和职业观。

2.1.2    基本环节：明确教学目标、梳理教学重点

通过本课程学习，要求学生能使用HTML5新标签创建网页;能使用CSS3技术美化页面效果;能使用JavaScript脚本实现网页客户端特效;能使用JQuery快速高效制作网页交互特效;能够使用HTML5本地数据存储完善网站的开发;能够使用Bootstrap和Vue来搭建页面框架。在设计课程思政教学改革时，保持主体框架不变，适当融入思政教育：通过介绍著名渐进式vue框架的创造者尤雨溪，让学生们了解中国程序开发应用现状，厚植爱国情怀，激发学生干事担当的热情。通过课程思政项目的实施，引导学生进一步了解传统文化和家乡文化，坚定学生的文化自信。结合当前教学活动，适时穿插讲解企业文化和职业素养，传播主流价值观，帮助学生树立正确的人生观、价值观和职业观。通过对分课堂，促进专业知识内化，培养学生自我学习和沟通交流能力。采用学生自我评价打分、记录学生课堂操行、标准化设计等措施，培养学生诚信意识，形成良好行为习惯和助人为乐的品质。通过采用标准代码格式和设计规范，了解和体会职业标准化、规范化的重要性。

2.1.3    重点环节：思政元素、案例融入

教学过程中，选择典型案例，贯穿教学全过程。例如：

1）“非遗物质文化”网站-实施方案：定为课堂任务，由老师带领学生做。实施方法：要求学生上网搜集相关资料（图片、文字、视频等），汇总归类，作为网页的填充内容。重点措施：要求学生每人搜集整理资料，如果素材被采用，可获加分。在对分课堂积极参与讨论者，可获加分。在课堂练习过程中，互相纠错，表现优秀者，可获加分。通过课内案例的实施，弘扬传统文化，增强学生爱国情怀和民族自豪感。

2）“美丽乡村”网站-实施方案：定为课外任务，老师在课堂布置，学生自己做，最后在课堂上展示。实施方法：要求学生上网搜集自己家乡的相关资料，筛选分类，并用HTML5技术实现美丽乡村网站制作。重点措施：要求学生每人搜集整理资料，编写网页，并在课堂上展示汇报。作品效果优秀者，可获加分。通过课外案例的实施，引导学生发现家乡之美，感受家乡不俗的魅力，激发热爱家乡的思想感情。

3）“时政”网站特效制作-实施方案：定为课外自学，辅助学生巩固专业技能。实施方法：自主学习网站特效制作的视频，内容载体是时政新闻。通过视频学习，加强学生对时事政治的关注度，面对复杂的国际环境，引导学生树立正确的认识观，懂得自己前途和命運与祖国连在一起，热爱祖国应体现在具体行动中，努力学好专业知识。

在教学过程中，结合当前的教学内容，邀请企业人员适当穿插讲解企业文化和职业素养，引导学生深刻理解各行业的职业精神和职业规范，增强职业责任感。前期任课老师要做好调研，与企业人员进行深入交流，整理出企业文化和职业素养方面的一些案例和要素，或设计适当的学生课外社会调查任务。

作品设计的创作灵感来源，其中最重要的一个方式是来自优秀的作品带来灵感。把信息素养教育嵌入到HTML5开发技术的专业课程教学中，有助于学生从广泛学习资源中查找到所需高质量的素材，从而拓宽学生的专业视野，提高审美能力，激发创作灵感。在调试代码过程中，信息素养可帮助学生在网络上快速找到问题所在。

2.2    创新教学方法

2.2.1    互动环节：对分课堂、重在体验

教学方式：学习的过程是一个体验、内化、吸收的过程，学生是否体验到，是否内化，光靠教师讲授是解决不了当前学生的学习问题的。学生只有主动参与知识构建、尝试解决问题，其思维能力和探索的精神才能落到实处。本课程运用对分课堂模式讲解HTML5开发技术。对分课堂核心理念是分配大约一半课堂时间给教师讲授，另一半时间给学生讨论，讲授时间和讨论时间错开，让学生在课后自主安排学习。[3]例如在讲解用JavaScript实现Tab切换效果时，按照认知过程设计递进的教学内容：先讲核心知识点-使用display属性实现内容的显示与隐藏。考虑代码复用性，引导学生完成代码封装（函数定义、函数调用）。为了提高代码的可维护性，解决手动调用函数的局限性，提出对象的事件（onmousemove、onmouseout）自动加载的编程设想。由于自动加载涉及知识点多而散，具体编码的实现，则安排学生课后思考完成，并设计隔堂讨论的教学环节。这种模式结合讲授式课堂与讨论式课堂的优点，缩短讲授时间的同时，框架式精讲又让学生逻辑清晰地抓住核心内容（学什么、为什么学）。而隔堂讨论，学生有备而来，不易受挫。教师根据学生讨论方案分析不同方法之间的编码优劣，既加深了学生对知识的理解，又培养了学生的学习能力和表达能力。

2.2.2    关键环节：案例教学、加强引导

教学设计：在整个教学过程中，采用案例教学，使学生在学习知识点的同时，能把所学知识应用到案例当中，提高学生实际处理问题的能力。案例教学不仅能够使课堂变得不再枯燥，提高学生的学习兴趣，更重要的是能让学生把所学的知识融合贯通，做到学有所用。本课程设计涉及与思想教育内容有关的教学项目，如“非遗物质文化”网站、“美丽乡村”网站，前一案例引导学生对优秀中华传统文化的认同和坚持，后一案例培养学生对家乡的热爱之情。

2.3    改革评价方式

2.3.1    难点环节：构建多元评价，注重德能并重

课程评价是教学过程中一个重要环节，也是检验课程思政实施效果的重要手段。要达到思政课程与课程思政深度融合，需构建德能并重、多元参与的课程思政建设成效考核评价体系，既要考核学生专业知识、职业技能的掌握程度，又要正确、客观评价学生的道德品质和职业素养[4]。

2.3.2    实施环节：考核全面客观，兼顾量质一体

课程思政的考核不同于思政课程的传统考核方式，不适合用知识性的思政内容进行考试，最合理的方式是将盐溶于食物自然吸收的方式，无痕地融于专业课程的过程性评价与结果性评价之中。传统考核方式多为平时表现（到课率、课后作业、课堂表现）+期末卷面成绩。在课程思政的考核中，增加思政元素的过程性考核。例如：在教学过程中实施分组合作法，通过抽查方式对小組课堂案例完成情况进行评价，结果将作为团队各成员当次课堂的考核依据，以培养学生良好集体荣誉感和团队协作精神。课堂上增加帮助同学代码纠错的加分项，以培养学生良好的行为习惯和助人为乐的品质。在阶段成果（思政作品）的展示环节，评价主体多元化，学生、教师、企业人员共同参与，通过学生自评、互评以及教师团队量化打分，得出阶段综合成绩。最终个人的总评成绩则通过平时表现、阶段成果和期末考核等多维度、全面的评价而得到。

以上是HTML5课程思政初步的探索，注重思想教育和价值引领，将信息素养教育与对分课堂进行有机柔和，并融入课程思政教育中，即加强信息素养能力培养，又能提升对分课堂知识内化，从而实现思政教育与专业教育的协同推进，最终实现知识传授、能力培养、价值塑造三者有机融合的教学目标。

参考文献

[1]教育部.高等学校课程思政建设指导纲要[EB/OL].（2020-06-01）[2020-11-12]http：// www.moe.gov.cn/srcsite/A08/ s7056/202

006/ t20200603_462437.html.

[2]李伟.高职院校图书馆嵌入专业课程式信息素质教育研究[J].大学图书情报学刊，2012（05）：84-86.

[3]陈瑞丰.对分课堂模式下高校思想政治理论课的教改探索[J].成都工业学院学报，2016，19（003）：84-88.

[4]王文静.关于高职工科类专业课开展“课程思政”的思考[J].高教学刊，2020（20）：176-179.

On the Reform of Ideological and Political Teaching in the course of HTML5 Development Technology

WU Jing1    WANG Ping2

（1.School of Electronic Information Engineering，Ningbo Polytechnic，Ningbo，Zhejiang 315800，China;

2. Basic Courses Department，Zhejiang Fashion Institute of Technology，Ningbo，Zhejiang 315211，China）

Abstract： The deep integration of ideological and political courses and professional courses in vocational education is the premise and foundation of improving the quality of talents cultivation.Classroom teaching is the main channel of ideological and political education in curriculum.To promote the construction of ideological and political education in curriculum can unify the moral education and intellectual education，and better carry out the fundamental task of fostering virtue through education.In the whole process of the course of HTML5， the trinity ideological and political teaching mode in the curriculum will be constructed.The teaching content is optimized.With the content as carrier，cases related to ideological and political education will be integrated into professional teaching.The teaching methods are innovated.With the form as means，the students ideological education will be organically integrated into professional courses.The evaluation methods is reformed.With the assessment as the guide，the students thoughts will be imperceptibly infiltrated so as to improve the educational effect.

Key words： ideological and political education in curriculum;HTML5;teaching reform;trinity mode