《Dreamweaver CS6 完全自学教程》笔记 第八章：超链接

---

第八章：超链接

---

8.1 超链接

8.1.1 URL 简介

URL（ Universal Resource Location ）统一资源定位器。 URL 分为 4 个部分：资源类型、服务器地址、端口、路径。

• 资源类型（scheme）： 指 WWW 客户程序用来操作的工具。如 http:// 表示 WWW 服务器，ftp:// 表示 FTP 服务器，gopher:// 表示 Gopher 服务器，new: 表示 Newgroup（新闻组）
• 服务器地址（host）： 指 WWW 页所在的服务器域名。
• 端口（port）： 对某些资源的访问来说，需要给出相应的服务器提供的端口号。
• 路径（path）： 指明服务器上某资源的位置。

URL 地址的格式排列为 scheme://host:port/path

注：WWW 上的服务器都是区分大小写的。

8.1.2 超链接路径

超链接的路径就是 URL 地址，有相对链接和绝对连接两种。

站点中经常遇到以下 3 种类型的文件路径。

1. 绝对路径：http://www.macromedia.com/support/dreamweaver/contents.html
2. 相对于文档的路径： contents.html
3. 相对于根目录的路径： /web/contents.html
   
   

绝对路径：

绝对路径提供链接目标端点所需的完整 URL 地址，用于在不同服务器端建立连接。
绝对路径的优点是它与链接的源端点无关，只要网站的地址不变就可以链接。
其缺点是不方便测试链接，如果要测试站点中的链接，就必须在 Internet 服务器上进行测试。并且绝对链接不利于网站文件的移动。
绝对路径的链接有以下三种：

1. 网站间的链接：http://…
2. 链接 FTP：ftp://…
3. 文件链接：file://…

相对文档路径：

相对链接用于在本地站点中的文档间建立链接。不需给出完整 URL，只需给出源端点和目标端点不同的部分，当两端点在同一目录下时，只需指出目标端点的文件名即可。
在移动文件夹时，若移动的是两端点共同所在的文件夹，则路径不需要改动。
若要在新建文档中使用相对链接，必须在链接前先保存该文档。

相对站点链接：

相对站点链接的所有路径都从站点的根目录开始表示。

8.1.3 网站内部链接

一个网站通常会包含多个网页，各个网页间可以通过内部链接使彼此间产生连接系。
选中要建立链接的文本或图片，在 “属性” 面板的 “链接” 中选择相应的文件即可。

8.1.4 网站外部链接

选中要建立链接的文本或图片，在 “属性” 面板的 “链接” 中写入对应网站的 URL 即可。

8.1.5 创建空链接

有时候网页只是为了测试页面，只需要文本、图片看上去像是加了链接，这时候就需要创建空链接。在 "属性“ 面板上的 ”链接“ 中输入 ”#“ 即可。

---

8.2 创建电子邮件链接

电子邮件链接是一种特殊的链接，使用 mailto 协议。在浏览器中单击邮件链接时，将启动默认的邮件发送程序，由用户向指定邮箱发送邮件。

点击 插入 -> 电子邮件链接，打开 “电子邮件链接” 对话框，在 “文本” 中输入显示在页面上的文本，在 “电子邮件” 中输入要链接的邮箱。
也可以在 “属性” 面板中的 “链接” 输入 mailto:+电子邮件地址。

---

8.3 创建下载链接

在 “属性” 面板的 “链接” 中选择压缩文件（.rar / .zip）、可执行文件（.exe / .com）或其他（如 .mp3）即可。按 F12 可进行测试。

---

8.4 创建锚记链接

通过命名锚记功能，用户可以在文档中设置标记，然后通过给这些标记创建链接，使浏览者快速到达指定位置。

1. 点击 插入-> 命名锚记，打开 “命名锚记” 对话框，注意 锚记名不能有空格。 （锚记的位置可以通过拖拽来改变）
2. 然后创建链接时输入 “#+名称” 即可。

如果想要隐藏锚记，可点击 查看 -> 可视化助理 -> 不可见元素，使之不可见。

---

8.5 创建脚本链接

脚本链接用于执行 JS 代码或调用 JS 函数。可用于在不离开当前网页的情况下，为访问者提供附加信息，或者执行计算、表单验证等其他处理任务。
选中文本或图像，在 “属性” 面板的 “链接” 中输入 javascript ，并添加 JS 代码或函数调用。

---

返回