Web前端开发技术（AIGC版） 教案-教学设计 第7单元 transform变形属性（教案2：2 学时）.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

transform变形属性

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

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

授课学时

40分钟*2学时

教材分析

本节是CSS动画模块的核心实操内容，承接上节坐标系知识，是过渡、动画属性的基础。通过2D/3D变形实操，结合乡村主题案例，让学生掌握元素形态操控技巧，兼具实用性和延展性。

学情分析

1.前置基础：已掌握CSS基础样式、坐标系规则，能搭建简单静态网页，具备初步实操能力。

2.学情特点：动手意愿强，对具象实操任务兴趣浓厚，对参数配置等细节易疏忽，抽象3D变形理解难度较高。