Web前端开发技术（AIGC版） 教案-教学设计 第6单元 Flex布局简介（教案1：2 学时.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

6.1Flex布局简介

授课班级

授课时间

授课类型

理论+实操、新授课

授课地点

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

授课学时

40分钟*2学时

教材分析

本节选自《Web前端开发技术》第六单元理论内容，是弹性布局的入门章节。核心介绍Flex布局概念、优点、容器与项目模型及主轴交叉轴原理，为后续容器属性、项目属性学习奠定理论基础，是解决传统布局繁琐问题的关键，兼具理论指导性与实操铺垫性。

学情分析

1.前置基础：已掌握HTML基础标签、CSS盒子模型、浮动与定位布局，熟悉VSCode操作，能编写简单静态页面，了解超星平台使用