编辑“Dreamweaver/创建链接”

{{Dreamweaver top}}
==创建链接==
在一个文档中可以创建几种类型的链接：
*'''链接到其它文档或文件'''（如图形、影片、PDF 或声音文件）的链接。
*'''命名锚记链接'''，此类链接跳转至文档内的特定位置。
*'''电子邮件链接'''，此类链接新建一个收件人地址已经填好的空白电子邮件。
*'''空链接和脚本链接'''，此类链接使您能够在对象上附加行为，或者创建执行 JavaScript 代码的链接。
注意: 创建链接之前，一定要清楚文档相对路径、站点根目录相对路径以及绝对路径的工作方式。
==文档位置和路径==
'''绝对路径'''<br>
绝对路径提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web 页，通常使用 http://）。例如，http://www.macromedia.com/support/dreamweaver/contents.html 就是一个绝对路径。<br>

必须使用绝对路径，才能链接到其它服务器上的文档。尽管对本地链接（即到同一站点内文档的链接）也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它域，则所有本地绝对路径链接都将断开。对本地链接使用相对路径还能在需要在站点内移动文件时，提供更大的灵活性。<br>

注意: 当插入图像（非链接）时：如果使用图像的绝对路径，而图像又驻留在远程服务器而不在本地硬盘驱动器上，则将无法在文档窗口中查看该图像。此时，必须在浏览器中预览该文档才能看到它。只要情况允许，对于图像，请使用文档或站点根目录相对路径。<br>

'''文档相对路径'''<br>
文档相对路径对于大多数 Web 站点的本地链接来说，是最适用的路径。在当前文档与所链接的文档处于同一文件夹内，而且可能保持这种状态的情况下，文档相对路径特别有用。文档相对路径还可用来链接到其它文件夹中的文档，方法是利用文件夹层次结构，指定从当前文档到所链接的文档的路径。<br>

文档相对路径的基本思想是省略掉对于当前文档和所链接的文档都相同的绝对 URL 部分，而只提供不同的路径部分。<br>

'''站点根目录相对路径'''<br>
站点根目录相对路径提供从站点的根文件夹到文档的路径。如果在处理使用多个服务器的大型 Web 站点，或者在使用承载有多个不同站点的服务器，则可能需要使用这些类型的路径。不过，如果您不熟悉此类型的路径，最好坚持使用文档相对路径。<br>
站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。例如，/support/tips.html 是文件 (tips.html) 的站点根目录相对路径，该文件位于站点根文件夹的 support 子文件夹中。<br>

在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是指定链接的最佳方法。移动含有根目录相对链接的文档时，不需要更改这些链接；例如，如果某 HTML 文件对相关文件（如图像）使用根目录相对链接，则移动 HTML 文件后，其相关文件链接依然有效。<br>

