《Dreamweaver网页设计》-邢永峰-电子教案第5章.pptVIP

Dreamweaver 网页设计 第5章 超级链接 【学习概述】 正是由于超级链接的存在，才使得使用网络资源如此的方便。可以说超级链接是网络最具特色的功能，如果没有了超级链接，也就没有了互连网络。本章介绍了超级链接的基本知识和创建超级链接的基本方法，管理超级链接、改变超级链接属性和测试超级链接等内容。读者要注重熟习基本概念，熟练基本操作。 5.1 【课堂讲解】超级链接基本知识 5.1.1 超级链接 超级链接是WWW的魅力所在。超级链接简称链接。是指从一个网页到另一个网页对象的链接关系。为了把百万数量级的Internet站点上众多分散的网页联系起来，构成一个整体，就必须在网页上加入链接。通过点击网页上的链接，我们才能在信息的海洋中尽情遨游。 链接并不仅仅是网页与网页的链接，它还包括到图片、电子邮件、文档、媒体等的链接。 5.1.2 超级链接的类型 网页中的超级链接一般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。 ? 内部链接：在同一个站点内部网页文档之间的链接。 ? 外部链接：在不同网站网页文档之间的链接。 ? 邮件链接：电子邮件链接。 ? 锚点链接：同一网页或不同网页指定位置的链接。 5.1.3 路径 每个网页都有一个惟一的地址，称作统一资源定位器（URL）。链接路径一般有三种类型，分别为： ? 绝对路径 绝对路径提供所链接文档的完整URL地址，而且包括所使用的协议类型，比如/，就是一个绝对路径，所使用的协议类型是http。http协议是最常用的一种协议。其它还有/也是一个绝对路径，所使用的协议类型是ftp。 使用绝对路径时要确保绝对路径有效，比如/news/list.asp?id=22当这个URL地址不存在了，浏览器用户访问时就会报错。要链接其它服务器上的文档，就必须使用绝对路径。尽管对本地链接也可使用绝对路径链接，但强烈建议不要采用这种方式，因为一旦此站点变更域名或改变地址，则所有本地绝对路径链接都将断开。对本地链接最好使用相对路径，以提供更大的灵活性。 相对路径 相对路径是指省略掉对于当前文档和所链接的文档都相同的绝对URL部分，而只提供不同的路径部分。比如E:\eshop\index.html链接到E:\eshop\bbs\about.html，可以把E:\eshop\去掉，只用bbs\about.html。 假设一个站点的结构如下： 当要链接到与当前文档处于同一文件夹中的文档时，只需输入文件名。比如要从 aboutus.htm 链接到 yewu.htm（两个文件在同一文件夹“bm”中，且目录深度相同），则其相对路径为yewu.htm。 当要链接到当前文档所在文件夹的子文件夹文档时，先要有子文件夹名称，然后跟符号“/”，在加文件名。比如要从 index.html 链接到 yewu.htm（两个文件在同一文件夹“eshop”中，index.html处于父目录中，而yewu.htm处于子目录bm中），则其相对路径为bm/yewu.htm。 反过来，当要链接到当前文档所在文件夹的父文件夹的文档时，在文档名前要加“../”。比如要从yewu.htm链接到index.html（两个文件在同一文件夹“eshop”中，index.html处于父目录中，而yewu.htm处于子目录bm中），则其相对路径为../ index.html。 当要链接到非同一目录的文档时，要先加“../”，后加文件夹名再加链接到的文件名。比如要从 tupian.htm 链接到 aboutus.htm（两个文件在不同的目录中，tupian.htm在“album”目录中，aboutus.htm在“bm”目录中），则其相对路径为../bm/ aboutus.htm。 站点根目录相对路径 站点根目录相对路径是指从站点的根文件夹到文档的路径。当在处理使用多个服务器的 Web 站点，或者在使用承载有多个不同站点的服务器时，则可能考虑使用这种类型的路径。不过，如果您不太熟悉此类型的路径，最好使用上面提到的相对路径。 站点根目录相对路径以一个正斜杠“/”开始，该正斜杠表示站点根文件夹。比如，/inf/info.html 是文件的站点根目录相对路径，该文件位于站点根文件夹的inf子文件夹中。 在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是指定链接的最佳方法。当移动含有根目录相对链接的文档时，不需要更改这些链接；当移动该HTML文件后，其相关文件链接依然有效。 但是，如果移动或重命名根目录相对链接所链接的文档，即使文档彼此之间的相对路径没有改变，仍必须更新这些链接。例如，如果移动某个文件夹，则指向该文件夹中文件的所有根目录相对链接都必须更新。 5.2.1 内部超级链接 创建内部超级链