资源简介

课题 网页列表与超链接( 三 ）
课时 2课时（90 min）
教学目标 知识技能目标： （1）掌握使用Dreamweaver CC为网页添加导航栏的方法 （2）能够制作简单纵向导航栏 （3）能够制作简单横向导航栏 （4）能够制作带下拉菜单的横向导航栏 思政育人目标： （1）保持积极的学习态度，增强自身工作能力。 （2）了解“绿水青山就是金山银山”的相关信息，增强热爱自然、保护自然的意识。
教学重难点 教学重点：使用Dreamweaver CC为网页添加导航栏 教学难点：制作带下拉菜单的横向导航栏
教学方法 情景模拟法、问答法、讨论法、练习法
教学用具 电脑、投影仪、多媒体课件、教材
教学设计 第1节课：课前任务→ 考勤（2 min）→ 问题导入（5 min）→传授新知（23 min）→小组互助（15 min） 第2节课： 任务实施（25 min）→ 实践探索（15 min）→ 课堂小结（3 min）→ 作业布置（2 min）
教学过程 主要教学内容及步骤 设计意图
第一节课
课前任务 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过文旌课堂APP，查阅资料，了解在Dreamweaver CC中如何添加导航栏 【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学软件，激发学生的学习欲望
考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况
问题导入 （10 min） 【教师】提出以下问题： 在网页中超链接的种类有哪些？ 【学生】思考、举手发言 横向导航栏，纵向导航栏，带有下拉菜单的导航栏。 通过问题导入，引导学生思考，调动学生的主观能动性，了解本节课要学习的内容
传授新知 （23 min） 【教师】通过学生的发言，引入新的知识点，介绍使用Dreamweaver CC制作导航栏的步骤 一、制作简单纵向导航栏 纵向导航栏即导航链接垂直放置，相当于一个模块的侧边栏，通常是针对主体导航栏的二次细分。 制作导航栏时，为了得到具有格式化的效果，通常需要改变元素的显示方式。这时，需为元素设置display属性，属性值none表示不显示该元素；inline是默认值，表示将该元素转换为行内元素；block表示将该元素转换为块级元素；inline-block表示将该元素转换为行内块元素，行内块元素即为可显示在一行内的块级元素。 （详见教材） 【教师】演示使用Dreamweaver CC制作简单纵向导航栏的方法 （1）在Dreamweaver CC中创建一个名为“nav1.html”的网页文档，将其网页标题修改为“纵向导航栏”。 （2）在标签中添加一个