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

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

5.1盒子模型的概念

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

机房（联网，支持超星教学平台）

授课学时

40分钟*2学时

教材分析

本节选自《Web前端开发技术》第五单元第一部分，是CSS布局的核心基础。盒子模型将页面元素具象化为“盒子”，承接前文HTML元素排版知识，为后续盒子属性设置、定位及网页布局奠定理论与实操基础，在整个前端开发知识体系中起承上启下的关键作用。

学情分析

1.前置基础：已掌握HTML基础标签及简单排版，能创建基础网页结构，对CSS有初步认知，具备机房上机实操能力。

2.学情特点：