![新手学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=1739142156-CVl5aKccqJr5lnjt1QmDCu1aV4xHSdmo-0-1f5ac1a867f269b726d03dab105e358e)
案例说明:我们在浏览网页时,当一个网页的内容很多,需要上下拖动滚动条来查看网页的内容时,就会觉得很麻烦。其实,使用命名锚记可以解决这个问题。命名锚记使用户可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将浏览者带到指定位置。
光盘文件:光盘\源文件与素材\01章\锚记链接
创建到命名锚记链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。
操作步骤
1 放置光标。将光标放置到要创建命名锚记的位置,如页面顶部。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1739142156-kd65KpU8xx3dEb3jROGKiAgbhBCBRvCx-0-1a6d0c86cea2afbb238e329843666533)
2 打开“命名锚记”对话框。选择“插入→命名锚记”命令,弹出“命名锚记”对话框。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0005.jpg?sign=1739142156-DKDZsYnxjRb3fczYeQv1SgnyU55GtACc-0-0c56699cc1dd76d4f34dd44a23807082)
提示
按下【Ctrl+Alt+A】组合键能快速打开“命名锚记”对话框。
3 设置锚记名称。在“锚记名称”文本框中输入锚记的名称。锚记名不能含有空格,如这里输入“abc”。然后单击按钮。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0008.jpg?sign=1739142156-0GUpWnRhaaUmctTOeFGLQFG5k1TVwBXK-0-a5539f168f0fe1da1b2d6da14b8df3ed)
4 插入锚记。这时可以在文档窗口中看到锚记。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0018_0010.jpg?sign=1739142156-koxX7ukE0xBhe6a3fPyhHxUzhMGUwTe4-0-cda79a0c4fccfd0a617c1d2a28c746ab)
提示
如果看不到锚记,则选择“查看→可视化助理→不可见元素”命令,使之可见。
5 输入文字。在网页文档底部输入“回到顶部”。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1739142156-Nqt83jGCn3hKVyhVriERYBUJOjnICdBE-0-169232661dd5abdf1894c432d6c1085a)
6 打开“命名锚记”对话框。选中输入的文字,打开“属性”面板,在“链接”文本框中输入“#abc”。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0004.jpg?sign=1739142156-wUSyCCiLEFSUqrHVJUFdJwGbwlkaIl1N-0-883a38d6a351d27f8780370cdaf64d58)
7 浏览网页。保存网页文档,按下【F12】键进行浏览。此时可以看到,单击链接的文字即可回到页面顶部。
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0006.jpg?sign=1739142156-S09PTOqIGKRJYOjgKjCflyALweDixuT5-0-40213a6e7b269b1c317cdc44ca33bf04)
![](https://epubservercos.yuewen.com/BDD1BA/3590606703612201/epubprivate/OEBPS/Images/figure_0019_0007.jpg?sign=1739142156-akI2hHG2OMFX2Qpn7FN85SIpS5abZqTq-0-998ffd25c99b5d206e317034da1a813f)