Web前端开发技术（AIGC版） 教案-教学设计 第5单元 盒子模型的定位（教案3：2 学时）.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

5.3盒子模型的定位

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

机房（有网络，接入超星教学平台）

授课学时

40分钟*2学时

教材分析

本节选自《Web前端开发技术》第五单元第三部分，是盒子模型知识体系的核心应用环节。核心围绕position属性的四种取值（static、relative、absolute、fixed）展开，承接前两节盒子概念及属性设置知识，是实现网页元素精准布局、复杂排版的关键技能，为后续响应式布局、网页组件开发奠定基础，在前端实操技能链中具有承上启下的重要作用。

学情分析

1.前置基础：