1、第15章 超级链接,超级链接是网页中很重要的部分。互联网中的页面和内容,都是通过超级链接联系在一起的。在网页中,可以在文本,图像等很多内容上创建超级链接。下面讲解下超级链接的知识和使用方法。,15.1 链接和路径,在讲解使用Dreamweaver制作超级链接之前,首先讲解下关于超级链接的概念、路径基础知识、相对路径和绝对路径等内容。,15.1.1 超链接的概念,超链接(Hyperlink)是使用锚点(从一个文本到另一个文本的链接点)来实现的,网络资源之间的链接。通常通过页面中一个“源”端(也可以叫尾锚点)指向“目标”端(也可以叫头锚点)。通过超链接既可以连接同一个页面的各个部分,也可以连接任何
2、可访问的网络资源,包括图片、视频、程序、文档等。,15.1.2 路径 URL,路径URL用来定义一个文件、内容或者媒体等的所在地址。这个地址可以是相对链接,也可以是一个网络中的绝对地址。 1文档相对路径 文档相对路径,用来指定链接内容相对于当前文档的地址。这个地址可以同一文件夹内的内容,也可以链接其他文件夹中的内容。 2站点根目录相对路径 站点根目录相对路径,是建立从站点根目录到文档所在位置的路径。 3绝对路径 绝对路径用来指定内容的绝对地址。在互联网上的内容,都必须要有一个惟一的地址作为标识,否则会引起资源使用的混乱。,15.2 创建超级链接,在一个文档中,可以创建各种不同功能的链接。其中包
3、括链接到其他文档的链接、链接到文档内某个部分的链接、链接电子邮件的链接等内容。,15.2.1 创建链接到其他文档的链接,制作链接到其他文档的链接有几种方法,如下所示。使用“属性”面板中的链接选项定义超级链接。使用“超级链接”命令定义超级链接。,15.2.2 创建文档内部的链接,创建文档内部的链接,首先要定义命名锚记,然后再将链接定义到命名锚记上。 1制作命名锚记 2链接命名锚记 链接命名锚记在页面中的作用是,方便在很长的页面中跳转内容。当单击链接内容后,相应的锚记内容将显示在浏览器的最上端。,15.2.3 创建电子邮件链接,电子邮件链接,是指链接到一个浏览器关联的邮件程序(Windews操作系
4、统使用的是Outlook),打开相关的邮件发送窗口。,15.3 创建图像链接,创建图像链接,包括,为图像定义链接,制作热点链接,以及使用导航条等内容。,15.3.1 创建图像链接,创建图像链接的方法,如下所示。(1)在“设计”视图中,选择要制作链接的图像。(2)执行以下操作之一,创建邮件链接。 单击“属性”面板中链接选项后的“”按钮,打开“选择文件”对话框。选择链接的文档。 选择“属性”面板中的“”按钮,拖拽鼠标制作链接。,15.3.2 创建图像热点链接,创建图像热点链接,是指在图像上创建若干个区域(热点),然后在每个区域上创建链接。,15.4 链接的管理,管理链接,是指当文件位置更改(或者文
5、件的名称更改)时,使用Dreamweaver自动更新链接。,15.4.1 定义更新链接的首选参数和缓存,定义更新链接的首选参数,可以定义移动文件时是否更新链接。为站点创建缓存文件,可以存储有关本地的所有链接信息,便于链接的更新。,15.4.2 修改和删除链接,在制作或者使用网页时,当某些链接内容过期,或存在异常的时候,就要修改和移除链接。,15.4.3 检查链接,检查链接分为检查当前文档链接、检查文件夹链接、检查站点链接三个部分。通过检查链接,可以方便的找出站点中存在的异常链接。,15.5 小结,本章主要讲解了超级链接元素及其显示效果。超级链接元素是网页之间联系的纽带,是网页中必不可少的元素,所以一定要非常熟练的掌握和超级链接相关的各种属性和参数,这样才能够完成网页之间的跳转以及和互联网上相应资源的交互。,15.6 本章习题,1超级链接的路径有哪几种?A文档相对路径。B 站点根目录相对路径。C随机路径。D绝对路径。2在新窗口打开链接的参数是哪个?A _blank B_parent C_self D _top3关于图像链接说法正确的是?A可以直接为图像制作超级链接 B可以为图像的一部分制作超级链接 C图像的超级链接和文字的超级链接是完全不同的 D图像的超级链接只能链接到其他图像上,