《Dreamweaver 8中文版网页制作 教学课件 ppt 作者 王君学 于波 第5章 创建超级链接》由会员分享，可在线阅读，更多相关《Dreamweaver 8中文版网页制作 教学课件 ppt 作者 王君学 于波 第5章 创建超级链接（20页珍藏版）》请在金锄头文库上搜索。
1、本章将介绍在Dreamweaver 中创建和设置超级链接的基本方法。,第5章 创建超级链接,教学目标,了解文档位置和路径以及超级链接的分类。 掌握设置文本超级链接及其状态的方法。 掌握设置图像和热点超级链接的方法。 掌握设置电子邮件超级链接的方法。 掌握设置锚记超级链接的方法。 掌握设置鼠标经过图像和导航条的方法。 掌握设置脚本链接的方法。,5.1 认识超级链接,文档位置和路径 超级链接的分类,本节主要内容：,5.1.1 文档位置和路径,每个网页都有一个唯一的地址，称作统一资源定位器（URL）。在设置超级链接的URL时，通常会使用以3种类型的链接路径：,绝对路径，例如：“http:/ 文档相对
2、路径，例如：“china/20111015.html”。 站点根目录相对路径，例如：“/news/china/20111015.html”。,5.1.2 超级链接的分类,超级链接通常由源端点和目标端点两部分组成。按照目标端点的不同，超级链接一般分为3种类型。,外部超级链接：是指链接目标位于站点以外，即其他站点的超级链接类型，创建该类超级链接时必须使用绝对路径。 内部超级链接：是指链接目标位于同一站点内的超级链接类型，创建该类超级链接时可以使用相对路径。 锚记超级链接：是指可以跳转到网页中某一指定位置的超级链接类型。,5.1.2 超级链接的分类,根据源端点的不同，超级链接也可分为3种类型。,文本
3、超级链接：以文本作为超级链接载体。 图像超级链接：以图像作为超级链接载体。 表单超级链接：选择某个选项后会自动跳转到目标端点，或需要单击相应按钮会自动跳转到目标端点。,5.2 普通超级链接,文本超级链接及其状态 图像和图像热点超级链接 图像地图 电子邮件超级链接 锚记超级链接,本节主要内容：,5.2.1 文本超级链接及其状态,一、创建文本超级链接的方式 在【属性】面板的【链接】文本框中进行设置。 通过【超级链接】对话框进行设置。 对于文本超级链接，还可以通过【页面属性】对话框设置不同状态下的文本颜色以及下划线样式等。,5.2.1 文本超级链接及其状态,二、链接目标窗口 用于设置单击某个链接时，
4、被链接文件打开的位置。通常，链接目标窗口有以下4种形式。,【_blank】：将链接的文档载入一个新的浏览器窗口。 【_parent】：将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 【_self】：将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，因此通常不需要特别指定。 【_top】：将链接的文档载入整个浏览器窗口，从而删除所有框架。,5.2.1 文本超级链接及其状态,三、下载超级链接和空链接 链接对象也可以是其他类型的文件，如RAR压缩文件、Word文件等，这就是下载超级链接。 有时也会用到空链接，它是一个未指派目
5、标的链接。建立空链接的目的通常是激活页面上的对象或文本。 添加空链接的方法是，在【属性】面板的【链接】文本框中输入“#”即可。,5.2.2 图像和图像热点超级链接,一、图像超级链接 用图像作为链接载体，这就是图像超级链接。 创建图像超级链接的方法是：首先选中图像，然后在【属性】面板中设置链接地址和目标窗口。,5.2.2 图像和图像热点超级链接,二、图像热点 图像热点（或称图像热区、图像地图）实际上就是为图像绘制一个或几个特殊区域，并为这些区域添加链接。 创建图像热点超级链接的方法是： （1）使用图像热点工具绘制热点区域。 （2）在【属性】面板中设置链接地址、目标窗口等。,5.2.3 电子邮件超
6、级链接,创建电子邮件链接的方法是： 选择【插入】/【电子邮件】命令。 在【插入】/【常用】面板中单击 （电子邮件链接）按钮。,5.2.4 锚记超级链接,创建锚记超级链接的方法： （1）首先打开【命名锚记】对话框插入锚记。 选择【插入】/【命名锚记】命令 在【插入】/【常用】面板中单击 （命名锚记）按钮 （2）然后选中链接文本，在【属性】面板的【链接】下拉列表中输入锚记名称，或者选择【插入】/【超级链接】命令，打开【超级链接】对话框进行设置。,5.3 特殊超级链接,鼠标经过图像 导航条 脚本链接,本节主要内容：,5.3.1 鼠标经过图像,将光标置于文档中，然后选择【插入】/【图像对象】/【鼠标经
7、过图像】命令，或在【插入】/【常用】面板中单击 （鼠标经过图像）按钮，打开【插入鼠标经过图像】对话框进行设置即可。,5.3.2 导航条,选择【插入】/【图像对象】/【导航条】命令，或在【插入】/【常用】面板中单击 （导航条）按钮，打开【插入导航条】对话框进行设置即可。,5.3.3 脚本链接,创建JavaScript链接的方法是，首先选定文本或图像，然后在【属性】面板的【链接】文本框中输入“JavaScript:”，后面跟一些JavaScript代码或函数调用即可。,5.3.3 脚本链接,经常用到的脚本链接JavaScript代码。,JavaScript:alert(字符串) JavaScript:history.go(1)：前进 JavaScript:history.go(-1)：后退 JavaScript:history.forward(1)：前进 JavaScript:history.back(1)：后退 JavaScript:history.print()：打印 JavaScript:window.external.AddFavorite(http:/,老虎工作室)：收藏指定的网页 JavaScript:window.close()：关闭窗口,
