锚在Adobe CS5中创建和链接Dreamweaver - 傻瓜

Adob​​e Creative Suite 5（Adobe CS5）Dreamweaver支持在您的网页上创建锚点。 锚点 是指向页面特定部分的链接，与链接相同的页面或完全相同的页面。例如，当您点击“返回顶部”按钮时，您可能已经看到并使用了锚点。锚点对观众非常有帮助，应尽可能实施。

要在Dreamweaver中创建简单的锚点，请按照以下步骤操作：

<！ - 1 - >

1. 将光标插入要链接到的页面上的某个位置。

   锚点可以放在一行文本之前，也可以放在它自己的行中。

2. 单击“插入”面板的“公用”类别中的“已命名锚点”按钮。

   您可以通过使用键盘快捷键Ctrl + Alt + A（Windows）或Command + Option + A（Mac）来避免单击锚点按钮。

3. 键入与页面上的内容或位置相关的短名称（例如，TopOfPage）。

   <！ - 2 - >

   锚点区分大小写，因此在决定名称时请记住这一点。点击确定。

4. 新的锚点出现在您的页面中。顶部：在“命名锚点”对话框中创建一个简单的锚点名称。底部：完成的锚。

   你已经创建了锚，但没有指向它的链接。您可以通过属性检查器或使用指向文件工具

   

手动定位链接

通过手动链接到定位点，您可以链接到正在处理的页面中，或者将链接定向到完全不同的页面上的定位点。

选择将成为链接的文字。

如果“属性”检查器未打开，请选择“窗口”→“属性”。

1. 选择要链接到新的命名定位点的文本，然后单击位于“插入”面板上的“超链接”按钮。

2. 在“超链接”对话框中，找到“链接”字段，然后单击其旁边的下拉列表。

3. 您的指定锚点显示为一个选择。

4. 选择您的锚以应用它，然后单击确定。

   在超链接对话框中选择锚点名称。

5. 属性检查器锚链接

   

   您也可以链接到一个页面，并从属性检查器添加一个锚定引用。例如，如果要从其他页面链接到该点，请在该页面上选择一个元素，然后在链接文本框（在HTML视图中）中键入页面的名称，井号（#）和名称的锚 - 例如，

鸟。 HTML#金丝雀

。 此操作将浏览器引导至鸟类页面，然后指向该页面内的金丝雀锚点。通常情况下，您会看到由管道符号（|）分隔的锚点。你可以通过按下Shift +来创建这个类型的字符。反斜杠键直接在Enter（Windows）或Return（Mac）键上方。 指向文件锚点链接

您可以使用之前用于创建超链接的酷点文件图标来创建锚点。 “属性”检查器中的“指向文件”图标也可以定位您在页面上创建的锚点。

选择您要用作页面链接的文字。

在“属性”检查器中，找到位于“链接”字段旁边的“指向文件”图标，单击并拖动图标，然后直接在页面上的锚点图标上释放箭头。

文本现在链接到锚点，并且锚点的名称出现在以磅符号（例如

1. #canary

2. ）为前缀的“属性”检查器的“链接”文本字段中。