基本信息

---

下载

文档摘要

---

变形与过渡效果第课

19

课题变形与过渡效果2

课时2课时（90min）

知识技能目标：

（1）了解变形和过渡属性

（2）掌握使用CSS3设置2D和3D变形的方法91

教学目标（3）掌握使用CSS3设置过渡效果的方法

思政育人目标：

（1）培养学生一丝不苟，严谨、认真的工作态度

（2）在学习中拓展自己的视野，开阔自己的眼界2

教学重点：变形和过渡的相关属性

教学重难点

教学难点：CSS3语言在网页中实现变形和过渡效果

教学方法讲授法、启发法、问答法、演示法、讨论法、练习法

教学用电脑、投影仪、多媒体课件、教材

第1节课：考勤（2min）→导入新知（4min）→知识讲解（25min）→课堂练习（10

min）→交流讨论（4min）

教学设计

第2节课：互动交流（4min）→知识讲解（22min）→编写比赛（15min）→课堂

小结（2min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

?【教师】清点上课人数，记录好考勤培养学生的组

考勤织纪律性，掌握学

（2min）?【学生】班干部报请假人员及原因生的出勤情况

?【教师】通过类比，引出本节课内容

通过类比生活

在之前的学习中，其他编程语言可以实现变形和过渡效果，同

案例，让学生主动

样的，在HTML5网页中，也可以通过使用CSS3新增的知识实现变

导入新知思考，如何网页中

形和过渡的效果

（4min）实现变形和过渡，

?【学生】思考、发言引起学生的学习

兴趣

?【教师】总结学生发言

1

第课变形与过渡效果的基基本本

19

使用CSS3新增的变形属性能够实现元素的平