Web前端开发技术（AIGC版） 教案-教学设计 第7单元 美丽乡村照片墙页制作（教案5：2 学时）.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

美丽乡村照片墙页制作

授课班级

授课时间

授课类型

理实一体化课、新授课

授课地点

机房（有网络），依托超星教学平台

授课学时

40分钟*2学时

教材分析

本节选自教材第七单元7.1节，是CSS动画模块入门实操内容，衔接HTML布局与CSS基础样式，核心是transform缩放与transition过渡的联动应用。通过乡村景点照片墙案例，落实“鼠标悬浮放大+阴影”交互效果，培养学生网页美化与交互设计能力，为后续复杂动画学习奠定基础。

学情分析

1.前置基础：已掌握HTML标签（图像、链接、DIV）、CSS基础样式（边框、边距、