《HTML+CSS 网页设计与制作》课程思政教学设计.pdfVIP

《HTML+CSS网页设计与制作》课程思政教学设计

以“创建家乡特色专题网站”为例

长江艺术工程职业学院经济管理系，李勤加

课程类型:专业核心课程学科门类:工学-08

课程及案例简介:《HTML+CSS网页设计与制作》是计算机专业的基础课程，开设对象为

计算机应用技术专业一、二年级学生。主要内容是培养学生如何编写HTML和CSS代码，以

及如何使用这些技术创建具有视觉吸引力和交互性的网站，同时所选项目具有一定的完善性

和实用性，帮助学生更好地掌握优秀的网站设计技能。

“创建家乡特色专题网站”是本课程的核心内容之一，使学生能够进一步掌握网页设计

的结构、流程和制作方法。本案例能树立学生履行时代赋予使命的责任与担当，激发学生热

爱家乡的理想情怀，加强了学生的职业道德与规范修养，培养了学生爱国敬业并关注家乡发

展，用科技的方式展现家乡美的表现。

1.教学与育人目标

1.1知识传授目标

1)让学生能理解专题网站的设计流程。

2)让学生掌握设计网站的制作方法。

1.2能力培养目标

1)让学生能掌握专题网站的设计流程步骤。

2)让学生能掌握常见的网页设计制作方法。

3)通过翻转课堂、线上学习等方式培养学生的自主学习能力。

1.3思政育人目标

1)通过对不同专题网站的对比学习，提升学生的家乡情怀和文化自信。

2)通过挖掘家乡特色和产品，弘扬家乡民俗、特产文化，培养大学生热爱家乡的理想信

念。

3)通过优秀专题网站的特色优点，激发学生利用科技展示家乡美的情怀。

2.教学策略与课程思政教学实施过程设计

2.1教学策略

本节课程采用“问题驱动”与“案例展示”的授课方式，在教学过程中结合了线上教学

与实践环节，通过讲授“创建家乡特色专题网站”使思政铸魂与专业教育深度融合，实现思

政教育从达情达意到人脑人心。

2.2课程思政教学实施过程设计

2.2.1搜集资料，多屏联动(课前)

课前请学生去关注和了解当前比较优秀的民俗特色网站，特别是宣传家乡特产及民俗文

化的网站，同时让学生去重点关注网站的布局和色彩搭配等，鼓励学生去主动思考和研究不

同地方特色所展现的特点。以讨论的法师让学生进行意见交流，再由教师进行重点梳理，让

学生开始关注到专题网站的发展。

【设计意图】通过课前准备激发学生的学习兴趣，同时让学生在准备过程中体悟专题网

站的发展特点，培养其自主学习能力。

2.2.2作品分析，启发引导(课中)

1)问题导入:专题网站的特点及发展，以问题引入荆州松滋土家族专题网站的特点，让

学生深切感受专题网站带来的视觉感受，激发学生的家乡情怀。通过专题网站的特点，让学

生去思考、讨论、分析，专题网站的特点和发展，为特色网站创新应用发展打下基础。

2)案例展示:通过案例和实际发展变化展示版本的发展，启发学生思考事务发展的规律

和过程，由此让学生体悟事物的发展是有规律的，而不是一蹴而就的，所有的幸福都需要打

拼和奋斗，而不能等，鼓励学生肩负起时代责任和历史使命，激发学生的强国梦，坚定学生

争做时代新人的理想信念。

3)理论上升:通过讲解事物的发展过程，让学生去关注和思考我们家乡的特色及相关应

用的展示，使学生在思考过程中充分掌握辩证唯物主义和历史唯物主义的方法论。

【设计意图】通过例子的展示，让学生知道事物的发展，激发学生关注专题网站的特点，

特别是针对家乡文化发展的发展途径和情况，我们必须根据事物发展规律来和系列图像的呈

现增强对学生的吸引力和感染力，激发学生的家国情怀与文化自信，提升学生的爱国主义情

怀激发学生对技术创新应用的关注。

2.2.3翻转课堂，讨论学习

1)翻转课堂:立灵的生互动方式，由教师给出相关问题，让学生根据兴趣分组并自由讨

论，之后由学生上台对问题进行解答通过问题的回答来激发学生对于特色网站创新应用的关

注，通过对特色网站的发展充分感受中国的信息技术创新带来的便捷，加深对特色网站创新

应用的发展关注。

2)理论总结:通过优秀专题网站的分析，和例子的演示，让学生对网站设计和常用制作

方法有更加深刻的认识，再次加深学生对知识内容的理解。

【设计意图】通过不断强化对专题网站的发展变化趋势和展示，让学生能对特色挖掘发

现和特色创新融入有更加深刻的认识。

2.2.