首页 理论教育 DreamweaverCS6网页美工设计入门与应用中的技巧

DreamweaverCS6网页美工设计入门与应用中的技巧

时间:2023-11-05 理论教育 版权反馈
【摘要】:通过对文档中指定位置的命名,允许利用链接打开目标文档时,直接跳转到相应的命名位置上。在面板的文本框中,输入锚名称及相应前缀。例如名为#webName的锚和名为#WebName的锚不允许出现在同一篇文档中。

DreamweaverCS6网页美工设计入门与应用中的技巧

利用命名锚,可以在文档中指定的位置上建立链接的目标端点。通过对文档中指定位置的命名,允许利用链接打开目标文档时,直接跳转到相应的命名位置上。使用命名锚,不仅可以跳转到其他文档中的指定位置,也可以跳转到当前文档中的指定位置。

1.建立命名锚记

建立命名锚的操作,有时候被戏称为“抛锚”。要在文档中建立命名锚,其方法和步骤如下。

(1)将插入点放置到网页中需要命名锚的位置,或拖动鼠标选中要指定为命名锚的文本。

978-7-111-40644-0-Chapter02-39.jpg

图2-20 【命名锚记】对话框

(2)执行菜单栏上的【插入】→【命名锚记】命令。

(3)这时会出现如图2-20所示的对话框,提示用户输入锚的名称。

兼职指导:

如果之前选中了文字,则选中的文字会出现在该【锚记名称】文本框中。

(4)在【锚记名称】文本框输入锚名称,单击【确定】按钮,一个锚即被插入到文档中的相应位置。如果激活了【文档】窗口中对不可见元素的显示特性,则可以在【文档】窗口中看到锚标记。

(5)如果要修改锚的位置,可以将该锚标记作为普通的文字对待,将其在文档中移动,例如用鼠标拖动它,或利用剪切、粘贴操作移动它。单击该锚标记,可以在【属性检查器】面板中修改锚的名称。

兼职指导:(www.xing528.com)

插入锚的快捷键是<Ctrl+Alt+A>组合键,利用该组合键,能够加快插入锚的速度。锚所在的位置是链接的目标端点位置。换句话说,利用<a>和</a>标记不仅可以建立链接的源端点,而且还可以建立链接的目标端点。建立源端点需要使用<a>标记的href属性,而建立目标端点则需要使用<a>标记的name属性。

2.链接命名锚

接下来还需要链接到文档中锚所在的位置,建立相应的链接源端点。要在文档中实现同命名锚的链接,其方法和步骤如下。

(1)选中需要作为链接的文字。

(2)在【属性检查器】面板的【链接】文本框中,输入锚名称及相应前缀。

如果要链接的目标锚位于当前文档,则可以在【属性检查器】面板的【链接】框中,输入一个“#”号,然后接着输入链接的锚名称。例如要链接当前文档中名为webName的锚位置,则需要输入“#webName”。

如果要链接的目标锚位于其他文档中,则需要先输入该文档的URL地址和名称,然后输入“#”号,再输入锚名称,例如要链接当前目录下about.htm文档中的webName锚位置,可以输入“about.html#webName”。

兼职指导:

在使用命名锚时,需要遵循如下的一些准则。

在一篇文档中锚的名称是惟一的,不允许在同一篇文档中出现相同的锚名称。在一篇文档中,如果两个锚的名称一样,但是大小写不一样,也是不允许的。例如名为#webName的锚和名为#WebName的锚不允许出现在同一篇文档中。

在链接锚时,引用的锚名称要区分大小写。在<a>标记的href属性中定义的URL中,锚的名称必须与希望链接的锚名称严格匹配大小写。如果锚的名称是#webName,而链接中指向的锚是#WebName,链接不一定成功,有些浏览器能够跳转到锚上,而有些浏览器不能跳转到锚上。

链接和锚都不能嵌套,但是可以同时为文本指定锚和链接。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