蔡继坤 李维勇

（南京信息职业技术学院，江苏 南京 210000）

《网页设计技术》课程的教学实施遵循主导性和主体性相统一、灌输性与启发性相统一、显性教育与隐性教学相统一的原则。在讲授过程中，以教师为主导，教师要在正确讲授专业知识的基础上，引导学生树立正确的价值观和人生观。要求教师除了有扎实的专业知识外还要求教师政治要强、情怀要深、思维要新、视野要广、自律要严、人格要正。以学生为主体，要让学生能够更好地接受知识，做到教师的主导性和学生的主体性相统一的原则。要灵活采用各种教学方法，如启发式、研讨式、案例式、沉浸式等方法。引导学生发现问题、分析问题、思考问题，在不断地启发中让学生水到渠成得出结论，做到灌输性和启发性相统一的原则。

在讲授专业知识的时候，从各个方面渗透入思政元素。要挖掘专业课程中的思想政治教育资源，采取融入式、嵌入式、渗透式地将思政元素融入课程内容中，达到随风潜入夜，润物细无声的效果。避免将消极负面思想观念带入教学活动中，充分利用各种方式和手段，间接渗透式地进行思想政治教育，做到显性教育与隐性教育相统一的原则。

网页设计技术课程的思政目标从两个方面来体现，分别为德育目标和专业目标。

德育目标：加强理想信念教育，教育引导学生树立共产主义远大理想和中国特色社会主义共同理想，立志肩负起民族复兴的时代重任。加强社会主义核心价值观教育，把社会主义核心价值观渗透到课程教学过程中，弘扬主旋律，传播正能量，在潜移默化中引导学生树立正确的世界观、人生观、价值观。

专业目标：突出培养学生的科学精神、探索创新精神、严谨求实精神。培养学生分析问题、解决问题、终身学习的能力，培养学生在团队协作中团结合作、沟通表达的能力，培养学生在工作中的职业素养和工程规范的能力，培养学生注重网络空间的法治意识，信息安全意识等专业相关领域的信息安全的规范要求。

为了达到以上的教学目标，该课程的具体教学实施方法如下。

一、课程的思政元素分析

（一）普遍性课程思政元素

创新的教学理念：在讲授专业知识中，潜移默化地加入思政元素。如：在教学案例中插入当前社会热点问题（积极向上的内容）、弘扬民族文化和红色文化的内容（如国庆节主题、学雷锋日主题、端午节主题等）。让学生知道学什么的同时，也要让学生知道为什么要学。

合理科学的教学方法：采取多元化的教学方法，让学生真正融入课程中，充分发挥学习的主动性（如翻转课堂等）。

先进的科学思维：专业课的教学是以社会现实为基础的，任何脱离了社会现实的内容都无法有效地提升学生的能力。通过先进的科学思维，可以帮助学生更好地进行学习，从而加深其对专业知识的理解。

（二）专业领域思政元素

核心能力1：掌握Web 前端开发的知识、技能和工具，能够熟练应用于前端开发等专业活动。在该能力教学过程中，主要让学生了解目前最新的网页开发工具和网页开发方法，让学生知道目前最前沿的网页开发技术。除了让学生了解具体知识技能外还要融入创新、发展的思政元素在教学过程中。

核心能力2：能够运用Web 前端开发技术和相关知识，对开发过程中出现的常见问题进行识别、分析和解决。在该教学过程中，主要让学生了解在学习过程中会遇到哪些问题，及如何解决这些问题，培养学生在团结协作的基础上，能够独立自主地完成一个网页设计的能力。在此教学过程中可以融入关于工匠精神的思政元素。

核心能力3：具备终身学习的知识基础，掌握自主学习方法，了解拓展知识和能力的途径。在此教学过程中，让学生通过线上资源的自主学习，更深层次地消化课上学到的内容。培养学生自主学习的能力和自主学习的方法。在此教学过程中可以融入独立自主、不断学习、终身学习等思政元素。

二、课程的思政元素聚焦

教师用心教，学生用心学，结合主导性和主体性相统一、灌输性与启发性相统一、显性教育与隐性教学相统一的原则，课程的思政元素聚焦在以下几个方面：

