最新DreamWeaver网页制作公开课教案

1、最新 DreamWeaver 网页制作公开课教案 PAGE 7 / 7公开课教案授课第四单元课型复习章节DreamWeaver 网页制作超链课时1名称接的使用课授2006-4-4授04162教师时红题序号课时间星期二第三节课班级班姓名玲知识目标：了解超链接的含义、作用及在网页制作中的地位掌握超链接的分类及作用对象熟练掌握超链接的创建方法能力目标：能够创建文字、图像、图像热区、电子邮教学件、书签超链接目标能够运用超链接的创建方法将一个网站中的页网连接起来情感目标：培养学生团结协作的能力培养学生的爱国主义情怀培养学生不断进取的求知精神教学超链接的种类重点超链接的创建方法教学电子邮件超链接、书签超链

2、接难点超链接的实际应用学情本教材已基本学完，马上要进入综合实战，但在进行 处理综合实战之前，必须要对超链接和网页布局进行一下 复习，这两个知识点的正确掌握与否，对网页设计致关重要。学生在一个月前已经学习了超链接及其创建方法，但时间比较长了，学生对此知识点有所遗忘， 还需要花一节课时间进行充分的复习与巩固。选用教NIT的出西安交通作教育教材材名称 DreamWeaver 网页制作版社大学出版社者部考试中心编教材处理说明课外回顾超链接的种类及创建方法作业上网搜集有关“北京”的相应素材，罗列几个方面， 为后面综合实战作准备教学体会教学教学内容教 学 手 段与方法程序课将 seek 网站文件夹及 be

3、ijing 网站根文件学 生 注 意前准备夹传送到学生机上接收复本教材已基本学完，马上要进入综合实战，明 确 本 节习但在进行综合实战之前，必须要对超链接课 的 学 习导入和网页布局进行一下复习，这两个知识点的正确掌握与否，对网页设计致关重要。我们在一个月前已经学习了超链接及其创建方法，但时间比较长了，学生对此知识点有所遗忘，还需要花一节课时间进行充 分的复习与巩固。试想：如果没有超链接，我们就无法把制作的一个个网页连接起目标来，就无法让用户通过点击方便的浏览一个又一个页面。复一、超链接的含义习创设情境：（打开网站）内 提问：什么是超链接？容 学生演示： 你能为大家演示一下怎样利用超链接打开其

4、所指页面吗？你是怎样判断它是一个超链接的？两点：一是移到链接上，指针会变成“手”提问法学 生 演 示说明观察说明状没有）二是文字蓝色带下划线（但可以观察理解进一步引申出：网站的双层含义：创设情境：SOHUCOM网站进行演示说明第一层含义：对一个网站浏览者而言， 它是一个网址，有了这个网址你就可以打观察明确引发思考开这个网站的首页（入口），通过点击超链回 顾 思 考接打开一个又一个页面去浏览。创设情境：打开seek 网站根文件夹进行演示说明并回答第二层含义：对于一个网站设计者而言， 让 学 生 在它就是一个文件夹，把你所设计的所有网 游 戏 中 去页，所用到的所有素材都分门别类地存放 查 找 去

5、 感在这样一个文件夹里。知那么，超链接跟它又有什么关系呢？依据超链接与其关系，我们将超链接划分成如下几类：二、超链接的种类提问：超链接依据其与本网站的关系分成哪几类？内部链接：（本网站内的页面）外部链接：（其他网站）锚记链接：（同一个页面）做游戏：打开 seek 网站，找出其中的超链接。并区分出哪些是内部链接？哪些是外部链接？哪些是锚记链接？你是怎样确定的？教学教学内容教 学 手 段与方法程序复三、超链接的创建方法：习提问： 超链接的创建都是在哪里进行思考回答内的？容（在属性面板中的链接栏进行的，前提是：先选中创建超链接的文本或图像）思考回答内部链接：（直接指向本网站内的某演示操作个页面）有几种方法？外部链接：（http:/）思考回答注意： 邮件链接该怎样创学 生 分 组综建？讨 论 并 实合图像热区链接怎样创建？应锚记链接：（先插入锚点，再链接用到锚点）际操作要点是什么？总学生活动：结具体题目要求见“任务书”（附页中出示）反馈评价：展示几个学生的任务完成情况，进行点评。学 生 配 合老 师 进 行归纳作业本节课我们复习了加载在文本和图像上的布超链接，有内部链接、外部链接、锚记链置接。复习了它们的创建方法与区别。