第五章 超链接

第5章 超链接
• 课前导读 基础知识： 基础知识：超级链接的类型和链接路径 重点知识：文档链接、图片链接、 重点知识：文档链接、图片链接、EMail链接 链接 提高知识：命名锚链接 提高知识：
1
第5章 超链接
• 5.1 超链接的基本概念 • 5.2 创建超链接
2
第3/27页
5.1 超链接的基本概念
第10/27页
5.1.1 5.1.1 超级链接的类型
E-mail链接 ： 单击该链接可以启动电子邮件 mail链接 链接： 程序, 程序 , 允许书写并发送邮件到指定的邮箱地 址。 局部链接： 是通过文档中的命名锚实现的, 局部链接 ： 是通过文档中的命名锚实现的 , 在浏览时即可跳转到当前文档或其他文档的 某一指定位置。 某一指定位置。
第21/27页
5.2.2 创建图像超级链接
图像链接有二种： 第一种与文本的超级链接基本相同。 第二种是在同一张图像上创建多个热点区 域，然后分别创建链接。
第22/27页
5.2.3 指向页面段落的超链接
步骤
创建命名锚 链接命名锚
命名锚： 命名锚：
给本页面或其他指定页面文件中的指定位置 起个名字，称为命名锚， 起个名字，称为命名锚，用于创建链接的目 标端点。 标端点。
图5-5 在“属性面板”中设置锚链接 属性面板”
第27/27页
5.2.4 创建E-mail超链接 创建E mail超链接
选中要作为超级链接的文字。 选中要作为超级链接的文字。 插入” 电子邮件链接”菜单命令。 单击 ，或“插入”→“电子邮件链接”菜单命令。 在“文本”框中输入要作为链接的文字，在“E-mail” 文本”框中输入要作为链接的文字， mail” 框中输入E mail地址 地址。 框中输入E-mail地址。
创建文本超链接 创建图像超级链接 指向页面段落的超链接 创建E mail超链接 创建E-mail超链接
19
第20/27页
5.2.1 创建文本超链接
方法一：打开属性面板，直接在“链接” 方法一：打开属性面板，直接在“链接”文本 框中输入链接的文档地址。 框中输入链接的文档地址。 方法二： 打开“选择文件”对话框。 方法二：单击 ，打开“选择文件”对话框。 方法三： 方法三：直接拖动到站点中要链接的目标文件 上。
第26/27页
3. 链接命名锚
选中要作为链接提示的文字， 选中要作为链接提示的文字，在属性面板的链 接栏中输入锚名称及相应前缀。 接栏中输入锚名称及相应前缀。 目标锚不在当前文档中
链接文档的URL地址+ 链接文档的URL地址+“#”+锚名称 URL地址
目标锚在当前文档中
“#”+锚名称
URL地址 URL地址+“#”+锚名称 地址+
第13/27页
5.1.2 5.1.2 超级链接的路径
优点： 优点：
路径与源端点所处的位置无关。 路径与源端点所处的位置无关 。 不论源端 点如何移动，都可以正常实现跳转。 点如何移动，都可以正常实现跳转。
缺点： 缺点：
如果目标在本网站上， 如果目标在本网站上 ， 则会给移植和测试 带来不便，因此， 带来不便，因此，对内部链接和局部链接最 好不使用绝对路径。 好不使用绝对路径。
超链接是网页中由一个地方跳转到另一 个地方、网页、网站或文件的指针。 个地方、网页、网站或文件的指针。 跳转的起点称为源端点，或源、 跳转的起点称为源端点，或源、锚、锚 点。 跳转的终点称为目标端点，或目标、 跳转的终点称为目标端点，或目标、目 目标锚。 的、目标锚。
第4/27页
5.1.1 超级链接的类型
第11/27页
5.1.2 5.1.2 超级链接的路径
链接路径： 链接路径： 要实现页面的跳转必须指定从源端点 到目标端点的路径。 到目标端点的路径。 每个网页只有惟一的地址也就是资源 定位符（URL地址 地址） 定位符（URL地址） 站点中的文件路径有绝对路径、 站点中的文件路径有绝对路径、相对 路径、相对根目录的路径。 路径、相对根目录的路径。
第17/27页
5.1.2 5.1.2 超级链接的路径
3. 基于根目录的路径
可以看作是一个基于本网站的根目录的相对 路径，通常用一个/表示根目录。 路径，通常用一个/表示根目录。 不管源端点在哪个文件中， 不管源端点在哪个文件中，都可以使用正确 的路径链接到指定的位置。 的路径链接到指定的位置。 举例: myweb\xy-gaikuang\gaikuang.html 链 举例 :F:\myweb\xy-gaikuang\gaikuang.html链 myweb\xy-shezhi\yuanxishezhi3 接 F:\ myweb\xy-shezhi\yuanxishezhi3.html, 则应写为/xy-shezhi/yuanxishezhi3 则应写为/xy-shezhi/yuanxishezhi3.html
第18/27页
5.1.3 5.1.3 超级链接的颜色
未访问链接的文本颜色 已访问链接的文本颜色 正在访问链接的文本颜 色 单击“修改” 单击“修改”→“页面 属性”命令。 属性”命令。可以改变 超链接的各种状态的颜 色。
图5-1
“页面属性 对话框 页面属性” 页面属性
5.2 创建超链接
• • • • 5.2.1 5.2.2 5.2.3 5.2.4
第14/27页
5.1.2 5.1.2 超级链接的路径
2. 相对路径
是目标端点与源端点之间的相对位置， 是目标端点与源端点之间的相对位置，它的 参考点是源端点，与协议类型、 参考点是源端点，与协议类型、网址和根目 录的位置无关。 录的位置无关。
第15/27页
举例: 举例:
5.1.2 5.1.2 超级链接的路径
图5-6
在插入栏中直接单击工具按钮
第12/27页
5.1.2 5.1.2 超级链接的路径
1. 绝对路径
绝对路径提供链接目标端点所需的完整的URL 绝对路径提供链接目标端点所需的完整的 URL 地址，包括使用的协议类型。 地址，包括使用的协议类型。 例如： 例如： :1024/news/index /news/index. :1024/news/index.htm 主要用于创建站外具有固定地址的链接， 主要用于创建站外具有固定地址的链接 ， 如 创建友情链接
源端点
超级链接中有链接的一端称为链接的源端点。 超级链接中有链接的一端称为链接的源端点。
目标端点
超级链接中跳转到的页面称为链接的目标端 点。
超级链接有源端点和目标端点两种链接 形式。 形式。
第5/27页
5.1.1 5.1.1 超级链接的类型
源端点的链接： 源端点的链接： 文本链接：即文字链接。 文本链接：即文字链接。就是在文本对象上 创建的超级链接，通常是带有下划线的文字。 创建的超级链接，通常是带有下划线的文字。
站点结构
文档相对路径写法
第16/27页
5.1.2 5.1.2 超级链接的路径
优点： 优点： 只要站点的结构和文件的相对位置不变， 只要站点的结构和文件的相对位置不变 ， 链接就不会出现错误。 链接就不会出现错误。 缺点： 缺点： 如果修改了站点的结构， 或移动了文档， 如果修改了站点的结构 ， 或移动了文档 ， 则文档中的链接就会失败。 则文档中的链接就会失败。
第8/27页
5.1.1 5.1.1 超级链接的类型
目标端点的链接： 目标端点的链接： 外部链接： 外部链接： 链接的目标端点是本站点外的站 点或文档。 友情链接。 点或文档。如:友情链接。
第9/27页
5.1.1 5.1.1 超级链接的类型
内部链接： 内部链接：链接的目标端点是本站点中的其他 文档，例如：导航条。 文档，例如：导航条。
1. 创建命名锚
出现命名锚对话框
输入锚的名称， 输入锚的名称，完成后在文档中出现一 个锚标记。 个锚标记。
第25/27页
2. 修改命名锚
修改锚点的位置： 修改锚点的位置：
将该锚标记作为普通的文字在文档中拖动。 将该锚标记作为普通的文字在文档中拖动。
修改锚的名称： 修改锚的名称：
单击相应的锚标记，在属性面板中修改。 单击相应的锚标记，在属性面板中修改。
第23/27页
1. 创建命名锚
将插入点放置到要创建命名锚的文字前， 将插入点放置到要创建命名锚的文字前， 或选中要指定命名锚的文本。 或选中要指定命名锚的文本。 单击“插入” 命名锚记”菜单命令。 单击“插入”→“命名锚记”菜单命令。
或直接单击 工具栏上的 图标
图5-3
在插入栏中直接单击工具按钮
第24/27页
第6/27页
5.1.1 5.1.1 超级链接的类型
图像链接：单击图像跳转到相关的浏览页面。 图像链接：单击图像跳转到相关的浏览页面。 美观实用。最常用。 美观实用。最常用。
第7/27页
5.1.1 5.1.1 超级链接的类型
表单链接：当填写完一个表单后，单击提交或 表单链接：当填写完一个表单后， 取消等按钮时会自动跳转页面。 取消等按钮时会自动跳转页面。