《网页设计与制作案例教程-》教案----第15课-网页布局(一).pdf

第15课网页布局（一）

课题网页布局(一）

课时2课时（90min）

知识技能目标：

（1）熟悉盒子模型的基本结构

（2）了解盒子模型的属性

教学目标（3）认识元素的浮动与定位

思政育人目标：

（1）学习网页布局，提升网页设计与制作的能力。

（2）了解开源精神，懂得互利共赢。

教学重点：盒子模型的基本结构和属性

教学重难点

教学难点：元素的浮动与定位

教学方法情景模拟法、问答法、讨论法、练习法

教学用电脑、投影仪、多媒体课件、教材

第1节课：课前任务→考勤（2min）→问题导入（10min）→传授新知（23min）→课堂抢答（10min）

教学设计

第2节课：任务实施（25min）→实践探索（15min）→课堂小结（3min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

第一节课

通过课前的预热，

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP，

让学生了解所学软

课前任务查阅资料，了解网页布局的基本知识

件，激发学生的学

【学生】按照教师要求完成课前任务习欲望

【教师】使用APP进行签到培养学生的组织

考勤

纪律性，掌握学生

（2min）

【学生】按照老师要求签到的出勤情况

【教师】提出以下问题：通过问题导入，

引导学生思考，调

问题导入网页布局的基础是什么？

动学生的主观能动

（10min）【学生】思考、举手发言

性，了解本节课要

盒子模型和元素浮动与定位是构建网页布局的基础。学习的内容

【教师】通过学生的发言，引入新的知识点，介绍盒子模型的基本结构，元

素的浮动与定位

通过讲解，让学

传授新知一、盒子模型的基本结构生了解盒子模型，

（23min）盒子模型的属性及

【教师】展示盒子模型