Web前端开发技术（AIGC版） 教案-教学设计 第6单元 美丽乡村新闻网页制作（教案4：2 学时.docx

教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

6.1美丽乡村新闻网页制作

授课班级

授课时间

授课类型

理实一体化课

教学环境

机房（有网络），超星教学平台（已建设对应网络课程）

授课学时

40分钟*2学时

教学方法

主导：项目引领“任务驱动”教学法；辅助：理实一体化教学法、案例演示法、讲练结合法、小组协作法

教学重点

1.运用Flex布局搭建美丽乡村新闻网页总体框架

2.页面头部导航区与主体新闻列表区的制作

教学难点

1.Flex布局属性在网页各模块中的灵活适配应用

2.结合AIGC生成代码并优化调整，实现规范布局

学情分析

1.前置基础：已掌握HTML5基础