DreamWeaver网页制作公开课教案

观察理解
这个网址你就可以打开这个网站的首页（入口） ，通过点击超链接 打开一个又一个页面去浏览。 创设情境：打开 seek 网站根文件夹进行演示说明 观察明确 第二层含义：对于一个网站设计者而言， 它就是一个文件夹， ．．．．．．．．．．．．．．．．．．．． ． 把你所设计的所有网页，所用到的所有素材都分门别类地存放在 这样一个文件夹里。 那么，超链接跟它又有什么关系呢？依据超链接与其关系， 我们将超链接划分成如下几类： 引发思考
公开课教案
授课章节 名称 课题 序号 第四单元 《DreamWeaver 网页制作——超链接的使用》 授课 时间 2006-4-4 星期二 第三节 授课 班级 04162 班 课型 课时 教师 姓名 复习 1 时红玲
教学目标
知识目标：了解超链接的含义、作用及在网页制作中的地位 掌握超链接的分类及作用对象 熟练掌握超链接的创建方法 能力目标：能够创建文字、图像、图像热区、电子邮件、书签超链接 能够运用超链接的创建方法将一个网站中的页网连接起来 情感目标：培养学生团结协作的能力 培养学生的爱国主义情怀 培养学生不断进取的求知精神 超链接的种类 超链接的创建方法 电子邮件超链接、书签超链接 超链接的实际应用 本教材已基本学完，马上要进入综合实战，但在进行综合实战之前，必须要对 超链接和网页布局进行一下复习，这两个知识点的正确掌握与否，对网页设计 致关重要。 学生在一个月前已经学习了超链接及其创建方法， 但时间比较长了， 学生对此知识点有所遗忘，还需要花一节课时间进行充分的复习与巩固。 教材 名称 NIT 的 《DreamWeaver 网页 制作》 出 版 社 西安交通大学 出版社 作 者 教育部考 试中心编
本教材已基本学完，马上要进入综合实战，但在进行综合实战之 明确本节课的学 前，必须要对超链接和网页布局进行一下复习，这两个知识点的 习目标 正确掌握与否，对网页设计致关重要。我们在一个月前已经学习 了超链接及其创建方法，但时间比较长了，学生对此知识点有所 遗忘，还需要花一节课时间进行充分的复习与巩固。试想：如果 没有超链接，我们就无法把制作的一个个网页连接起来，就无法 让用户通过点击方便的浏览一个又一个页面。
教学重点 教学难点 学情处理
选用教材 教材处理 说明 课外作业 教学体会
回顾超链接的种类及创建方法 上网搜集有关“北京”的相应素材，罗列几个方面，为后面综合实战作准备
1
教学 程序 课前 准备 复习 导入
教学内容 将 seek 网站文件夹及 beijing 网站根文件夹传送到学生机上
教学手段与方法 学生注意接收
思考回答 演示操作 思考回答
综合 应用
学生活动： 具体题目要求见“任务书” （附页中出示） 反馈评价： 展示几个学生的任务完成情况，进行点评。
学生分组讨论并 实际操作
总结 本节课我们复习了加载在文本和图像上的超链接，有内部链接、 外部链接、锚记链接。复习了它们的创建方法与区别。并运用其 创建方法为一个小型网站创建链接进行实战，学用结合。 作业 布置 学生配合老师进 行归纳
二、 超链接的种类
提问：超链接依据其与本网站的关系分成哪几类？ 内部链接： （本网站内的页面） 外部链接： （其他网站） 锚记链接： （同一个页面）

回顾思考并回答
让学生在游戏中 做游戏：打开 seek 网站，找出其中的超链接。并区分出哪些 去查找去感知 是内部链接？哪些是外部链接？哪些是锚记链接？你是怎样确定 2
上网搜集有关“北京”的相应素材，为后叙综合实战，为 2008 年奥运会向国内外游客，建立一个宣传“北京”的大型网站做准 备。
3
复习 内容
一、 超链接的含义
创设情境： （打开ＳＯＨＵ．ＣＯＭ网站） 提问：什么是超链接？ 提问法 学生演示： 你能为大家演示一下怎样利用超链接打开其所指 学生演示说明 页面吗？你是怎样判断它是一个超链接的？ 两点：一是移到链接上，指针会变成“手”状 观察说明 二是文字蓝色带下划线（但可以没有） 进一步引申出：网站的双层含义： 创设情境：SOHU．COM 网站进行演示说明 第一层含义：对一个网站浏览者而言，它是一个网址 ，有了 ．．．．．．．．．．．．．．．．．
的？
教学 程序 复习 内容
教学内容
教学手段与方法
三、 超链接的创建方法：
提问：超链接的创建都是在哪里进行的？ （在属性面板中的链接栏进行的，前提是：先选中创建超 链接的文本或图像） 内部链接： （直接指向本网站内的某个页面） 有几种方法？ 外部链接： （ 注意：邮件链接该怎样创建？ 图像热区链接怎样创建？ 锚记链接： （先插入锚点，再链接到锚点） 要点是什么？ 思考回答