以知识灵活运用为指导的《互联网应用开发》——清明哀悼网页变灰

计算机学院    覃福钿

一、课例情况概述

《互联网应用开发》是网络工程、软件工程专业的一门专业课程，课程学习需要以《程序设计基础（JAVA）》、《数据库系统与应用》、《计算机网络基础》等课程中相关知识为基础，因此课程安排在大学二年级开设。课程的主要内容包括HTML、CSS、JavaScript、JSP、servlet、JDBC等，以培养学生的互联网应用开发能力为教学目标。

“清明哀悼网页变灰”，需要用到知识为CSS。在课程进度安排中，CSS知识的授课时间，恰逢临近清明节，通过网页变灰功能的学习和实践，引导学生哀悼新冠肺炎牺牲烈士和逝世同胞，发挥了专业课程的育德功能，培养了学生国家兴亡、匹夫有责，以及唇亡齿寒等家国情怀！

二、课程思政的思路

根据国务院发布出来的公告：决定在2020年4月4日举行全国性哀悼活动，哀悼新冠肺炎牺牲烈士和逝世同胞。哀悼无处不在，互联网领域也不应例外。

以课程教学知识点CSS为课程思政的结合点，在学习了CSS知识的基础上，用问题抢答互动的形式引入课程思政，以“网页变灰”为需求让学生设计和实践，实现“码农版”的哀悼新冠肺炎牺牲烈士和逝世同胞的纪念网页。

三、课程思政的教学设计

教学手段：翻转课堂、情景教学、在线教学

1.利用超星平台发布教学资料、预习通知、课后作业，以及进行课堂考勤、抢答、提问等课堂互动；

2.利用腾讯会议进行知识讲授和操作演示；

3.利用QQ进行联系和沟通。

教学内容：

1.CSS的颜色设置；

2.CSS长和高的设置；

3.CSS字体设置；

4.CSS的盒子模型，内边距，外边距等概念；

5.盒子的制作；

6.实现网页变灰方式哀悼新冠肺炎牺牲烈士和逝世同胞

6.1课堂思政情景引入：疫情当前，人人皆知！为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定2020年4月4日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4月4日10时起，全国人民默哀3分钟，汽车、火车、舰船鸣笛，防空警报鸣响。

6.2作为互联网领域，网页该如何表达哀悼？

6.3如果实现将网页变灰，以此形式进行哀悼，利用学习到的CSS知识，想一想应该如何设计与实现？

教学过程：

四、课程思政的教学效果

结合课程内容实现了对新冠肺炎牺牲烈士和逝世同胞哀悼的纪念网页，使学生受到“国家兴亡、匹夫有责”等教育洗礼。

课堂互动抢答，学生参与积极，在短暂的抢答时间内，教学班59位同学有51位同学进行了抢答。表达方式多种多样，比如提示弹窗、网页变灰、娱乐节目下线等；从抢答的实际行动中，促进了学生思想的升华：爱祖国爱同胞，崇尚疫情中最美的逆行者，奋勇向前不怕牺牲等。通过课堂讨论，对CSS知识的提升和真实的应用场景也有了新的理解和体会。