恳：教师要有责任心、要真诚地对待学生。教师是学生的引路人，只有教师真诚诚恳，学生才会认真对待这门课，认真对待自己的学习。教师在实施教学计划的过程中，要时时关注社会热点话题和学生普遍关注的问题，及时把握学生的思想动态，进行积极的引导。

例如：在单元二CSS 样式表部分，介绍文本、字体、背景属性知识点的时候，就可以使用当前热点案例，如新冠疫情的网页制作，通过该主题网页的设计，让学生多了解国家对控制新冠疫情做出的努力，全国人民上下一心、共同抗“疫”，共产党员在面对国家民族危难之际冲锋在前，个人在后的奉献精神。

思：教师在教学过程当中应当多思考，思考教学方法、思考新的教学案例，遵循显性教育和隐性教育相结合的原则，要多思考怎样把思政元素更好地融入专业知识教学中。学生在学习过程中也要多思考，思考使用多种网页设计技术相结合的方法来进行网页的制作，并且要有创新精神，让多种设计元素科学合理地进行融合。

例如：在单元一介绍web 基础和HTML5 基础知识这一知识点的时候，教师通过当地中国新“四大发明”的举例，引入移动设备在当前日常生产生活中的重要作用，进入引出新技术和新思维对科技创新的推动作用。引导学生在学习过程中要勤于思考，要有创新的意识。

悉：这门课的基础知识学生理解起来不是很难，但是知识量比较大，学生在学习过程中要熟悉基础知识，熟悉操作过程，要沉下心来多做练习，熟能生巧，最终全面地掌握所学知识。还要求学生洞悉该课程最新的前沿动态，熟悉关于课程的一些具体应用，为以后的工作积累更多的经验。

例如：在单元二CSS 框模型部分，让学生多做练习，熟练掌握框模型在网页设计中的具体操作，让学生熟悉该知识点的具体内容，熟练掌握操作的具体步骤，良好地运用到网页设计的具体实践中去。在单元三函数与对象的讲解时，可以向学生宣传关于网络安全的内容，增加学生的网络安全意识。

慧：古人的智慧，主要体现在古诗文案例中，中国文化的源远流长，博大精深。体现了“四个自信”中的文化自信。

例如：在单元一的文本标签、图像标签、多媒体标签的介绍中，就可以使用中国古诗词，古典文化赏析的案例。通过学习专业知识的同时，了解古人的智慧，提升学生的文化自信。

恩：在教学案例中加入党史、新中国史、改革开放史、社会主义发展史的内容，并从“四史”延伸到展现自己家乡变化的网页制作，展现人民日益美好的生活变化过程。教育学生要懂得感恩，感谢为今日幸福生活奉献出自己生命的烈士和为了人民幸福生活做出贡献的人们。

恳、思、悉、慧、恩这五个字聚焦了本门课的思政要素内容，也体现了教师用心教，学生用心学的主旨。思政教学贯穿于此课程的各个教学单元中，不仅从隐性教育方面体现了教师自身的教学态度，也从显性方面展现了思政元素在课程中的设计。结合课程内容，思政聚焦如下图2-1 所示：

图2-1 思政聚焦

单元一HTML5 基础知识，如图2-2 所示：

图2-2 单元一思政元素

单元二CSS 样式表，如图2-3 所示：

图2-3 单元二思政元素

单元三JS 基础与对象编程，如图2-4 所示：

图2-4 单元三思政元素

单元四BootStrap 框架使用，如图2-5 所示：

图2-5 单元四思政元素

三、思政元素在教学单元中的设计实现

具体的教学设计如下表3-1 所示：

网页设计基础课程是一门表现性很强的课程，在各个知识点的教学中都要插入各种教学案例，科学地把思政元素插入到教学案例的文字、图片、音视频等载体中。“不自见，自明。不自显，自彰。”在进行专业课思政元素的选择时，尽量选择一些学生容易理解、更贴近学生生活的内容。让学生在学习的同时产生心理上的共鸣，这样也能够更好地激发学生的学习热情，在思政目标的引导下更好地进行专业知识的学习，让思政元素发挥更大的作用。