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