DreamWeaver网页制作公开课教案.docVIP

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