课程思政

思政元素

时间管理的重要性

融入知识点

CSS3  动画（CSS3 animations）

融入方式

利用transition-duration属性设定过渡的动画效果延时时间

案例概述

课程和案例的基本情况，案例选用意义，思政内容融入方法和理念，课程思政改革教学实践情况，知识、能力、素质目标的设定和达成等

本节课在讲解CSS3 动画的设置方法时，让学生在学习如何利用transition-duration属性设定过渡的动画效果延时时间的时候，关注延时时长的细微差别对于动画效果的影响，教育学生要培养时间观念，善于进行时间管理，不要虚度青春，要有意识地培养自我控制的能力。

教学设计

融入课程思政的教学内容和资源，教学环节的设计，教学方法和手段，考核评价方式，教学过程的组织与实施等

1.教师讲解CSS3 动画的几种设定方法，让学生掌握不同CSS3动画设置方式的基本原理、属性和属性值等。

2.教师提出动画时间设置的要求：利用过渡属性在animation中设置动画效果，并设置延时时长，要求学生关注不同延时时长的细微差异。

3.学生进行项目：“多肉商城页面”页面的动画设置。

4.找学生讲解自己的代码，老师进行点评，并进行思想教育。

5.根据学生的代码编写情况和发言情况，教师打出这次课的平时成绩。

特色创新

既结合了课程本身需要传授的学习内容，又与当下学生普遍存在的时间管理意识缺失、自我控制意识缺失进行了结合，让学生自己通过课堂知识来解决自身的自律问题。

教学反思

首先学生编写的代码以模仿为主，缺乏独创的热情和探索精神；其次，个别学生的积极性没有调动起来，有程度差的同学无法跟上上课节奏，之后成立互助小组，让程度快的同学帮助后进同学。