资源简介

课题 网页布局( 二 ）
课时 2课时（90 min）
教学目标 知识技能目标： （1）认识网页的单列布局和双列布局 （2）了解什么是网页的三列布局 （3）能够使用Dreamweaver CC为网页设置三列布局 思政育人目标： （1）学习网页布局，提升网页设计与制作的能力。 （2）了解开源精神，懂得互利共赢。
教学重难点 教学重点：网页的三列布局 教学难点：使用Dreamweaver CC为网页设置三列布局
教学方法 情景模拟法、问答法、讨论法、练习法
教学用具 电脑、投影仪、多媒体课件、教材
教学设计 第1节课：课前任务→ 考勤（2 min）→ 问题导入（5 min）→传授新知（28 min）→课堂互动（10 min） 第2节课：任务实施（25 min）→ 实践探索（15 min）→ 课堂小结（3 min）→ 作业布置（2 min）
教学过程 主要教学内容及步骤 设计意图
第一节课
课前任务 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP，查阅资料，了解网页的经典布局 【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学软件，激发学生的学习欲望
考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况
问题导入 （5 min） 【教师】提出以下问题： 什么是单列布局？ 【学生】思考、举手发言 构建这种布局形式只需按照标准文档流的顺序添加容器标签即可，必要时可将个别容器标签左右外边距属性值设置为auto，使其居中显示。 通过问题导入，引导学生思考，调动学生的主观能动性，了解本节课要学习的内容
传授新知 （28 min） 【教师】通过学生的发言，引入新的知识点，介绍单列与双列布局，三列布局 一、单列与双列布局 【教师】展示单列布局的网页图片，帮助学习理解 小型企业宣传网站一般使用简单的单列布局，构建这种布局形式只需按照标准文档流的顺序添加容器标签即可，必要时可将个别容器标签左右外边距属性值设置为auto，使其居中显示。 双列布局一般是指带有左侧或右侧侧边栏的布局形式。构建这种布局形式可以通过设置浮动属性，使主体部分与侧边栏一个向左浮动一个向右浮动来实现。此外，也可以通过设置定位属性实现。 （详见教材） 【教师】演示使用定位属性构建双列布局 （1）在Dreamweaver CC中打开本书配套素材“项目七”→“ex9.html”网页文档，按“F12”键进行预览。 （2）在