网页中使用超链接

《网页中使用超链接》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第五章网页中使用超链接超链接是WWW的魅力所在。为了把Internet上众多分散的网站的网页联系起来，构成一个有机的整体，就是在网页上加入链接。通过点击网页上的链接，才能真正实现网络无国界，我们才可以在信息海洋中尽情遨游。MacromediaDreamweaver8提供多种创建超文本链接的方法，可创建到文档、图像、多媒体文件或下载软件的链接，可以建立到文档内任意位置的任何文本或图像（包括标题列表、表、层或框中的文本或图像）的链接。本章主要介绍利用Dresmweaver创建的编辑各种超链接的方法。通过本章的学习，读者应该掌握以下内容；l认识超链接l掌握利用Dreamwea

2、ver创建各种超链接的方法l掌握利用Dreamweaver编辑各种超链接的方法l管理超链接下的方法5.1超链接基础5．1．1超链接的种类超链接为畅游网络提供了方便，它是网页制作中使用比较多的一种技术。超链接是用预先准备的好文本、按钮、图像等对象与其他对象建立的一种链接，也就是源端和目标端点之间的建立一种链接。源端点是超链接的超始端点，也称为源锚；目标端点是链接的像，也签名为目标锚。超链接按源端点的链接划分，可分为超文本链接和非超文本链接两类。超文本链接的源锚文本下方有下划线，而非超文本链接是用除文本之外的其他对象构建的链接，其源锚可以是图像、表格、列表、表单、多媒体等对

3、象。超链接按目标端点的链接划分，可分为外部链接、内部链接、电子邮件链接、局部链接、脚本链接等。5．1．2文档路径类型掌握从作为链接起点的文档到作为链接目标文档之间的文件路径，对于创建链接至关重要。文档路径类型有绝对路径和相对路径两种。1.绝对路径绝对路径是包括服务器协议（本例中为HTTP）的完全路径，比发如“洪恩在线——电脑乐园”，完全路径为;http://www.honggen.com/pe/index..htm.如果要链接当前站点之外的文档，就必须使用绝对路径。每个网页都有一个惟一的地址，称为统一资源定位器(URL)。绝对路径提供链接文档的完整URL，包括使用的协议

4、(对于网页通常是http://)。例如,http://www.macromedia.com/support/dreamweaver/contents.html就是一个绝对路径。必须使用绝对路径来链接其他服务器上的文档。对本地链接（文档在相同的站点中）也可使用绝对路径链接，钽并不赞成这种用法，如果将站点移到另一个域中，所有的本地绝对路径链接都有将打断。当创建本地链接（即从一个文档到同一站点上另一个文档的链接）时，通常不指定要链接到的文档的完整URL，而是指定一个从当前文档或站点根文件开始的相对路径。2.相对路径相对路径包括根相对路（SiteRoot）和文档相对路径(Doc

5、ument)两种。在本地磁盘上编辑网页时，需要选定一个文件夹来定义本地站点，模拟服务器上的根文件夹，系统就根据这个文件夹来确定所有链接的本地文件位置，而根相对路径中的根就是指这个文件夹。使用相对路径链接为在本地站点内移动文件提供了很大的灵活性。（1）根相对路径以（也称相对根目不暇接录）“/”开头，路径是从当前站点的根目录开始计算。如时D盘myweb目录就是名为“myweb”的站点，这时“/index.htm”路径就表示文件位置为D:mywebindex.htm.根相对路径适用于链接内容频繁更换的文件，这样即使站点中的文件被移动了，其链接仍可经生效。如果目录结构过深，

6、在引用根目录下有文件时，用根相对路径会更好些。比如某一个网页文件中引用根目录下img目录中的一个图片文件”a.gif”时，在当前网页中用文档相对路径表示为：./../../../img/a.gif,而用要根相对路径只要表示为”/img/a.gif”就行了.图5-1将站点所在目录虚拟为一个盘注意：在预览文件时，用根相对路径链接的内容在本地浏览器中不会显示出来，这是因为浏览不会承认站点的根文件夹服务器。这时可以将站点的根目录虚拟不为一个盘。比如要浏览D:myweb下的文件，可以选择Windows“开始”菜单中的“运行”，弹出运行对话框，输入“substh:d:myweb”

7、，如图：5-1所示，D盘下的Mywe文件夹就被虚拟为H盘，在浏览器中查看H盘下网页，用根相对路径链接的内容都可以正常显示了。（2）文档相对路径文档相对路径对于大多数WEB站点的本地链接来说，是最合适的路径。在当前文档与链接的文档在同一文件夹中，而且很可能长久保留在一起时，文档相对链接是尤其有用的。文档相对路径还可用来链接到其他文件夹中的文档，方法是利用文件夹层次结构指定从当前文档到所链接的文档的路径。文档相对路径的基本思想是省略当前文档和链接的文档都有相同的绝对URL部分，而只提供不同的那部分路径。若要链接的文件与当前文档处在同一文档夹中