新网页设计与制作项目实训教程 教学课件 严加琼 曾金发 项目7.pptVIP

项目7 插入超级链接 一个网站由多个网页组成，而各个网页之间通常是由超级链接联系在一起。超级链接是网页中最基本的元素之一，利用它不仅可以进行网页间的相互链接，还可以使网页链接到相关的图像文件、多媒体文件以及下载程序等。 本项目主要介绍超链接的基本知识以及各种超链接的操作方法。本项目所创建的网页效果如图所示。 7.2 知识储备 7.2.1 链接概念 7.2.2 制作链接 7.2.3 编辑和管理链接 7.2.1 链接概念 超链接是指从一个对象指向另一个对象的指针，它可以是网页中的一段文字也可以是一张图片，甚至可以是图片中的某一部分。它允许我们同其它网页、站点、图片、文件等进行链接，从而使Internet上的信息构成一个有机的整体。 根据链接方式的不同超链接可分为：绝对路径链接、相对路径链接两种。而根据链接对象的不同超链接又可分为：超文本链接、脚本链接、命名锚链接、图像链接、电子邮件链接、热区链接，空链接等。 在一个网站中，链接路径通常有三种表示方式： 1．绝对路径 绝对路径是指被链接文档的完整路径，包括使用的传输协议，例如“”即是一个绝对路径。绝对路径包含的是具体地址，如果目标文件被移动，则链接无效。 从当前浏览的网页链接到其他网站的网页时，必须使用绝对路径。 2．文档目录相对路径 文档目录相对路径，是指以当前文档所在位置为起点到被链接文档经由的路径，使用文档相对路径可省去当前文档和被链接文档的绝对路径中相同的部分，保留不同部分。 文档目录相对路径适合于网站的内部链接。 例如：在本地硬盘有如下两个文件，它们要互做超链接。 　　d:\myweb\index.html 　　d:\myweb\web1\01.html index.html要链接到01.html这个文件，标准的相对路径链接应该是web1/01.html。 3. 站点根目录相对路径 站点根目录相对路径描述从站点的根文件夹到文档的路径。站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。例如，/web1/index.html是文件 (index.html) 的站点根目录相对路径，该文件位于站点根文件夹的web子文件夹中。 根目录相对路径也适用于创建内部链接，但大多数情况下，一般不使用这种路径形式。 7.2.2 制作链接 1．制作内部链接 与本地网页文档的链接，是最常见的超文本链接类型。通过创建与文档的链接，可以将本地站点的一个个单独的文档连接起来，形成网站。选中要创建链接的对象，在“属性面板”的“链接”文本框中直接输入本地网页文档的路径和文件名，即可创建内部链接，如图所示。 2．制作外部链接 选中要创建链接的对象，在“属性面板”的“链接”文本框中直接输入URL地址“”，“目标”下拉列表框中选择“_blank”。外部链接的链接地址一般为网页地址URL（统一资源定位符）。 在“属性”面板中，“目标”列表中有5个属性供选择： ·_blank：超链接的网页会在另外一个窗口中打开显示。 ·_parent：超链接的网页会显示在父框架或父窗口中。 ·_self：超链接的网页会显示在当前网页的同一窗口或框架中，这是默认设置。 ·_top：超链接的网页会显示在父窗口中。 ·_new：超链接的网页在一个新窗口中打开。 3.创建空链接 空链接是指未指定目标文档的链接。使用空链接可以为页面上的对象或文本附加行为。选中要创建链接的图片或者文字，在“属性面板”的“链接”文本框中直接输入“#”。如图所示。 4.创建锚点链接 所谓锚点链接，是指同一页面中的不同位置链接。例如，一个很长的页面，在页面的最下方有一个“返回顶部”的文字，单击链接后，可以跳转到这个页面最顶端，这就是一种最典型的锚点链接。 创建锚点链接的过程分两步，下面就来制作页面中的“返回顶部”链接。 第一步：创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 （1）将光标定位在要设置标记的位置，例如把光标放在页面的最上方； （2）在“插入”面板的“常用”模式中，选择“命名锚记”按钮 ，如图所示。 5.创建电子邮件链接 电子邮件链接是一种特殊的链接，在网页中单击这种链接，不是跳转到其他网页中，而是会自动启动电脑中的Outlook Express或其他E-mail程序，允许书写电子邮件，并发送到指定的地址。 创建电子邮件链接的步骤： （1）在“文档”窗口的“设计”视图中，将插入点放在设置电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。 （2）执行下列操作之一，插入该链接： 方法一：在菜单栏中选择“插入”→“电子邮件链接”命令。 方法二：在“插入”面板的“常用”模式中，单击“电子邮件链接”按钮 。