“课程思政”视角下的“Web前端开发”课程混合式教学模式研究

关键词：课程思政；Web开发；教学

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

1课程概况

“Web前端开发”课程在宁波职业技术学院计算机应用专业、计算机网络专业（网站开发方向）已经开设了6年。该课程主要讲授了网页的布局方法、CSS3样式美化页面、Js制作页面特效、Jquery实现页面特效和Bootstrap框架制作响应式页面，可以说“Web前端开发”是应用技术比较广泛且比较复杂的一门课程，所以在有限的课时内，我们和企业教师共同研发了一些真实的教学项目，项目化教学让我们的教学变得有趣又有实际意义。

在培养学生技能的同时，也要加强对学生的思政教育，培养学生终身学习、自我学习能力，分析问题、解决问题的能力，使其具备团结协作的合作意识，增强社会责任感，提高辨别是非的能力，努力成为全面发展、德才兼备的人才。这就需要我们在课上的教学中将这些思政元素融入项目中，让学生在“做中学”并潜移默化地培养学生的社会责任感。在课下通过在线学习平台和学习任务让学生养成良好的学习习惯和良好的职业素养。

2课程思政改革策略

2.1核心枢纽——融合

通过项目的实施，学生对国家重大工程、传统节日有进一步的了解。结合当前教学内容或教学活动适时穿插讲解企业文化和职业素养，传播主流价值观，引导学生树立正确的人生观、价值观、职业观。在教学过程中注重思想教育和价值引领，采取学生自我评价打分、记录学生课堂操行、标准化设计等措施，培养学生的诚信意识，养成良好的行为习惯和助人为乐的品质。日常课业检查采用学生自我评价打分和教师抽查相结合的方式，培养学生的诚信意识。

2.2重要环节——体验

采用线上、线下混合式教学，线上主要是教师传授必要的技能、学生的课内实践及讨论，线下主要是学生利用课余时间自己查阅手册、资料，完成相应的教学任务，教师在线上平台进行答疑。

对分课堂提倡引导性讲授，针对某主题，教师讲授到4分的程度，留出内容让学生课外自主学习、理解，并掌握到7～8分，再通过课堂讨论等多种合作方式进行学习，再掌握到9～10分。通过对分课堂，鼓励学生积极参与课堂讨论，以培养学生观察、思考、判断、推理和沟通表达能力。

教学手段：深度融入思政教育，教师应该分析该课程特点，确定课程的教育目标和思想政治方向，挖掘思想政治元素，做好课堂设计工作。教师可以根据不同的教学任务和学习内容，融入丰富的信息化教学资源，灵活选择不同的教学方法，避免传统以教师为主体的知识灌输，从而培养学生自主获取知识的能力。通过情境创设、问题探究、小组合作等形式，以学生为主体、多种学习形式相结合的学习模式，实现专业知识与思政元素的有机结合，实现课程思政教育的目的。

2.3关键环节——引导

在课程教学中，帮助学生正确树立面对复杂的互联网信息所应具备的思想立场，明确互联网信息的判断标准。

适时穿插讲解企业文化和职业素养，或布置相关主题使学生在课外完成社会调查任务，传播主流价值观，引导学生树立正确的人生观、价值观、职业观。在授课中让学生在浏览网页的过程中能够自觉地吸收到思政营养，领会先进的思政理念，引导学生从广泛的学习资源中获取所需的信息，开阔专业视野，培养学生的创新意识。

2.4难点环节——评价

教学效果从多个方面（过程性教学考核、期末考试、思政考核）进行评价，其中思政考核主要通过对平时学习情况加分来体现，考核学生的学习态度、课堂参与度以及作品中是否体现思政元素等。例如，对于日常作业，教师抽查或学生互评，培养学生的诚信意识；记录学生课堂操行，包括考勤（迟到等记负分）、课堂纪律（玩手机等记负分）、帮助同學（记正分）等，计人平时成绩，培养学生良好的行为习惯和助人为乐的品质；在程序设计中，要求全部采用标准代码格式，检查记分时不仅要求运行正确，代码格式也要检查，让学生了解和体会标准化、规范化的重要性。此外，在课堂编程时，应留出足够的调试排错时间，以培养学生耐心细致的工作态度。

