“课程思政”视角下高职网页设计与制作教学改革研究

杨颖 刘琳 赵建保

［摘           要］  针对目前高职院校网页设计与制作课程思政建设中存在的典型问题，通过明确课程目标与要求、重构课程结构与内容、优化教学方法与手段、完善考核与评价方式等途径，充分挖掘专业课程中所蕴含的思政元素，并有机融入教学全过程，有效提升课程思政育人效果，有助于培养适应前端开发职业岗位需求的高素质技能人才。

［关    键   词］  “课程思政”；网页设计与制作；Web前端开发；教学改革

［中图分类号］  G712                   ［文献标志码］  A                   ［文章编号］  2096-0603（2023）11-0133-04

一、网页设计与制作课程思政建设现状

2019年3月，习近平总书记在学校思想政治理论课教师座谈会中指出“要坚持价值性和知识性相统一，寓价值观引导于知识传授之中”[1]。2020年5月，教育部印发《高等学校课程思政建设指导纲要》，不仅对高校思想政治理论课教学提出了更高的要求，还对高校专业课教学提出了具体的要求[2]。全面贯彻党的教育方针，全面推进高职院校课程思政建设工作，解决好培养什么人、怎样培养人、为谁培养人这个根本问题，每位教师每门课程都应发挥好课程思政的育人功能，切实有效推进全员、全过程、全方位育人。而在高职网页设计与制作课程思政教学改革工作中，教师与学生双方对于如何进行有效的思政融入，仍存在认知上的不足，实践创新上也缺乏有效的成功经验，致使课程思政相关要求的落实深度明显不足，课程教学效果受到了影响。目前高职网页设计与制作课程思政建设中存在的主要问题包括：

（一）找不准切入点

在高职网页设计与制作课程教学过程中，课程思政改革切入点相对模糊，师生双方不知道该从什么样的角度，寻求专业教学与课程思政的有效协同。在实践教学中，教师往往只能通过单纯的思政要素讲解，来为学生普及浅层的理论知识，且无法将这些思想政治要素融入教学内容之中，学生也难以感受到思政要素与专业课程的紧密联系，这就使课程思政的改革效果相对较低，难以引发师生双方的共同关注。

（二）讲不好融合点

在关于课程思政融合内容的讲解中，教师往往局限于自身的思想政治学习水平，无法深入地为学生进行融合內容的讲解，学生提出的一些问题很难得到及时的响应。在这种情况下，课程思政改革就很难深入人心，无法真正体现课程思政改革的指导性优势，难以促成学生对课程思政改革内容的深切感知，不利于其专业发展和思想发展的同步进行。

（三）理不清重难点

在网页设计与制作课程中，专业知识和思政元素孰轻孰重的问题，始终没能得到有效的化解。教师在进行教学时，很容易陷入偏重知识讲解或偏重思想宣传的两极化困境之中，学生也无法将理论层面的思想学习所得与实践层面的专业能力提升有效结合在一起，致使出现了学习上的困惑，进而产生了对课程思政改革的抵触心理。

二、明确课程目标与要求，增加思政育人目标

网页设计与制作是高职数字媒体技术和软件技术专业大一上学期开设的专业必修课程，同时也是“1+X”证书Web前端开发职业技能等级考试所涉及的核心课程。本课程重在培养学生的Web前端开发能力，学生通过完成静态网页制作、专题栏目的静态宣传页制作等实际工作项目，熟悉Web前端开发流程，掌握常用的静态网页开发技巧，能根据Web标准和规范要求开发静态网站，具备HTML静态网页开发能力、CSS网页设计能力和JavaScript交互效果应用能力，并具有前端开发新知识、新技能的学习能力，增强团队合作能力和自我管理能力，为其职业发展、终身学习和服务社会奠定基础。作为大一新生入学以后最早接触的专业课程之一，将思政元素融入网页设计与制作课程中，对于培养学生成为有理想、有本领、有担当的社会主义建设者和接班人具有重要的意义。

依据国家专业教学标准、“1+X”证书Web前端开发职业技能标准，结合Web前端开发工程师的岗位需求，确定本课程的知识、能力和素质目标，并增加思政育人目标（见表1）。结合课程实际，将思政内容有机融入专业教学中，弘扬社会主义核心价值观，积累爱国、爱党、积极向上的正能量，培养学生科学探索的精神和工匠精神等，在课程目标中融合价值塑造、素质提升、知识传授、能力培养 “四位一体”，在提升专业技能和职业素养的同时，塑造学生高尚的思想品德，支撑学生成为德才兼备、全面发展的人才。

三、重构课程结构与内容，经典主题融入思政元素

党的二十大报告明确将“建成教育强国、科技强国、人才强国、文化强国、体育强国、健康中国”作为2035年基本实现现代化的奋斗目标。以此作为内容主线，结合专业人才培养方案、课程标准和“1+X”证书Web前端开发职业技能标准，将课程教学内容创设为冬奥新闻网页制作、健康知识科普网页制作、传统文化表单页制作、大国工匠专题页制作、科技公司首页制作、在线教育网页制作六大学习情境，并细化为逐层递进的八个教学项目。通过经典主题融入的方式[3]，充分挖掘专业知识中蕴含的思政元素，增强思政育人的浸润效果，同时有效提升学生的专业技能。教学内容与思政元素融合设计如文末图1所示。

四、优化教学方法与手段，理实结合突破重难点

遵循以学生为中心的教学理念，采用理实一体化教学模式，进一步优化教学方法与手段，体现“做中学、做中教”。

（一）教学方法

1.案例演示教学法

使用典型的网页案例，直观形象地演示代码编写思路，帮助学生理解复杂、抽象的概念。

2.任务驱动教学法

