图像处理及网页制作(张芳)10第11章 (3)

创建邮件链接的操作步骤如下： (1) 在网页中选定作为链接的文字或图像，例如选定文 字“与我联系”。 (2) 在“属性”面板的“链接”文本框中输入“mailto:” 加上电子邮件地址即可，例如输入“mailto：zhangfang1022 ＠”，如图13-6所示。
5
(2) 图像也可以被分成一个或更多个热点，热点是图像 上的超级链接区域，访问者单击图像上的一个特定区域，即 可跳转到相应的目标。
在指定Internet资源时，可以使用绝对路径，也可以使 用相对路径。相应的URL称为绝对URL和相对URL。
1. 绝对URL 绝对URL是指Internet上资源的完整地址，包括完整的协 议种类、计算机域名和包含路径的文档名。其形式为 协议：//计算机域名/文档名
9
例如，./image.gif表示当前目录中的image.gif文件，相当 于image.gif；../public/index.htp表示与当前目录同级的 public目录下的index.htp文件，也就是当前目录上一级目录 下的public目录中的index.htp文件。
相对URL本身并不能唯一地定位资源，但浏览器会根据当 前页面的绝对URL正确地理解相对URL。
1
第13章 超级链接的使用
13.1 超级链接的组成 13.2 创建文本超级链接 13.3 创建邮件链接 13.4 创建锚记链接 13.5 创建图像链接 13.6 创建图像地图 本章小结
2
超级链接不仅将一个Web网站中的网页与网页，网页中的 内容与图像、声音、动画、视频等多媒体文件联系在一起， 而且它能将全球任何位置上的Web网站中的网页甚至其他文档 联系在一起，可以说，正是超级链接使全球的信息资源构成 了一个巨大的Web。
6
例如， /public/HTML/example.htm就是一 个绝对URL，其中
http表示用来访问文档的协议的名称， 是文档所在计算机的域名， public/HTML/example.htm是文档名。
如果在网页中需要指定外部Internet资源，应使用绝对 URL。
7
说明：省略了最后部分文件名的URL通常认为是绝对 URL，因为它能够完全定位资源的位置。例如， 就是一个绝对URL。
8
2. 相对URL 相对URL是指Internet上资源相对于当前页面的地址，它 包含从当前页面指向目的页面位置的路径。例如： public/example.htm就是一个相对URL，它表示当前页面所在 目录下public子目录中的example.htm文档。 当使用相对URL时，可以使用与DOS文件目录类似的两个 特殊符号：句点( . )和双重句点( .. )，两者分别表示当前 目录和上一级目录(父目录)。
使用相对URL的好处在于，当用户需要移植站点时(例如， 将本地站点上传到Internet上，或者是移动到软盘上)，只要 保持站点中各资源的相对位置不变，就可以确保移植后各页 面之间的超级链接仍能正常工作。用户在编写网页时，通常 使用的都是相对URL(除非需要引用外部网页)。
10
13.2 创建文本超级链接
16 图13-4 创建超级链接示意图
17
(5) 为了能从“个人资料”页返回到首页，可以在该页
上选定文字“返回主页”，然后选择属性栏上的“指向文件”
图标
，按住鼠标直接拖向“文件”面板中的
“index.html”文件，将其链接到所在的主页页面上，如图
13-5所示。
提示：如果要创建与WWW上其他网站的链接，可以在“属
4
图像上的超级链接并不能够直接在浏览器中显示出来， 站点访问者可以使用鼠标指针来判断哪个图像包含超级链接。 如果图像中包含超级链接，当鼠标指针悬停在该图像上时， 鼠标指针将变成一个小手形。
一个图像超级链接可以使用下列两种方式之一来分配目 标URL：
(1) 整个图像被分配为默认的超级链接。在这种情况下， 访问者可以单击图像上的任何一部分来显示超级链接的目标。 例如，按钮就是带有默认超级链接的图像。
状态后，可以看到“个人资料”链接后的文字颜色发生了变
化，而且添加了一条下划线(如图13-4所示)。
13 图13-2 “属性”面板中“浏览文件”图标示意图
14 图13-3 “选择文件”对话框
15
提示：如果要控制被链接目标的打开方式，例如要求在 当前浏览器窗口中打开链接目标，或在新的浏览器窗口中打 开链接，可以在“属性”面板的“目标”下拉列表框中进行 选择。例如，选择_blank(如图13-4所示)，表示链接目标将 在一个新的浏览器窗口中打开，不会影响到原来的窗口。
(2) 单击“属性”面板中的“链接”文本框，并单击右
侧的“浏览文件”图标
，如图13-2所示。
(3) 打开如图13-3所示的“选择文件”对话框，从中找
到要链接的页面文件(如data1.html)后，单击“确认”按钮。
(4) 此时，在“属性”面板的“链接”文本框内出现链
接的相关页面名称；单击页面的空白区域，去除选定的文字
性”面板的“链接”文本框中输入该网站的URL(如
)。
18 图13-5 利用“指向文件”图标创建超链接示意图
19
13.3 创建邮件链接
邮件链接是指与一个电子邮件(E-mail)信箱的链接。当 单击该邮件链接时，将打开计算机上与浏览器相关的邮件软 件，给链接目标发送邮件。
本节以创建如图13-1所示的同学录网站为例，说明如何 创建超级链接。在同学录网站中包含了6个网页：主页、我们 母校、班级相册、通讯录、个人简介和小游戏。
11 图13-1 同学录网站之“主页”示意图
12
创建文本超级链接的具体操作步骤如下：
(1) 选定需要链接的文字部分，例如，选定主页中页脚
上的“个人资料”。
在网页中的超级链接主要包括：文本超级链接、邮件链 接、锚记链接、图像链接和图像地图。
3
13.1 超级链接的组成
超级链接主要由两个部分组成：超级链接源和目标。超 级链接源通常采用文本或图像。超级链接目标是单击超级链 接时打开的网页或文件，通常用URL定义其位置。
文本超级链接是最常用的超级链接类型。Web浏览器通常 在文本超级链接下添加下划线，并以不同的颜色显示。一个 文本超级链接只是给文本指定了一个目标文档的URL地址。