Dreamweaver中超链接的应用教案

1、公开课教案课程名称网页制作教程课题 名称：DreamWeaVer中超链接的应用授课班级：任课教师：授课时间：授课日期20015-10-13课程DreamWeaVer网页制作班级14计算机班授课人讲次1课 时2实训室603机房课题DreamWeaVe冲超链接的应用教学 目的 要求 知识目标：熟练掌握使用DreamWeaVer软件对网页中各种超链接的设置 与应用的操作方法。能力目标： 通过任务布置、学生活动、学生演示等形式培养学生遇到问题，解决问 题的信息处理能力；培养学生协作学习的能力。 培养学生较熟练地运用DreamWeaVer进行超链接的设置与应用； 培养学生理解、设置、应用网页中各种超链接

2、的能力。德育目标： 通过学生完成在网页中插入超链接任务，培养学生网页制作的设计能 力，增强学生学习的自信心。激发学生对 DreamWeaVeI网页制作的浓厚兴趣 在同学之间的交流合作中，引导以优带差、共同进步，培养学生互相帮 助、团结协作的良好品质。教学 重点DreamWeaVe冲超链接的应用所必须要掌握的 7个基本步骤：1、设置常规超链 接（内部超链接、外部超链接）2、设置文本超链接3、设置图像超链接4、设 置电子邮件链接5、设置命名锚记链接6、文件下载链接7、设置空链接教学 难点1、设置常规超链接（内部超链接、外部超链接） 2、设置文本超链接3、设置 图像超链接4、设置电子邮件链接5、设置

3、命名锚记链接实训材料 及器材计算机、极？域？电？子？教?室软件、网页制作素材时间 分配教学内容及过程教学方 法及教 学内容 的拾漏 补遗15第一环节：组织教学 引导学生进入学习状态，注意操作事项等。第二环节：导入1、结合素材网页版的电子书抗日英雄传进行人文素养渗透，抗日英 雄传是歌颂中华民族的积极抵抗外侵精神，无数革命先辈的鲜血，终于换来 抗日战争胜利的曙光，也是世界反法西斯战争文化宝库中的璀璨明珠。建议 课后学生诵读这本网页版的电子书，使他们受到情感熏陶，获得思想启迪， 激发爱国情怀和学习斗志，领悟人文精神，塑造完美人格。2、学生演示网页制作中的框架布局来设计网页（第1节课已结合任务驱 动法

4、、自主探究学习模式，引导学生完成相应的任务）。3、让学生简述网页制作中的框架布局操作出现的问题。4、简评学生在操作中出现的问题，导入本课超链接属于网页的一部分，它可以使网页与站点之间建立连接。各个网 页链接在一起后，才能成为一个有机整体，真正构成一个网站。人文素 养渗透演示讲授讨论时间分配教学 内容及过程教学方法及教学内容的拾漏补遗第三环节：教师演示、讲解操作步骤 DreamWeaVer中超链接的应用17一、超链接的含义超链接由源端点和目标端点两部分组成， 其中设置了链接的一端称为 源端点，跳转到的页面或对象称为目标端点。二、超链接的分类演示提问讨论1、按照源端点的不同，可以将超链接分为文本链

5、接、图像链接和表 单链接3种。文本链接：是指以文字作为超链接源端点的链接。图像链接：是指以图像作为源端点的超链接。表单链接：需要与表单结合使用，当用户单击表单中的按钮时，会自 动跳转至相应页面。2、根据目标端点的不同，超链接可分为内部链接、外部链接、锚点 链接和电子邮件链接4种。内部链接：其目标端点是本站点中的其他网页或文件。外部链接：指链接的目标端点与源端点不在同一个站点中。讲授、 演示、 讨论锚点链接：如果网页太长，可用锚点链接实现跳转到当前网页或其他 网页中的某一指定位置。电子邮件链接：单击电子邮件链接，将打开系统默认的电子邮件收发 程序。三、设置链接属性在没有选中任何对象的前提下，单击

6、“属性”面板上的“页面属性” 按钮，打开“页面属 性”对话框，首先在 左侧列表中选择“链 接”选项，然后在右 侧设置各项链接属 性。时间分配教学内容及过程教学 方法 及教 学内 容的 拾漏 补遗30四、设置常规超链接常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于 站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站 跳转到其他网站。1 内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以 在“属性”面板上的“链接”编辑框中直接输入要链接对象的相对路径； 也可以通过单击“属性”面板上“链接”编辑框右侧的“浏览文件”按 钮，在弹出的“选择文件

