Web前端开发技术（AIGC版） 教案-教学设计 第7单元 CSS动画简介和坐标系（教案1：2 学时）.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

CSS动画简介和坐标系

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

机房（有网络，配备超星教学平台）

授课学时

40分钟*2学时

教材分析

本节是CSS动画模块的开篇，衔接HTML/CSS基础，铺垫后续变形、过渡、动画属性学习，通过乡村主题案例串联，兼具理论性与实用性，是构建动态网页的基础。

学情分析

1.前置基础：已掌握HTML标签、CSS基础样式（选择器、盒子模型），能搭建简单静态网页。

2.学情特点：动手能力强、抽象逻辑弱、具象思维突出，对实操任务兴趣浓厚，对抽象坐标系易困惑。

3.潜在不足：缺乏空间