开启思想之门 勇担社会责任--CSS助力学生成长

信息管理与工程学院   余雪丽

一、课例情况概述

《网页设计与制作》课程是19级大数据管理与应用专业、19级信息管理与信息系统专业必修课程，而第三章《CSS入门》则是整个网页设计与制作过程中所必需掌握的核心基础之一，该章节主要包括四个知识点：引入CSS样式表、CSS选择器、CSS文本相关样式和案例分析。

课程思政建设可以实现对学生价值引领、知识传授、能力培养等多重育人功能，《网页设计与制作》课程同样需要转向课程思政，以提升学生思想政治水平和综合素质。从开学之初，我就开始探索《网页设计与制作》在思想政治教育中的定位和内容设计，并进行课程教学实践验证，使本课程更加符合“全员育人、全程育人、全方位育人”方针在网页类课程中的实践。目前，该方面工作仍在探索中，现将第三章《CSS入门》部分经验进行初步总结。

二、课程思政的思路

1.设计思路

通过融入遥感三十号06组卫星、扁鹊、钟南山院士等内容，自然地达到润物细无声的思政育人效果。

2.思政育人目标

培养学生的哲学思维、强化学生的担当意识、培养爱国主义情怀。

3.育人主题

哲学思维、担当精神、价值取向、家国情怀、服务意识

三、课程思政的教学设计

1.引入第三章《CSS入门》，通过新浪网首页，介绍CSS的概念、主要作用及相关效果展示。

2.引入CSS样式表和CSS选择器部分，通过引入CSS样式及使用不同的选择器，引出哲学思想，引导学生要突出重点而非面面俱到，在写样式的时候，提倡结构和样式相分离，选择一种样式即可。

3.CSS文本样式部分，提问“font属性与font标记有何不同？”

通过讨论和讲解遥感三十号06组卫星发射的例子，总结可以通过font属性达到字体样式的变化，赋予遥感三十号06组卫星更多丰富多彩的展示效果，并借此了解我国科技时事，增强学生关心国家时事的意识。

4.案例分析部分，通过融入扁鹊案例，告诉学生网页设计要内容健康、格式整齐，就像做人，要内外一致；通过介绍新型肺炎与钟南山院士的事迹，教育学生要勇于担当、为民服务。

四、课程思政的教学效果

1.案例开展的意义和价值

避免照本宣科，以古代名人和身边知名院士的事迹感动学生，培养学生的担当精神、奉献精神和家国情怀，达到网页设计和思政的有机统一，激发学生的学习兴趣。

2.主要成效