7、”对话框中选择链接对象。I- -U fR V A W I r ch. I.M7诞.-殴 .1M I7WRilflill 叶 d.rIrLAe忘田警!臺 41* .1? IJ 一*叫J/fStlAIrIftVWR A l卯暫 岬片 a *i * * 帶 口暫 ra,3 r A LlE 雲 T 时 E 口 附a tttI jcss IC *IMBlI) J 牡* (J t屮r .u!.讲 授、 演 示、 讨论2 外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板 上的“链接”编辑框中直接输入要链接网页的网址。五、设置文本超链接六、设置图像超链接给整个图像添加超链接，首先用鼠

8、标选定要制作超链接的图像， 然后在“属 性”面板上的“链接”编辑框中设置被链接对象的URL地址。要给某段文本设置超链接，可以先用鼠标选中该文本，然后在“属性”面 板上的“链接”编辑框中设置被链接对象的 URL地址。知识扩展：给图像局部添加超链接给图像局部添加超链接也称为“图像热 点”技术，很多时候都需要为一张图片的不同部位设置不同的链接，这就需要用热点链接。热点链接又叫图像映射，是使用热点工具将一张图片划分成多个 区域，并为这些区域分别设置链接。七、设置电子邮件链接很多网页都会在最下方留下作者或公司的E-mail地址，用户可以直接单击E-mail地址，给网站相关人员发送邮件，这就是所谓的电子邮

9、件链接。需要注意的是，电子邮件链接 是将浏览者的本地电子 邮件管理软件“Outlook EXPreSS ”的“新邮件” 窗口，而不是向服务器 发出请求。这是一种特 殊类型的链接，又叫电 子邮件链接。在“属性”面板上 “链接”编辑框中输入 “ mailto:电子邮箱地 址”八、设置命名锚记链接 有些网页的内容非常多， 以致浏览器的滚动条变得很 长，而使得浏览者无法快速找 到所要的内容。为解决这个问 题，我们可以通过命名锚记链 接来为网页添加位于该网页内 部的超链接，单击该超链接， 就跳转到网页中指定的位置。要设置命名锚记链接，应 首先插入命名锚记，然后创建 跳转到该命名锚记的链接。 ri弋 lf

10、 i i 11*E 3 口 * M -釦 ES 期EHE0-7J I2ll 吕3m= = = = =- - m 二=一 =-=3二+ e rJ 出IH .-理亠.起山 脛一奢整乳一.=?L GFrEXlBHE 二JfE*flXH*p(l丽算带t趾滿脚掘和皿加=誠Sga赞才-b*j 卜也“ Ihllh -Jli41 4 JVJV 耳弔 Bi 養&H flLY .0 H / 乎压 fcb*H - W *_J匚I i a aBIgf WiMi TM 4W 匚3 口事aiug i 口 wn*r -JI M址z“. Mfel!九、文件下载链接文件下载链接的设置方法与文字链接类似，区别在于所链接的文件不是

11、网 页文件而是其他文件，如“ .exe ” “.doc”“.zip ”等文件。十、设置空链接空链接是一个未指派目标的超链接，设置空链接的目的通常是激活页面上 的对象或文本，使其可以应用行为。给页面对象设置空链接的方法很简单，选 定对象后，在“属性”面板上的“链接”编辑框中输入符号“ #”即可。第四环节：学生操作、巡回指导本节在前面操作的基础上对素材网页版的电子书抗日英雄传进行进行 完善，让学生上机练习设置网页链接属性、设置图像热点链接、设置图像站内 链接、给页脚文本添加站外链接，制作一本完整的抗日英雄传网页电子书 遇到疑难再向老师提出，老师进行即时解答。演 示、提 问、讨 论巡 视、指 导、督 促、答 疑352【学生活动】学生按照操作要求，尝试完成学习任务。学生间互相交流， 遇到难处可以向教师请教。【教师活动】教师巡视，指导，督促，答疑。在巡视过程中，发现学生操作 中的问题给予必要的帮助。发现操作较好的同学，给予鼓励和表扬并引导其协 助教师指导，实行以优带差、共同进步的训练过渡。第五环节：小结1、理解超链接的含义2、理解超链接的分类3、设置链接属性4、设置常规超链接（内部超链接、外部超链接）5、设置