以典型的前端开发项目为载体，用明确的目标引导学生循序渐进地学习，帮助学生提升项目实战经验，达成教学目标。

3.小组合作探究法

以小组为单位完成任务，通过讨论研究确定分工和制作流程，每个学生既独立思考又互相帮助，变被动学习为主动学习，培养沟通和合作意识。

4.自主学习法

鼓励学生利用线上优质的教学资源，根据已习得的知识与技能，通过查阅参考资料完成一定比例的自主学习任务，在巩固课堂知识的同时，锻炼学生自学能力和自主解决问题的能力。

（二）教学手段

结合职业岗位工作过程，按照课前、课中、课后三个阶段开展教学活动，把社会主义核心价值观、中华传统美德、民族精神、时代精神、爱国情怀、工匠精神、劳动教育等课程思政元素贯穿整个教学过程[4]。充分依托职教云平台和精品在线开放课程网站，实现线上线下混合式教学，借助网页3D视图、Layoutit可视化布局系统、教学动画、微课视频、思维导图、W3C CSS验证器、视频会议等丰富的信息化教学手段，帮助学生快速理清页面布局思路和编码逻辑，突破教学重难点，提高学生课堂学习的主动性和参与性，有效提升学习效率。

例如，在 “网页布局与浏览器兼容性”这一教学单元中，以实现科技公司首页制作任务为驱动，对接“1+X”标准中的“掌握CSS的区块、网页布局属性的功能”技能点[5]，教学重点是实现通栏布局的页面结构和布局，而教学难点在于解决浏览器兼容性问题。课前，学生通过浏览微课视频、课件进行自主探究学习，完成课前预习任务，教师根据预习作业的完成情况以及学生反馈的典型问题，动态调整教学策略。课中，首先通过观看二十大新闻视频，让学生感受科技强国的时代背景和主题意义。然后教师发布任务，请学生以分组协作的方式实现科技公司首页的通栏平均分布型布局，结合网页3D视图，在浏览器中以三维立体化的方式直观呈现页面布局的层级结构，随后使用Layoutit可视化布局系统帮助学生快速生成相应的HTML代码，并对CSS样式进一步优化细节，将网页布局化繁为简，突出教学重点。同时，教师引导学生注意代码编写规范，使用W3C CSS验证器检验代码规范性，培养学生的编码规范意识，将工匠精神融入每个布局细节。通过与企业专家视频连线，分享解决浏览器兼容性问题的实战技巧，突破教学难点。课后，通过完成拓展课业任务，学生进一步巩固学习成果，实现网页布局能力的拓展延伸。

此外，教师应积极引导学生参与社会传播、社区服务、自媒体传播、技能竞赛等课外活动，让学生运用自己学到的网页设计和制作知识来输出正能量，使學生从中体会到思想对于自身职业发展的推动作用，从而更加认同课程思政，从中汲取更多的思政养分，实现自身专业发展的持续突破。

五、完善考核与评价方式，体现思政素养评价

课程考核评价以过程性评价和结果性评价相结合的方式，将思政素养纳入评价指标[6]，综合评价学生的学习情况（见表2）。评价主体包括学生自评、小组互评、教师评价和企业专家评价，评价标准依照“1+X”证书考核标准。由职教云平台全程采集评价数据，根据不同权重自动生成学生的最终成绩，并以数据画像的形式个性化呈现学生成长和进步的增量，有助于学生自主监控学习情况，改进自己的学习行为。

六、结语

全面推进网页设计与制作课程思政建设，有效发挥专业课程的思政育人作用势在必行。思政元素的融入应以学生为中心，选择学生更关注的主题作为切入点，以便让学生全身心投入相关主题的学习中，感受专业知识和思政元素的深度融合。在主题选择上，着力在坚定理想信念、厚植爱国主义情怀、加强品德修养、增长知识见识、培养工匠精神、发扬奋斗精神、增强综合素质等方面下功夫，使教学内容紧贴时代脉搏，聚焦社会热点，把前沿问题带进教学中，始终保持较强的针对性和时效性，以便将课程思政元素全方位全过程融入职业教育课堂，更好地调动学生主动参与，在潜移默化中对学生进行思想价值引领，引导学生树立技能报国的远大理想，立志为祖国发展贡献青春、智慧和力量。教学中应始终以学生的能力培养为核心，引入企业真实项目案例，将教学内容对接“1+X”证书标准，教学过程对接职业岗位工作过程，教学评价对接“1+X”证书考核标准，注重理实融合知行合一，提升学生的职业技能水平，同时具备良好的职业道德和人文素养，使他们能更好地适应未来前端开发职业岗位的需要。

参考文献：

［1］习近平主持召开学校思想政治理论课教师座谈会［EB/OL］.（2019-03-18）［2023-02-08］.http：//www.gov.cn/xinwen/2019-03/18/content_5374831.htm.

［2］教育部关于印发《高等学校课程思政建设指导纲要》的通知［EB/OL］.（2020-05-28）［2023-02-08］.http：//www.gov.cn/zhengce/zhengceku/2020-06/06/content_5517606.htm.

［3］李晓燕.融入思政教育的新媒体网页设计与制作实验课程实践研究［J］.软件导刊，2021，20（11）：229-234.

［4］孙翠翠.基于人才培养目标的高职专业课“课程思政”教学实践探索：以《网页设计与制作》课程为例［J］.山东广播电视大学学报，2020（3）：18-21.

［5］工业和信息化部教育与考试中心.Web前端开发职业技能等级标准［EB/OL］.（2019-5-14）［2023-2-8］.https：//www.miiteec.org.cn/plus/view.php？aid=772.

［6］宋超荣.1+X证书制度下“Web前端开发”课程思政实践研究［J］.职业技术，2023，22（2）：91-96.