创建超链接和导航

a
1
wk.baidu.com
中文版Dreamweaver 8基础与上机实 训
通过本章的理论学习和上机实训，读者应了解和掌握以 下内容:
❖ URL的含义 ❖ 绝对路径与相对路径的概念 ❖ Dreamweaver 8中链接的类型 ❖ 网页间和网页内超链接的创建 ❖ 在站点地图中管理链接 ❖ 导航条的创建
a
2
中文版Dreamweaver 8基础与上机实 训
10
中文版Dreamweaver 8基础与上机实 训
创建页内超链接
在Dreamweaver 8中，创建页内超链接是通过使用“命名锚记”命 令(用来标记位置的标识)来完成的，因此页内超链接又称为“命名锚记 链接”。通过对文档中指定位置的命名，允许利用链接打开目标文档时， 直接跳转到相应的命名位置。“命名锚记链接”一般用在网页篇幅较大， 浏览者需要翻屏查看的情况下，因此，应用“命名锚记链接”可以有助 于浏览者阅读网页，从另一个方面也体现了网页设计者为浏览者着想的 一面。
拖动“链接”下拉列表框后面的“指向文件”图标到“文件”面板中要 链接的对象上(默认使用“文档相对路径”)。
单击“链接”下拉列表框后面的“浏览文件”按钮，在打开的“选择文 件”对话框中选择要链接的对象(在这个对话框的“相对于”下拉列表框 的两个选择项对应两种“相对路径”)，然后单击“确定”按钮。
a
中文版Dreamweaver 8基础与上机实 训
第6章 创建超链接和导航
每一个网站实际上都是由众多网页组成的，网页之间通常通过超链接方 式相互建立关联。在Dreamweaver 8中，超链接的范围很广，通过它不仅可 以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序。 本章将主要介绍在Dreamweaver 8中创建和管理各种超链接以及使用导航条 的方法。
本章章节内容安排如下:
❖ 6.1 认识URL及链接路径 ❖ 6.2 创建链接 ❖ 6.3 创建导航条 ❖ 6.4 在“站点”地图中创建和修改链接 ❖ 6.5 思考与练习
a
3
中文版Dreamweaver 8基础与上机实 训
6.1 认识URL及链接路径
超链接与URL及网页文件的存放路径是紧密相关的。URL可以简单 地称为网址，顾名思义，就是Internet文件在网上的地址，定义超链接其 实就是指定一个URL地址来访问它指向的Internet 资源。同时，认识从 作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建 链接是至关重要的。一般说来，链接的路径可以分为两类，即绝对路径 与相对路径。
文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所 在文件夹为基础来计算的路径。
a
7
中文版Dreamweaver 8基础与上机实 训
6.2 创 建 链 接
Dreamweaver 8可以为对象、文本或图像创建超链接，以链接到其 他文档或文件，或链接到单个文档的指定位置。当在本地站点内移动或 重命名文档或其他链接文件时，Dreamweaver 可自动更新指向文档的链 接。
使用快捷菜单，然后从中选择“创建链接”选项。
a
9
中文版Dreamweaver 8基础与上机实 训
创建页间超链接
在Dreamweaver 8中可以为对象、文本或图像创建超链接，链接到 其他文档或文件。要在网页中创建超链接，先选中要创建链接的对象(文 本、图像或其他对象)，然后有3种方法可供选用。
在对象属性检查器的“链接”下拉列表框中输入要链接对象的URL或路 径。
显而易见，创建“命名锚记链接”的过程要分为两步，首先加入一 个命名锚记；然后创建到这个命名锚记的链接。
a
11
中文版Dreamweaver 8基础与上机实 训
创建E-mail链接
E-mail超链接是一种特殊的链接，单击该链接将打开一个空白通讯 窗口。在E-mail通讯窗口中允许用户编辑电子邮件，并发送到指定的地 址。
❖ 创建链接的类型和方法 ❖ 创建页间超链接 ❖ 创建页内超链接 ❖ 创建E-mail链接 ❖ 创建空链接和脚本链接 ❖ 创建图形热点链接
a
8
中文版Dreamweaver 8基础与上机实 训
创建链接的类型和方法
在Dreamweaver 8中，可以创建下列几种类型的链接。 页间超链接：用于跳转到其他文档或文件，如图形、电影、PDF或声音文件。 页内超链接：也被称为锚记链接，用于跳转到本站点指定文档的位置。
a
6
中文版Dreamweaver 8基础与上机实 训
相对路径
相对路径包括根相对路径(Site Root)和文档相对路径(Document)两 种。使用Dreamweaver 8在本地磁盘上编辑网页时，需要选定一个文件 夹来定义一个本地站点，模拟服务器上的根文件夹，系统就根据这个文 件夹来确定所有链接的本地文件位置，而根相对路径中的根就是指这个 文件夹。
E-mail链接：用于启动电子邮件程序，允许用户编辑电子邮件，并发送到指定地 址。
空链接及脚本链接：用于为用户附加行为至对象或创建一个执行JavaScript代码 的 链接。
在Dreamweaver 8中，可以创建超链接的方法主要有以下几种。 使用属性检查器中的“链接”文本框。
使用“修改”|“创建链接”命令来制作到某个文件的链接。 使用站点地图来查看、创建、修改及删除链接。
❖ URL ❖ 绝对路径 ❖ 相对路径
a
4
中文版Dreamweaver 8基础与上机实 训
URL
URL(Uniform Resoure Locator，统一资源定位器)指的是Internet文 件在网上的地址，它使用数字和字母按一定顺序排列以确定一个地址， 由访问方法、服务器名、端口号，以及文档位置组成。格式为accessmethod :// server-name:port / document-location。
a
5
中文版Dreamweaver 8基础与上机实 训
绝对路径
绝对路径指包括服务器协议在内的完全路径，比如 http://www.linkyoume.com/ dw/ index.htm(此处使用的协议是最常用的 HTTP协议)。使用绝对路径与链接的源端点无关，只要目标站点地址不 变，无论文档在站点中如何移动，都可以正常实现跳转而不会发生错误。 如果是要链接当前站点之外的网页或网站，就必须使用绝对路径。