新手学Dreamweaver CS6+Flash CS6+Photoshop CS6网页设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

实例06 锚记链接

案例说明:我们在浏览网页时,当一个网页的内容很多,需要上下拖动滚动条来查看网页的内容时,就会觉得很麻烦。其实,使用命名锚记可以解决这个问题。命名锚记使用户可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将浏览者带到指定位置。

光盘文件:光盘\源文件与素材\01章\锚记链接

创建到命名锚记链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。

操作步骤

1 放置光标。将光标放置到要创建命名锚记的位置,如页面顶部。

2 打开“命名锚记”对话框。选择“插入→命名锚记”命令,弹出“命名锚记”对话框。

提示

按下【Ctrl+Alt+A】组合键能快速打开“命名锚记”对话框。

3 设置锚记名称。在“锚记名称”文本框中输入锚记的名称。锚记名不能含有空格,如这里输入“abc”。然后单击按钮。

4 插入锚记。这时可以在文档窗口中看到锚记。

提示

如果看不到锚记,则选择“查看→可视化助理→不可见元素”命令,使之可见。

5 输入文字。在网页文档底部输入“回到顶部”。

6 打开“命名锚记”对话框。选中输入的文字,打开“属性”面板,在“链接”文本框中输入“#abc”。

7 浏览网页。保存网页文档,按下【F12】键进行浏览。此时可以看到,单击链接的文字即可回到页面顶部。