第5章超链接网页.pptVIP

第5章 超链接网页 本章要点内容: 超链接的基本概念。 文本超链接、邮件超链接、脚本超链接以及图像超链接。 在页面中添加书签和导航条。 本章学习目标 了解超链接在网页中的重要作用。 掌握设定多种形态超链接的方法。 熟悉导航条的制作技巧。 本章学前要求 对基本网页操作有所了解，已经学会了文本和图片运用。 图5.1中所示页面是华军软件园的某一下载页面，该页面几乎所有的页面元素都包含了链接。 按照链接路径的不同，网页中超链接一般分为内部链接、书签链接（又称锚点链接）和外部链接。 内部链接：即在同一站点内的不同页面之间相互联系的链接。 书签链接（锚点链接）：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标的链接。 5.1.2 链接路径 掌握从链接起点的页面到作为链接目标的页面之间的文件路径，对于创建超链接至关重要。在浏览器中可以通过鼠标放置于目标上时的状态栏看出链接地址，如图5.2所示，也可以右键单击链接，选择“属性”查看链接地址，如图5.3所示。文本“静态网页”的链接地址为“ http://dust2/jtwy/novel/index.htm ”。 每个网页都有一个唯一的地址，称为URL（uniform resource locater），中文名字为“统一资源定位器”。不过在创建一个网站的网页时，通常不需要为每一个连链都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。因此，链接路径可以分三种类型：绝对路径、文档相对路径和站点根目录相对路径。 1. 绝对路径 绝对路径：包含了标识Internet上的文件所需要的所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称 。 其格式为：通讯协议：//服务器地址：通讯端口/文件位置....../文件名。 例如：/web/index.html 其中网络协议是HTTP（Hypertext Transfer Protocol，超文本传输协议），资源所在的网络地址为： ，通常情况下使用默认的端口号80，资源在WWW服务器主机Web文件夹下，资源的名称为：index.html.。 使用绝对路径的优点是无论页面移动到哪里只要目标文档的位置不变，链接都有效。因此链接到其他站点中的文档必须使用绝对路径。如果链接的文件是本地站点内的，也可以使用绝对路径，但是一般不建议采用。 2. 文档相对路径 文档相对路径是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名，甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同一文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。 如果链接到同一目录下，则只需输入要链接文件的名称。要链接到下级目录中的文件。只需先输入目录名，然后加“/”，再输入文件名。要链接到上一级目录中文件，则先输入“../”，再输入文件名。 相对路径的用法如表5.1所示 表5.1 相对路径用法 一般情况下，在Web站点中经常使用是文档相对路径。采用这种链接，只要当前文档和目标文档之间的相对路径不发生变化，无论如何移动站点或父文件夹都不会丢失链接。 ?提示：创建文档相对路径前，应先保存新文件，因为创建链接时，必须有一个确切的起点；否则，文档相对路径无效。 3. 站点根目录相对路径 如果在处理使用多个服务器的大型Web站点时，或者在使用承载有多个不同站点的服务器时，则可能需要使用这种类型的路径。 若要使用站点根目录相对路径，首先要定义一个本地文件夹，作为服务器上文档根目录的等效项。站点根目录相对路径以一个正斜杠“/”开始，该正斜杠表示站点根文件夹。 例如，计算机有1个文档“5.html”，其在计算机地址栏上的路径是“F:\My Documents\inetpub\wwwroot\jtwy\5.html”，如果将wwwroot作为服务器dust2的文档根目录，那么“5.html”的站点根目录相对路径为“/jtwy/5.html”。在浏览器地址栏中的区别如图5.4、图5.5所示 如果需要经常在不同文件之间移动HTML文档，采用站点根目录相对路径是指定链接最好的办法。但是，如果移动或重命名根目录相对链接所链接的文档，即使文档彼此之间的相对路径没有改变，仍必须更新这些链接。例如，如果移动某个文件夹，则指向该文件夹中文件的所有根目录相对链接都必须更新（在Dreamweaver MX 2004中如果使用“文件”面板移动或重命名文件，则Dreamweaver 将自动更新所有相关链接）。