Web前端开发实战教程（HTML5+CSS3+JavaScript）（AI协同）（第2版）-教案 第5章　布局项目实战.docx

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

教师姓名

系部专业

授课对象

课程名称

Web前端开发

授课时间

使用教材

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

（AI协同）（第2版）

计划学时

4学时

教学形式

及地点

教学目标

知识目标

能力（技能）目标

素质目标

充分理解HTML常用标签及其属性的应用。

熟练使用CSS完成网页的布局及美化

熟练使用盒模型完成页面的布局和规划

熟练掌握响应式布局的原理，并利用Bootstrap框架完成布局项目

培养项目化开发思维，学会页面模块化拆分

养成先规划结构再编写代码的开发习惯

提升代码复用意识，锻炼调试复杂页面布局问题的耐心与严谨性

教