建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 第八节:dreamweaver锚点链接

第八节:dreamweaver锚点链接

时间:2014-11-24 15:51:32  来源:免费模板网 作者:风雪 阅读次数 tags链接

什么是锚点链接

锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点,便于浏览者查看网页内容。

我们在浏览一些网页的时候,有时候会发现网页很长,我们需要不断地拉动浏览器边上的滑动条才能继续浏览,锚点就可以很好的解决这个问题,我们将网页中加入锚点并建立一个超链接,这样就可以迅速的定位到我们想要浏览的位置。

  1. 打开Dreamweaver软件,并打开已经建好的网站,在导航栏处添加链接选项。

    dreamweaver锚点链接设置步骤902397dda144ad34d3955080d1a20cf431ad858b

  2. 在需要添加锚点的位置单机鼠标,然后选择锚点工具添加就可以了。

    锚点工具可以在插入中找到,也可以将我们常用的工具调用出来,选择窗口——插入,选择就可以了。选择锚点工具单机就OK了。

    dreamweaver锚点链接设置步骤024f78f0f736afc36dace962b219ebc4b7451210

  3. 为锚点起名,名字要写英文字母,不要使用中文汉字。选择锚点工具之后就会自动弹出添加锚点的窗口,在里面输入内容即可。

    dreamweaver锚点链接设置步骤faf2b2119313b07e4bcb810f0dd7912397dd8c47
    dreamweaver锚点链接设置步骤8435e5dde71190efd38d43d8cf1b9d16fdfa6047

  4. 创建链接。

    回到导航栏中,选中需要添加链接的文字,在属性面板中的链接中输入锚点的名字,输入时需要注意需要在前面加一个#号才可以。添加后保存,按下F12键进行预览,测试一下是否成功。

    dreamweaver锚点链接设置步骤500fd9f9d72a60594ebe301d2934349b033bba0f
    dreamweaver锚点链接设置步骤838ba61ea8d3fd1f8cc6723d314e251f94ca5fee
    dreamweaver锚点链接设置步骤0e2442a7d933c895d5b0487cd01373f0830200ee

  5. 连接到其他网页的锚点。

    要想让我们的链接直接链接到另外的网页中的锚点首先我们需要添加连接到目标网页。选择文字,选择指向目标,将鼠标拖动到其他的网页上即可。

    dreamweaver锚点链接设置步骤55e736d12f2eb93807bba9f5d4628535e4dd6fe7
    dreamweaver锚点链接设置步骤ca1349540923dd54eda5746fd009b3de9d8248e7

  6. 添加锚点的链接。
    在建立好网页的连接之后,选择链接地址,在地址的后面添加#加上锚点的名称即可添加锚点的链接。同样按下F12键进行测试就可以了。

     

    dreamweaver锚点链接设置步骤29381f30e924b8999d6eab3f6f061d950a7bf663
    dreamweaver锚点链接设置步骤3ac79f3df8dcd100616d2a26738b4710b8122fc0
    dreamweaver锚点链接设置步骤359b033b5bb5c9ea7a00d1e4d439b6003bf3b3c2

 

 

本文地址:https://www.freemoban.com/dwrm/2014/1124/64.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!