admin 管理员组文章数量: 1087139
2024年6月13日发(作者：wrap读音)
Web前端设计课程思政元素融入教学研
究
摘要：针对高职院校思政建设中的问题，以“Web前端设计”课程为例，探
索课程教学过程如何与思政教育紧密有机融合，使思政教育在专业课程中发挥指
导作用，从而有效的提升课程思政育人效果，培养学生成为专业素养和政治素养
高的社会主义建设人才。
关键词：Web前端设计;课程开发;课程思政
中图分类号：G712 文献标识码：A
2020年教育部发布了《高等学校课程思政建设指导纲要》，该文件中明确提
出了要全面推进课程思政建设，将价值观融入到知识传授和能力培养中，以帮助
学生形成正确的三观。课程思政不仅是为了人才培养，更是对国家稳定发展，民
族复兴等有着重要的意义。2021年中共中央政治局会议指出，思政教育不仅仅是
思想政治理论课程的任务，其他所有课程的教师应该在课堂教学中引入思政元素，
全方位的多途径推进课程思政化建设[1][2]。
一、Web 前端设计课程思政融合现状
Web前端设计课程我校软件技术、计算机应用以及网络技术等专业同时开设
的专业基础课程，是人才培养目标中前端开发方向的基础核心课程。Web前端设
计课程是Web服务端开发、响应式开发、Vue程序设计、微信小程序设计等课程
的先修课。通过这门课程的学习，旨在培养应用型人才，使他们掌握前端开发工
程师、界面设计师、微信小程序设计师所需的基本技能和工程素质。
专业课教师在课程教学过程中重视知识点的讲授和实际操作的练习，注重培
养专业技能，而较少涉及思想政治教育方面的探索和研究。因为一些专业课教师
可能在思政理论知识方面存在欠缺或者不够全面，教育教学思想观念比较陈旧，
难以适应当代社会和学生的需求，无法掌握和引领新的思想潮流。一些教师依赖
传统的讲授模式，缺乏创新和多样化的教学方法，难以将思政教育融入到课程教
学之中，缺乏对学生个性化需求的认知和理解，无法有效地进行思政教育[3]。
本文主要探讨了如何在Web前端设计技术课程中进行思政建设，具体阐述了
课程的育人目标、课程思政设计、课程实践、教学策略等方面的内容。并通过设
计的四个主题，向读者介绍了如何在Web前端设计技术课程中进行思政建设，旨
在为计算机类课程思政建设提供参考。
二、Web前端技术课程育人目标
以教育部《高等职业学校专业教学标准》为指导，以行业领域人才需求以及
岗位要求为基础，结合本校学生和教师的实际情况，修订人才培养方案，为课程
思政建设的总体设计、教学内容建设、教学组织与实施、课程考核评价等方面制
定了相应的计划和措施。
通过课程思政融合实践探索，教师应从思想上真正认识到德育的重要性，在
教授学生专业知识和技能的同时更加培养学生的道德情操。要紧随时代的步伐，
把红色基因、爱国精神、工匠精神、抗疫精神等思想政治元素融入到Web前端设
计课程教学中，让专业技能与思想政治教育合二为一。通过各种宣传，要让学生
逐步改变对思想政治教育的片面认识，理解思想政治教育的重要性。在平时教学
中，要引导学生思考如何将思想政治元素更多地融入平时作业设计作品中。最终
目标是确保学生通过学习，即达到思想觉悟上的升华，又提高了专业技术能力。
在教学内容上重新进行了构建，将专业“新工科”理念与思想政治教育元素
相结合[4][5]。以培养创新型、应用型工科类人才为目标，同时加强学生人文素
养、职业素养的培养，使学生建立正确的世界观、人生观和价值观。通过线上线
下教学，将立德树人的教育理念贯穿在整个教学实践过程中，在教学实践的各个
方面协同融合思想政治教育，激发学生的创造创新和自主学习能力，提升学生的
品德修养[6]。
三、Web 前端技术课程思政设计
习近平总书记在党的二十大报告中强调：“培养什么人、怎样培养人、为谁
培养人是教育的根本问题。育人的根本在于立德。全面贯彻党的教育方针，落实
立德树人根本任务，培养德智体美劳全面发展的社会主义建设者和接班人。”以
此作为内容主线，结合专业人才培养方案，参考Web 前端开发职业技能标准和
“1+X”证书制度，确定Web前端设计课程标准和教学目标。Web前端设计课程的
教学目标如表1所示。
表1 Web前端设计课程教学目标
一
级目标
二级目标
知法、守法意识，从思想上铸牢国家
安全观
发扬中华传统美德，有一定的审美和
素
质目标
能够积极参加体育锻炼，拥有健康体
魄
鉴赏能力
热爱劳动，树立积极的劳动意识
科学技术知识
知
识目标
专业理论知识
能
获取知识的能力
力目标
应用知识的能力
本课程聚焦立德树人根本任务，深化“三全育人”改革，积极构建“五育并
举”的一体化育人体系，培养高素质全面发展的时代新人。将习近平新时代中国
特色社会主义思想、社会主义核心价值观等融入教育教学中，不断更新思政育人
的内容和形式。对于教学内容我们设计了思政四个主题，分别为家国情怀、强国
意识、工匠精神、道德品质。
主题一：家国情怀。2022年6月，习总书记在四川考察时的讲话中指出：家
风家教是一个家庭最宝贵的财富，是留给子孙后代最好的遗产。要推动全社会注
重家庭家教家风建设，激励子孙后代增强家国情怀，努力成长为对国家、对社会
有用之才。在课程教学中，准备了“为中华之崛起而读书(周恩来)”、“杂交水
稻之父(袁隆平)”、“中国共产主义运动的先驱(李大钊)”和“两弹一星获得者
（钱学森）”等案例。
我们积极向学生宣讲国家科教兴国和人才强国战略，旨在激励学生树立技术
创新、科技兴国的理念。通过介绍中国在各个领域发展取得的重大进步和成就，
以及为了国家的繁荣昌盛杰出的和平凡的人们在各个时代牺牲小我成就大我的精
神，增强学生民族自豪感和使命感。
主题2 强国意识。习近平总书记在十四届全国人大一次会议闭幕会上的重要
讲话深刻论述“强国建设、民族复兴”，思想深邃，给人启迪和鼓舞。只有国家
强大起来了，外国的那些侵略者才会有所忌惮，不敢来轻易欺负这个国家，只有
国家的综合实力增强在国际上的地位提高了，人们的生活和生命才会有安全的保
障，这样的话我们中国人即使是走到了世界的各个角落，也不会再有人敢轻易的
欺负我们，人们才会活的更加有尊严，更加精彩。在讲解“HTML基本元素与标签”
的时候，分别以“红色定义”、“红色旅游”、“红色故事”等方面制作课程案
例。结合教学适应点，讲解我国近代革命和英雄故事，培养学生勇于担当伟大的
民族复兴重任的信心。
主题3 工匠精神。习近平总书记指出：我国工人阶级和广大劳动群众要大力
弘扬劳模精神、劳动精神、工匠精神，适应当今世界科技革命和产业变革的需要，
勤学苦练、深入钻研，勇于创新、敢为人先，不断提高技术技能水平，为推动高
质量发展、实施制造强国战略、全面建设社会主义现代化国家贡献智慧和力量。
工匠精神反映劳动者的精神风貌，是时代精神的生动体现。技能人才是工匠
精神的主要传承者、实践者、创新者，培育和弘扬工匠精神是职业院校的责任。
在Web前端设计课程中，在“CSS动画”章节，引入了“新一代运载火箭总装负
责人(崔蕴)”、“给飞机“心脏”做手术(孙红梅)”、“焊接大师(李万君)”、
“从小电工到大工匠（王斌俊）”等大国工匠事迹，激励学生爱岗敬业，成为专
业技能与工匠精神的高素质劳动者和人才。
主题4 道德品质。习近平指出：人无德不立，品德是为人之本。青年要把正
确的道德认知、自觉的道德养成、积极的道德实践紧密结合起来，不断修身立德，
打牢道德根基，在人生道路上走得更正、走得更远。在“CSS选择器”章节，教
学和实验案例，以“社会主义核心价值观”、“抗疫”、“人文素养内涵”以及
“习近平：立德树人德法兼修抓好法治人才培养，励志勤学刻苦磨炼促进青年成
长进步”为中心，提升学生的道德品质修养。
在教学策略上，线上线下相结合。在Web前端设计课堂教学内容中，采用多
种教学方式融入思政元素，以讲解、问答、分组讨论为主，以辩论、学生展示、
参观为辅。利用我校的学习通教学平台，上传含有思政元素的动画、视频、文字
学习资源，定期发布国家热点信息，提醒学生自行阅读学习，进行知识学习和思
想政治两方面的教育。同时，利用我校的教师工作室制度，把志同道合的学生组
织起来，不定期开展有思政元素的设计比赛、技术分享等活动，在线下学生充分
交流，在思想上碰触和融合，促进师生感情和思想上的进步。
四、强化课程实践，培养工匠精神
李克强总理政府工作报告中提出了“鼓励企业开展个性化定制、柔性化生产，
培育精益求精的工匠精神”。
强化课程实践，培养工匠精神是现代教育的重要理念之一。学生除了需要掌
握理论知识，还需要通过实践和锻炼来提高技能和解决问题的能力。这种“学以
致用”的教育方法不仅有助于提高学生的就业竞争力，还能够为社会培养更多的
优秀人才。
为了实现这一目标，Web前端设计课程采取了多种措施。首先，Web前端课
程的考核使用了过程化考核，平时的作业以开展各种企业调研和社会调研为主，
将调研结果以页面的方式展现。其次，依托学校的校级职业技能大赛，建立Web
开发校级组织部项目，鼓励学生参加比赛和选拔，一方面提高了学生实践能力和
创新意识，另一方面为更高一级竞赛选拔人才。再次，课程最后要上交大作业，
一个完整的网站页面，考核学生的实践能力，而不是单纯地看重概念和定义的理
解。
由于大作业涵盖了课程所有知识点和技能点，学生缺少网站开发经验，在开
始大作业之前，我们引导他们浏览一系列优秀的网站，从网站的主题风格、结构
布局、交互特点等方面入手，分析企业级网站的特点，让学生总结归纳出设计思
路，与课堂教学中的小示例相对比，找到设计方法。使学生设计更加有方向性和
目的性，拓宽眼界和想象力，激发设计潜能，能够快速提高学习和借鉴能力。
在页面设计过程中，以工匠精神要求学生。
首先，从编码的规范要求开始。规范的编码可以有效减少错误的产生，降低
维护的成本，有助于代码审查，从面提高开发效率和开发人员自身的成长速度。
所以要学生规范编写代码，使代码命名准确、结构合理、标记有效、注释良好。
其次，去除已经淘汰的技术。例如去除框架和框架集标签。由于框架和框架
集使用简单，在早期网页中被广泛的使用。但这种技术对搜索引擎不友好，并且
在移动设备上无法完全显示，兼容性差。在学生作业中我们明确提出不允许使用
框架，对大作业严格要求，要向当前主流的开发技术看齐。发扬大国工匠精神，
把每件事都做到完美极致，培养他们的执着专注，踏实沉着、精雕细琢、千锤百
炼地对待大作业，发挥出学生潜力，让大作业具有较高的水平。
最后，增强团队合作能力。在生产力高速发展的当前社会中，职业分工越来
越精细，劳动过程也更加专业化和社会化。因此，在许多情况下，传统意义上工
匠手工作坊式的单独完成项目已经基本消失了，一项工作的完成往往需要许多人
共同协作和合作。为了让学生充分了解团队的力量和团队合作的重要性，提高合
作意识，能够积极配合团队其他成员，无私共享劳动成果。Web前端设计大作业
完成过程中，考虑到各个学生技能点和兴趣的不同，以先自由分组后教师协调方
式，将学生划分成小组。在小组中根据大作业的内容和个人优势让每位学生确定
自己的团队角色。每个团队成员都各司其职，与其他成员合作，共同完成大作业
选题、分析、设计、制作、撰写报告和答辩等过程。通过大作业，使团队中所有
成员都能够了解到企业开发流程，获得参与感、价值感和成就感，也提高了他们
探究式学习的兴趣，锤炼了学生的意志品质，提高沟通交流能力，增强团队意识。
五、结束语
本文探索了如何将思想政治元素融入Web前端设计课程中，以教育部“高等
职业教育专科软件技术专业教学标准”为指导，结合我校学生特点，确定了教学
目标和思政元素的融入点。结合课程标准和教学内容，设计了多个思政主题与专
业知识技能深度融合，在传授知识技能的同时正确引导学生价值观，培养他们成
为品质修养高尚，新工科技术技能人才。
参考文献
[1]杨利.“课程思政”引领下的动态网页设计课程教学改革与实践[J].科学
咨询(科技·管理),2021,9:99-100
[2]张天航,蔡迎春,张鹏,郑元勋.大学专业课程思政映射点的提炼与实践[J].
教育教学论坛,2020,20:92-93
[3]吴文秋.人才培养目标视域下《网页设计与制作》课程思政建设研究[J].
文化创新比较研究,2021,5(5):135-137
[4]刘国龙,孙上敬.“新工科”课程思政的育人意蕴与教学实践研究［J］.
学校党建与思想教育,2022(7):46-49.
[5]黄泽文.“新工科”课程思政的时代蕴涵与发展路径［J］.西南大学学报
（社会科学版），2021(3):162-168.
[6]李晓燕.融入思政教育的新媒体网页设计与制作实验课程实践研究[J].软
件导刊,2021,20(11):229-234
基金：安徽省高等学校质量工程项目(2021sfk06，2021jxtd065，
2022tsgsp017)
版权声明：本文标题：Web前端设计课程思政元素融入教学研究 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1718291985a719784.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论