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

第16课网页布局（二）

课题网页布局(二）

课时2课时（90min）

知识技能目标：

（1）认识网页的单列布局和双列布局

（2）了解什么是网页的三列布局

教学目标（3）能够使用DreamweaverCC为网页设置三列布局

思政育人目标：

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

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

教学重点：网页的三列布局

教学重难点

教学难点：使用DreamweaverCC为网页设置三列布局

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

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

第1节课：课前任务→考勤（2min）→问题导入（5min）→传授新知（28min）→课堂互动（10min）

教学设计

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

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

第一节课

通过课前的预热，

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

让学生了解所学软

课前任务查阅资料，了解网页的经典布局

件，激发学生的学

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

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

考勤

纪律性，掌握学生

（2min）

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

【教师】提出以下问题：

通过问题导入，

什么是单列布局？引导学生思考，调

问题导入

【学生】思考、举手发言动学生的主观能动

（5min）

性，了解本节课要

构建这种布局形式只需按照标准文档流的顺序添加容器标签即可，必要时可将个学习的内容

别容器标签左右外边距属性值设置为auto，使其居中显示。

【教师】通过学生的发言，引入新的知识点，介绍单列与双列布局，三列布

局

通过讲解，让学

传授新知

一、单列与双列布局生了解单列与双列

（28min）