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