总之，在教学过程中，嵌入信息素养，贯穿对分课堂教学模式，通过整合式的创新，将思政教育与专业课程教学元素进行融合，既加强信息素养的培养，又能提升对分课堂知识的内化，从而实现思政教育与专业教育的协同推进。

3建立基于“课程思政”的教学项目案例库

方案：教师在教学过程中结合当前教学内容或教学活动进行适时讲解。

方法：教师讲，或请企业人员来穿插讲一节课以布置相关主题的课外社会调查任务。

重点：前期教师自己要做好调研，与企业人员沟通交流，整理出企业文化和职业素养方面的一些案例和要素，并设计适合学生的课外社会调查任务。

在教学过程中，贯穿一些与思政教育有关的案例，具体如下。

项目1“非遗物质文化”网站项目

方案：定为课堂任务，由教师带领学生完成。

方法：要求学生上网搜集相关资料，汇总整理。然后编写非遗物质文化网站的框架，制作页面LOGO、页面中的轮播图、标签页、非遗物质图片展示与介绍、页面的底部。

重点：要求学生每人搜集整理5张相关图片并在课堂上讲解，教师在课堂上进行汇总并选用10张，被选用的可获加分。

项目2“中国梦专题页”网站项目

方案：根据教学进度选做，将其定为课外任务，由学生自己制作，最后提交到平台，由小组打分。

方法：要求学生针对伟大的中国梦主题制作一个网站，弘扬宣传伟大的中国梦，具体要求为制作的页面配色得当、内容充实、代码规范。

重点：要求学生每人设计2～3个特效，小组互评后分数较高的学生在课堂上讲解相关制作方法，并额外加分。

项目3“五四青年节”网站项目：

方案：将其定为课外任务，教师布置线上作业，学生自己做，最后选出较好的作品在课堂上进行展示。

方法：要求学生上网搜集“五四运动”相关资料，并汇总整理，通过教师准备的线上视频，让学生加深对历史的了解，明白自己的前途和命运与祖国连在一起。制作“五四青年节”首页的特效3处。

重点：要有图片轮播和旋转等CSS3特效，线上学生相互打分，分数较高的学生在课内展示作品。

4课堂措施

课堂教学中的措施：日常课业检查2/3由学生自我评价打分，1/3由教师抽查或学生互评，以培养学生的诚信意识；记录学生课堂操行，包括考勤（迟到等记负分）、课堂纪律（玩手机等记负分）、帮助同学（记正分）等，计人平时成绩，培养学生良好的行为习惯和助人为乐的品质：在网页制作中，要求全部采用标准代码格式和流媒体设计规范，并在编码前做出页面效果图，检查记分时不仅要求运行正确，代码格式也要检查，让学生了解和体会标准化、规范化的重要性，此外，在课堂编程时，应留出足够的调试排错时间，以培养学生耐心细致的工作态度。

5创新

将思想教育有机地融入专业课程教学中，增强学生责任与担当意识，可以更好地培养学生如何做人以及如何做事。将思政案例贯穿于整个教学，其中一个非常重要的教学设计目的是培养学生信息素养能力，要求学生上网查找填充素材，并在课堂上进行讲解展示。被选用者可获加分，从而调动学生的学习积极性。将信息素养教育与对分课堂进行有机结合，并融入思政课程教育中，真正实现整合创新。通过对分课堂的实施和信息素养的培养，可以提高学生的自学能力，使学生发现问题、分析问题和解决问题的能力得到锻炼和提高，从而更好地促进学生的专业学习。

6结束语

内容是载体：在教学过程中，将与思政教育有关的案例融入专业教学中。形式是手段：将学生思想教育有机融入专业课程教学中，增强学生责任与担当意识，更好地培养学生如何做人以及如何做事。评价是引导：在培养学生学习技能的同时，在思想上对学生进行潜移默化的培养。因此，要高度重视“课程思政”的时代价值，提升立德树人的针对性和实效性。

作者简介：

李可（1978—），本科，讲师，研究方向：计算机网络、网页设计。