零基础建站培训介绍

当前位置:

第八节:dreamweaver锚点链接

以下为学做网站论坛关于“第八节:dreamweaver锚点链接”讲解视频教程。

什么是锚点链接

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

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

dreamweaver锚点链接操作步骤图文

  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
我要分享到:
上一课: 下一课:

才1个评论

  1. 建站学员头像
    实践 说:

    DW cc 找不到锚点链接

发表评论

*

* 绝不会泄露


相关教程

  1. 无需插件实现WordPress去掉分类链接中category (亲测有效)
  2. WordPress分类目录URL最简化 去掉链接中的category
  3. 仿了个单页主题免费分享大家;希望大家支持
  4. ECshop修改首页分类栏目标题
  5. SEO篇:建设网站外链的最常用有效的方法大合集
  6. 如何删除ECSHOP后台“更多模板堂产品”链接 ecshop后台菜单修改
  7. 怎么去看别人网站用的是什么建站程序
  8. 如何去除wordpress.org官网链接
  9. [HTML教程] 第二课:HTML标题、段落、链接、图像标签
  10. 如何去除WordPress网站中图片默认链接功能