Dreamweaver中超链接的应用教案

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

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

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

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

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

6、中任何对象的前提下，单击“属性”面板上的“页面属性” 按钮，打开“页面属 性”对话框，首先在 左侧列表中选择“链 接”选项，然后在右 侧设置各项链接属 性。演示提问讨论讲授、演示、讨论352外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在属性”面板上时间分配教学内容及过程教 学方 法及 教学 内容 的拾 漏补遗30四、设置常规超链接常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于 站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站 跳转到其他网站。1.内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在属性”面板上的 链接

7、”编辑框中直接输入要链接对象的相对路径； 也可以 通过单击属性”面板上链接”编辑框右侧的浏览文件”按钮，在弹出的选择文件”对话框中选择链接对象。I- ! I*RMKHH.卡昇7诞.-殴.1M ,TTRTWn *-41* .l?IJ -一- fdi喧洁StlAV卯暫岬片 鼻11* C1帶 口暫3每 P 卓B* p t! S附*匸CMBiD牡* (J t” |_曲|讲授、演示、讨论六、设置图像超链接给整个图像添加超链接，首先用鼠标选定要制作超链接的图像， 然后在“属 性”面板上的“链接”编辑框中设置被链接对象的URL地址。的链接”编辑框中直接输入要链接网页的网址。五、设置文本超链接要给某段文本设置

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

9、件” 窗口，而不是向服务器 发出请求。这是一种特 殊类型的链接，又叫电 子邮件链接。在“属性”面板上“链接”编辑框中输入“mailto:电子邮箱地 址”八、设置命名锚记链接 有些网页的内容非常多，以致浏览器的滚动条变得很 长，而使得浏览者无法快速找 到所要的内容。为解决这个问 题，我们可以通过命名锚记链 接来为网页添加位于该网页内 部的超链接，单击该超链接，就跳转到网页中指定的位置。要设置命名锚记链接， 应 首先插入命名锚记，然后创建 跳转到该命名锚记的链接。| t ri弋 *if 1ii ll*+E * 0口*H4( (p -釦聖期国习0-歹|.+ 4CI ng?叱Id.,.-理亠.起m脛一

10、奢一整乳一.王“.FTEXBX 二M三rirtiEZXK|*1丿卜也“世険14舒1 4.耳J乎压- 轴駅 -_J匚_| IE：= a asalgWiMiTMI WO匚3 口事MIRUgrH口I FMK1址.GtZ“. AfeS九、文件下载链接文件下载链接的设置方法与文字链接类似，区别在于所链接的文件不是网 页文件而是其他文件，如“.exe” “.doc” “.zip”等文件。十、设置空链接空链接是一个未指派目标的超链接，设置空链接的目的通常是激活页面上 的对象或文本，使其可以应用行为。给页面对象设置空链接的方法很简单，选 定对象后，在“属性”面板上的“链接”编辑框中输入符号“#”即可。第四环节

11、：学生操作、巡回指导本节在前面操作的基础上对素材网页版的电子书 抗日英雄传 进行进行 完善，让学生上机练习设置网页链接属性、设置图像热点链接、设置图像站内 链接、给页脚文本添加站外链接，制作一本完整的抗日英雄传网页电子书 遇到疑难再向老师提出，老师进行即时解答。演示、提问、讨论巡视、指导、督促、答疑352【学生活动】学生按照操作要求，尝试完成学习任务。学生间互相交流， 遇到难处可以向教师请教。【教师活动】教师巡视，指导，督促，答疑。在巡视过程中，发现学生操作 中的问题给予必要的帮助。发现操作较好的同学，给予鼓励和表扬并引导其协 助教师指导，实行以优带差、共同进步的训练过渡。第五环节：小结1、理解超链接的含义2、理解超链接的分类3、设置链接属性4、设置常规超链接（内部超链接、外部超链接）5、设置文本超链接6、设置