但是，如果移动或重命名根目录相对链接所链接的文档，即使文档彼此之间的相对路径没有改变，仍必须更新这些链接。例如，如果移动某个文件夹，则指向该文件夹中文件的所有根目录相对链接都必须更新。（如果使用“文件”面板移动或重命名文件，则 Dreamweaver 将自动更新所有相关链接。）<br>
==使用属性检查器链接到文档==
属性检查器文件夹图标和“链接”文本框可用于创建从图像、对象或文本到其它文档或文件的链接。<br>
若要使用属性检查器的文件夹图标或“链接”文本框链接文档，请执行以下操作：<br>
#在“文档”窗口的“设计”视图中选择文本或图像。 
#打开属性检查器（“窗口”>“属性”），然后执行下列操作之一：[[Image:09040301.gif‎]]
#*单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件,在 URL 文本框中显示了被链接的文档的路径。使用“选择 HTML 文件”对话框中的“相对于”弹出菜单，指示该路径是文档相对路径还是根目录相对路径，然后单击“选择”,您选择的路径类型只适用于当前链接,您可为该站点更改“相对于”文本框的默认设置.<br>
#*在“链接”文本框中键入文档的路径和文件名,若要链接到站点内的文档，请输入文档相对路径或站点根目录相对路径。若要链接到站点外的文档，请输入包含协议（如http ://）的绝对路径。此种方法可用于输入尚未创建的文件的链接。<br>
对于文档相对路径，请省略对于当前文档和所链接的文档都相同的绝对 URL 部分：如果要链接的目标文件与当前文档位于同一文件夹中，请输入文件名；如果位于子文件夹中，请提供子文件夹的名称，后跟正斜杠 (/)，然后输入文件名；如果位于父文件夹中，请在文件名前添加 ../（其中“..”表示“文件夹层次结构中向上提升一级”）。<br>
'''从“目标”弹出菜单中，选择文档打开的位置。 '''<br>
若要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性检查器的“目标”弹出菜单中选择一个选项：<br>
*_blank 将链接的文档载入一个新的、未命名的浏览器窗口。 
*_parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 
*_self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 
*_top 将链接的文档载入整个浏览器窗口，从而删除所有框架。
提示: 如果页面上的所有链接都设置为同一目标，则可以选择“插入”>“Head 标签”>“基础”，然后选择目标信息来指定该目标，这样只需设置一次即可。
==使用“指向文件”图标链接文档==
“指向文件”图标可用于创建从图像、对象或文本到其它文档或文件的链接。<br>
'''若要使用“指向文件”图标链接文档，请执行以下操作：'''<br>
#在“文档”窗口的“设计”视图中选择文本或图像。 
#拖动属性检查器中“链接”文本框右侧的“指向文件”图标，然后指向另一个打开的文档、已打开文档中的可见锚记或者指向“文件”面板中的一个文档,“链接”文本框将更新，以显示该链接。
注意: 只有当“文档”窗口中的文档未最大化时，才能链接到打开的文档。如果指向打开的文档，则在进行选择时，该文档移至屏幕的最前面。
释放鼠标按钮。 
'''若要从已打开文档中的选定内容创建链接，请执行以下操作：'''<br>
#在“文档”窗口中选择文本。 
#按下 Shift 键，从选定内容处开始拖动。 
#在拖动过程中，出现“指向文件”图标,指向其它打开的文档、已打开文档中的可见锚记，或者指向“文件”面板中的一个文档。
注意: 只有当“文档”窗口中的文档未最大化时，才能链接到打开的文档。如果指向打开的文档，则在进行选择时，该文档移至屏幕的最前面。
释放鼠标按钮。 
==使用站点地图链接文档==
可以使用站点地图创建链接。创建的链接被放置在所选 HTML 文件的底部，使您可以在站点中快速创建链接。<br>
'''若要使用站点地图和“指向文件”图标链接文档，请执行以下操作：'''<br>
#展开“文件”面板，然后通过按下“站点地图”图标并选择“地图”和“文件”，同时显示“站点文件”和“站点地图”视图。 
#在站点地图中选择一个 HTML 文件,在该文件旁边出现“指向文件”图标。
#拖动“指向文件”图标，并指向站点地图中另一个文件，或者指向“站点文件”视图中的某个本地文件。 
#释放鼠标按钮。 
名称为所链接文件名称的超文本链接被置于所选 HTML 文件的底部。在构建站点并想快速创建跨站点的链接时，此方法尤其好用。<br>
'''若要在站点地图中链接文档，请执行以下操作之一：'''
#将某个页面从 Windows 资源管理器或 Macintosh Finder 拖动到站点地图中的一页上。注意: 确保“文件”面板已停靠，然后单击“扩展”箭头。按下“站点地图”按钮，然后选择“文件和地图”。
#在站点地图中选择一个 HTML 页面，然后选择“站点”>“链接到现存文件”（在 Windows 中）或“站点”>“站点地图视图”>“链接到现存文件”（在 Macintosh 中），或者从上下文菜单中选择“链接到现存文件”。 
#在站点地图中选择一个 HTML 页面，然后选择“站点”>“链接到新文件”（在 Windows 中）或“站点”>“站点地图视图”>“链接到新文件”（在 Macintosh 中），或者从上下文菜单中选择“链接到新文件”。
==使用“超级链接”命令==
“超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接。
'''若要使用“超级链接”命令添加超级链接，请执行以下操作：'''
#将插入点放在文档中希望出现超级链接的位置。 
#执行如下操作之一，显示“超级链接”对话框： 
#*选择“插入”>“超级链接”。 
#*在“插入”栏的“常用”类别中，单击“超级链接”按钮,出现“超级链接”对话框。
#完成对话框,单击“确定”。 
==设置新链接的相对路径==
默认情况下，Dreamweaver 使用文档相对路径创建指向站点中其他网页的链接。您还可改令 Dreamweaver 使用站点根目录相对路径创建链接。<br>
若要使用站点根目录相对路径，必须首先在 Dreamweaver 中定义一个本地文件夹，方法是选择一个本地根文件夹，作为服务器上文档根目录的等效项。Dreamweaver 用该文件夹来确定文件的站点根目录相对路径,在“站点定义”对话框中设置新链接的相对路径。<br>
'''若要设置新链接的相对路径，请执行以下操作：'''
#选择“站点”>“管理站点”,出现“管理站点”对话框。
#双击列表中的站点,出现“站点定义”对话框。
#如果未显示“高级”设置，请单击“高级”选项卡,“站点定义”对话框的“高级”选项卡显示“本地信息”类别选项。
#选择“文档”或“站点根目录”选项，从而设置新链接的相对路径,单击“确定”后，更改此设置将不会转换现有链接的路径。设置将只应用于您用 Dreamweaver 创建的新链接。
#*注意: 使用本地浏览器预览文档时，除非指定了测试服务器，或在“编辑”>“首选参数”>“在浏览器中预览”中选择“使用临时文件预览”选项，否则文档中用站点根目录相对路径链接的内容将不会被显示。这是因为浏览器不能识别站点根目录，而服务器能够识别<br> 
#*提示: 若要预览用根目录相对路径所链接的内容，请将文件上传到远程服务器上，然后选择“文件”>“在浏览器中预览”查看它。<br>
#对于站点根目录相对路径，请在“HTTP 地址”文本框中输入已完成的 Web 站点将使用的 URL。 <br>
Dreamweaver 使用此地址确保根目录相对链接在远程服务器上有效，因为远程服务器可能有不同的站点根目录。例如，如果您链接到位于硬盘上 C:\Sales\images\ 文件夹中的某个图像文件（Sales 是您的本地根文件夹），您完成的站点 URL 是 http: //www.mysite.com/SalesApp/（SalesApp 是您的远端根文件夹），那么在“HTTP 地址”文本框中输入 URL 将确保远端服务器上的链接文件路径为 /SalesApp/images/。<br>
注意: 在以往的发布中，Dreamweaver 未能追加正确的远程根目录文件夹，导致网页运行时失败。
单击“确定”。 
新路径设置只适用于当前站点。

== 参考来源 ==
http://www.baike.baidu.com
{{Dreamweaver}}
[[category:Dreamweaver|C]]