中文版中文版Dreamweaver 8实用教程实用教程第第08章章 使用链接使用链接 网站都是由许多网页组成的，网页之间通常又是通过超链接方式相互建立网站都是由许多网页组成的，网页之间通常又是通过超链接方式相互建立关联的。超链接是关联的。超链接是WebWeb的精华。没有超链接，就无法通过单击的方式遨游的精华。没有超链接，就无法通过单击的方式遨游WebWeb世界，而如果没有了单击的功能，世界，而如果没有了单击的功能，WebWeb就会是死水一潭。没有超链接的网页在就会是死水一潭。没有超链接的网页在WebWeb世界里没有实际意义，网站也就失去了存在的意义。世界里没有实际意义，网站也就失去了存在的意义。超链接的应用范围很广，利用它不仅可以链接到其他网页，还可以链接到超链接的应用范围很广，利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序，也可以利用它在网页内部进行链接或其他图像文件、多媒体文件及下载程序，也可以利用它在网页内部进行链接或是发送是发送E-mailE-mail等。在等。在DreamweaverDreamweaver 8 8 中，可以将文档中的任何文字及任意位置中，可以将文档中的任何文字及任意位置的图片设置为超链接。超链接类型有页间链接、页内链接、的图片设置为超链接。超链接类型有页间链接、页内链接、E-mailE-mail链接、空链链接、空链接及脚本链接等。接及脚本链接等。中文版中文版Dreamweaver 8实用教程实用教程8.1 教学目标教学目标uu 掌握知识：掌握知识：通过本章的学习，读者应掌握在页面中创建链接的基本方法，通过本章的学习，读者应掌握在页面中创建链接的基本方法，并能够创建导航条、图形热点链接，以及设置它们的属性。并能够创建导航条、图形热点链接，以及设置它们的属性。 uu 重点学习：重点学习：本章重点讲解了什么是相对路径和绝对路径，创建与管理链接，本章重点讲解了什么是相对路径和绝对路径，创建与管理链接，创建导航条，创建图形热点链接，以及使用站点地图的方法。创建导航条，创建图形热点链接，以及使用站点地图的方法。 课后读者应结合课后读者应结合上机操作进行强化练习。上机操作进行强化练习。中文版中文版Dreamweaver 8实用教程实用教程8.2 理论指导理论指导 uu认识超链接认识超链接 uu认识认识URLURL和链接路径和链接路径 uu创建链接创建链接 u创建导航条 u在“站点地图”中创建和修改链接 中文版中文版Dreamweaver 8实用教程实用教程8.2.1 认识超链接认识超链接 超链接与超链接与URLURL及网页文件的存放路径是紧密相关的。及网页文件的存放路径是紧密相关的。URLURL可以简单地称为可以简单地称为网址，顾名思义，就是网址，顾名思义，就是InternetInternet文件在网上的地址，定义超链接其实就是指定文件在网上的地址，定义超链接其实就是指定一个一个URLURL地址来访问它指向的地址来访问它指向的Internet Internet 资源。同时，认识从作为链接起点的文资源。同时，认识从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说，档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说，链接路径可以分为绝对路径与相对路径两类。链接路径可以分为绝对路径与相对路径两类。 中文版中文版Dreamweaver 8实用教程实用教程8.2.2认识认识URL和链接路径和链接路径 URLURL和链接路径的概念，以及它们之间相互的关系，是用户在设置网页超和链接路径的概念，以及它们之间相互的关系，是用户在设置网页超链接之前所必须要掌握的基本常识。链接之前所必须要掌握的基本常识。 uu URLURL uu绝对路径绝对路径 uu相对路径相对路径 中文版中文版Dreamweaver 8实用教程实用教程 URL(UniformURL(Uniform ResoureResoure Locator Locator，统一资源定位器，统一资源定位器) )指的是指的是InternetInternet文件在文件在网上的地址，是使用数字和字母按一定顺序排列来确定的网上的地址，是使用数字和字母按一定顺序排列来确定的InternetInternet地址，由访地址，由访问方法、服务器名、端口号，以及文档位置组成。格式为问方法、服务器名、端口号，以及文档位置组成。格式为Access-method :/ Access-method :/ server-server-name:portname:port / document-location / document-location。比如比如http:/http:/www.linkyoume.com/dw/index.htmwww.linkyoume.com/dw/index.htm，这是一个典型的，这是一个典型的URLURL，它，它指出使用指出使用httphttp协议访问协议访问www.linkyoume.comwww.linkyoume.com域名所在服务器下域名所在服务器下dwdw这个目录中的这个目录中的index.htmindex.htm文件。文件。中文版中文版Dreamweaver 8实用教程实用教程绝对路径指包括服务器协议在内的完全路径，比如：绝对路径指包括服务器协议在内的完全路径，比如：httphttp:/www.linkyoume.com/dw:/www.linkyoume.com/dw/ / index.htmindex.htm( (此处使用的协议是最常用的此处使用的协议是最常用的httphttp协议协议) )。使用绝对路径与链接的源端点无关，只要目标站点地址不变，无论文档在站。使用绝对路径与链接的源端点无关，只要目标站点地址不变，无论文档在站点中如何移动，都可以正常实现跳转而不会发生错误。如果所要链接当前站点点中如何移动，都可以正常实现跳转而不会发生错误。如果所要链接当前站点之外的网页或网站，就必须使用绝对路径。之外的网页或网站，就必须使用绝对路径。中文版中文版Dreamweaver 8实用教程实用教程相对路径包括根相对路径相对路径包括根相对路径(Site Root)(Site Root)和文档相对路径和文档相对路径(Document)(Document)两种。用两种。用DreamweaverDreamweaver在本地磁盘上编辑网页时，需要选定一个文件夹来定义一个本地在本地磁盘上编辑网页时，需要选定一个文件夹来定义一个本地站点，模拟服务器上的根文件夹，系统就根据这个文件夹来确定所有链接的本站点，模拟服务器上的根文件夹，系统就根据这个文件夹来确定所有链接的本地文件位置，而根相对路径中的根就是指这个文件夹。地文件位置，而根相对路径中的根就是指这个文件夹。中文版中文版Dreamweaver 8实用教程实用教程8.2.3 创建链接创建链接 在在DreamweaverDreamweaver 8 8中可以创建各种超链接。中可以创建各种超链接。当在本地站点内移动或重命名当在本地站点内移动或重命名文档或其他链接文件时，文档或其他链接文件时，Dreamweaver Dreamweaver 还可自动更新指向文档的链接。还可自动更新指向文档的链接。 uu 创建链接的类型和方法创建链接的类型和方法 uu 创建网页间超链接创建网页间超链接 uu 创建网页内的超链接创建网页内的超链接 uu 创建创建E-MailE-Mail链接链接创u 建虚链接及脚本链接 uu 创建图形热点链接创建图形热点链接 中文版中文版Dreamweaver 8实用教程实用教程 在在DreamweaverDreamweaver 8 8 中，可以为对象、文本或图像创建超链接，链接到其他中，可以为对象、文本或图像创建超链接，链接到其他文档或文件。要在网页中创建超链接，首先选中要创建链接的对象文档或文件。要在网页中创建超链接，首先选中要创建链接的对象 。然后在该。然后在该对象的对象的属性检查器属性检查器的的“ “链接链接” ”文本框里输入要链接对象的文本框里输入要链接对象的URLURL或路径即可或路径即可. . 中文版中文版Dreamweaver 8实用教程实用教程 创建页内超链接是通过使用创建页内超链接是通过使用“ “命名锚记命名锚记” ”( (用于标记位置的标识用于标记位置的标识) )来完成的，来完成的，因此，因此，“ “页内超链接页内超链接” ”又称为又称为“ “命名锚记链接命名锚记链接” ”。通过对文档中指定位置的命。通过对文档中指定位置的命名，允许利用链接打开目标文档时直接跳转到相应的命名位置。名，允许利用链接打开目标文档时直接跳转到相应的命名位置。 创建到命名锚记的链接的过程分为两步，第一步先加入一个命名锚记，用户创建到命名锚记的链接的过程分为两步，第一步先加入一个命名锚记，用户可以将光标置于文本中需要创建超链接的位置，然后选择可以将光标置于文本中需要创建超链接的位置，然后选择“ “插入插入” ”|“ |“命名锚记命名锚记” ”命令，或者选择命令，或者选择“ “插入插入” ”栏中的栏中的“ “常用常用” ”选项卡，切换到常用插入栏，单击选项卡，切换到常用插入栏，单击按钮，打开按钮，打开“ “命名锚记命名锚记” ”对话框，在对话框，在“ “锚记名称锚记名称” ”文本框中输入锚记的名称文本框中输入锚记的名称text_toptext_top，单击，单击“ “确定确定” ”按钮即可按钮即可. . 中文版中文版Dreamweaver 8实用教程实用教程 E-mailE-mail链接是一种特殊的链接，单击这种链接，将打开一个空白通讯窗口。链接是一种特殊的链接，单击这种链接，将打开一个空白通讯窗口。在在E-mailE-mail通讯窗口中，允许用户创建电子邮件，并发送到指定的地址通讯窗口中，允许用户创建电子邮件，并发送到指定的地址 。 创建创建E-mailE-mail链接方法同创建普通文本链接相似，可以在选择要创建链接方法同创建普通文本链接相似，可以在选择要创建E-mailE-mail链链接的对象后接的对象后( (如文本、图像等如文本、图像等) )，然后在该对象，然后在该对象“ “属性检查器属性检查器” ”的的“ “链接链接” ”文本文本框里输入框里输入mailto:mailto:和和E-mailE-mail地址即可地址即可 。或者选择。或者选择“ “插入插入” ”栏中的栏中的“ “常用常用” ”选项卡，选项卡，切换到常用插入栏，然后单击切换到常用插入栏，然后单击“ “电子邮件链接电子邮件链接” ”按钮按钮, ,在打开的在打开的“ “电子邮件链接电子邮件链接” ”对话框中输入文本和对话框中输入文本和E-mailE-mail地址后，单击地址后，单击“ “确定确定” ”按钮完成按钮完成E-mailE-mail链接的创建。链接的创建。中文版中文版Dreamweaver 8实用教程实用教程 要创建图形热点链接，首先需要在文档窗口中选中要创建图形热点链接，首先需要在文档窗口中选中插入的插入的图像，然后使用图像，然后使用图图像属性检查器中的像属性检查器中的“ “地图名称地图名称” ”文本框和文本框和“ “热点工具热点工具” ”按钮在该图像中绘制热按钮在该图像中绘制热点区域点区域 。最后。最后, ,选中所创建的热点区域后选中所创建的热点区域后, ,在在” ”热点热点” ”的属性检查器的的属性检查器的” ”链接链接” ”文本框中输入链接目标的文本框中输入链接目标的URLURL或路径即可或路径即可. .中文版中文版Dreamweaver 8实用教程实用教程8.2.4 创建导航条创建导航条 “ “导航条导航条” ”由一个或多个图像组成，其显示根据用户的动作而改变。因此，由一个或多个图像组成，其显示根据用户的动作而改变。因此，在使用导航条命令之前，应首先创建一个用于导航条的图像集。在该图像集中在使用导航条命令之前，应首先创建一个用于导航条的图像集。在该图像集中根据鼠标的动作，根据鼠标的动作，“ “导航条导航条” ”中的图像通常有中的图像通常有一般一般 、滑过滑过 、按下按下 和按下时鼠标和按下时鼠标经过经过 4 4种状态。种状态。 uu 插入导航条插入导航条 uu 编辑导航条编辑导航条 中文版中文版Dreamweaver 8实用教程实用教程 要在网页中插入导航条，可以选择要在网页中插入导航条，可以选择“ “插入插入” ”|“ |“图像对象图像对象” ”|“ |“导航条导航条” ”命命令，在打开的令，在打开的“ “插入插入导航条导航条” ”对话框中完成所需的设置后对话框中完成所需的设置后, ,单击单击” ”确定确定” ”按钮即可按钮即可 。中文版中文版Dreamweaver 8实用教程实用教程 在文档创建导航条后，选择在文档创建导航条后，选择“ “修改修改” ”|“ |“导航条导航条” ”命令，可以在打开的命令，可以在打开的“ “修修改导航条改导航条” ”对话框中向导航条添加图像，或从导航条中删除图像。此命令可用对话框中向导航条添加图像，或从导航条中删除图像。此命令可用于更改图像或图像组、更改单击项目时所打开的文件、选择在不同的窗口或框于更改图像或图像组、更改单击项目时所打开的文件、选择在不同的窗口或框架中打开文件以及重新排序图像架中打开文件以及重新排序图像 。 中文版中文版Dreamweaver 8实用教程实用教程8.2.5 在在“站点地图站点地图”中创建和修改链中创建和修改链接接 在站点地图中，选择需要创建页面链接的在站点地图中，选择需要创建页面链接的HTMLHTML文件，这时在文件图标右边文件，这时在文件图标右边将出现点到文件图标。拖动点到文件图标，指向其他网页文档，然后释放即可将出现点到文件图标。拖动点到文件图标，指向其他网页文档，然后释放即可创建一个页面链接。创建一个页面链接。中文版中文版Dreamweaver 8实用教程实用教程8.3 上机实验上机实验 本章的上机实验主要练习在网页文本中设置链接与导航条。其中，使用本章的上机实验主要练习在网页文本中设置链接与导航条。其中，使用“ “文本属性检查器文本属性检查器” ”创建链接的练习是重点，用户在创建和编辑链接的过程中，创建链接的练习是重点，用户在创建和编辑链接的过程中，应注意在属性检查器中合理地设置链接目标和位置。对于本章中的其他内容，应注意在属性检查器中合理地设置链接目标和位置。对于本章中的其他内容，用户可根据理论指导部分进行练习。用户可根据理论指导部分进行练习。 uu 在网页中创建链接在网页中创建链接 uu 创建图形热点链接创建图形热点链接 uu 在网页中插入导航条在网页中插入导航条 uu 创建页间链接创建页间链接