![新手学Dreamweaver CS6+Flash CS6+Photoshop CS6网页设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/799/773799/b_773799.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
实例06 锚记链接
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1734415499-LIdTMgiRf26hLA0KKVPSK3SsXps0RL4a-0-9f83c97052b52f65704b97320314f6c9)
案例说明:我们在浏览网页时,当一个网页的内容很多,需要上下拖动滚动条来查看网页的内容时,就会觉得很麻烦。其实,使用命名锚记可以解决这个问题。命名锚记使用户可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将浏览者带到指定位置。
光盘文件:光盘\源文件与素材\01章\锚记链接
创建到命名锚记链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。
操作步骤
1 放置光标。将光标放置到要创建命名锚记的位置,如页面顶部。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1734415499-Zndap5LUaV6eTGXICKJAFWDtRCF2C1eP-0-ca3b126f3c201bff79e94c334843074a)
2 打开“命名锚记”对话框。选择“插入→命名锚记”命令,弹出“命名锚记”对话框。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0005.jpg?sign=1734415499-OpmmA2lYuTbzS8BIiypL4nUiCosRxUTI-0-515dc8524f4c9697044671053b8523f7)
提示
按下【Ctrl+Alt+A】组合键能快速打开“命名锚记”对话框。
3 设置锚记名称。在“锚记名称”文本框中输入锚记的名称。锚记名不能含有空格,如这里输入“abc”。然后单击按钮。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0008.jpg?sign=1734415499-QoYUcUbhke6JcHumszTYMjM3dKNQi4Vu-0-f7b07bb834e9962f95a2b831947977b8)
4 插入锚记。这时可以在文档窗口中看到锚记。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0010.jpg?sign=1734415499-sv4Q6nojYOVasU9QiYYaryAM95sQ2nUw-0-95a414c4653f93ee1a142cd80b714196)
提示
如果看不到锚记,则选择“查看→可视化助理→不可见元素”命令,使之可见。
5 输入文字。在网页文档底部输入“回到顶部”。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1734415499-ZtHXygFl9xpIm0PEWUuWdjW0IXhA68rv-0-1a8e8a4fbbfc9371d20fb2dc656e2daf)
6 打开“命名锚记”对话框。选中输入的文字,打开“属性”面板,在“链接”文本框中输入“#abc”。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0004.jpg?sign=1734415499-PDIk5OjcLg5fdkkwCZIy5GOvweWltT8t-0-a948d25f70c90b7d75f9b0fe8f6ed57e)
7 浏览网页。保存网页文档,按下【F12】键进行浏览。此时可以看到,单击链接的文字即可回到页面顶部。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0006.jpg?sign=1734415499-R4N7kuaBx5W8wlbziZPLUz3aaLBMRqz9-0-1d03c9c1aacf88cd3239660ccb7830f9)
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0007.jpg?sign=1734415499-q1Evd5Q5iKilE83aruAfmA9KnmXStjm5-0-ab92220bcf23758587769102e9fa2e4b)