Web前端开发实战教程（HTML5+CSS3+JavaScript）（AI协同）（第2版）-教案 第4章　盒模型与弹性布局.docx

教学流程设计（理实一体化）

教师姓名

系部专业

授课对象

课程名称

Web前端开发

授课时间

使用教材

Web前端开发实战教程（HTML5+CSS3+JavaScript）

（AI协同）（第2版）

计划学时

4学时

教学形式

及地点

教学目标

知识目标

能力（技能）目标

素质目标

充分理解盒模型的基本用法与属性

充分理解盒模型的绝对定位与相对定位

充分理解盒模型的嵌套与应用

充分理解CSS如何与盒模型配合使用

充分理解CSS如何处理容器属性

熟练掌握弹性布局在移动端的使用

养成规范化页面布局编码习惯

培养分析页面结构的思维

能够独立排查浮动塌陷、定位错乱等布局问题

教学内容

模块4盒模型与