学做网站培训课程介绍

当前位置:

DW如何制作HTML锚点链接

以下为学做网站论坛关于“DW如何制作HTML锚点链接”讲解视频教程。

选择课程播放速度:

什么是锚点链接

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

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

dreamweaver锚点链接操作步骤图文

  1. 打开Dreamweaver软件,并打开已经建好的网站,在导航栏处添加链接选项。
  2. 在需要添加锚点的位置单机鼠标,然后选择锚点工具添加就可以了。锚点工具可以在插入中找到,也可以将我们常用的工具调用出来,选择窗口——插入,选择就可以了。选择锚点工具单机就OK了。DW锚点链接制作方法
  3. 为锚点起名,名字要写英文字母,不要使用中文汉字。选择锚点工具之后就会自动弹出添加锚点的窗口,在里面输入内容即可。DW锚点链接制作方法
    DW锚点链接制作方法
  4. 创建链接。回到导航栏中,选中需要添加链接的文字,在属性面板中的链接中输入锚点的名字,输入时需要注意需要在前面加一个#号才可以。添加后保存,按下F12键进行预览,测试一下是否成功。DW锚点链接制作方法
    DW锚点链接制作方法
    DW锚点链接制作方法
  5. 连接到其他网页的锚点。要想让我们的链接直接链接到另外的网页中的锚点首先我们需要添加连接到目标网页。选择文字,选择指向目标,将鼠标拖动到其他的网页上即可。DW锚点链接制作方法
    DW锚点链接制作方法
  6. 添加锚点的链接。
    在建立好网页的连接之后,选择链接地址,在地址的后面添加#加上锚点的名称即可添加锚点的链接。同样按下F12键进行测试就可以了。DW锚点链接制作方法
    DW锚点链接制作方法
    DW锚点链接制作方法

《 “DW如何制作HTML锚点链接” 》 有 2 条评论

  1. 实践说道:

    DW cc 找不到锚点链接

  2. 博文妈妈说道:

    老师,您好!选中文字做锚点链接的时候,电脑下面没有显示链接框,是电脑版本的问题吗?那么如何通过别的方式做文字链接?谢谢

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • DW网页中如何插入图片 视频教程 (1187857 次浏览)
    DW给网页插入图片一般有二种方法:一种是插入拥有ALT属性的图片,这在我们的企业网站制作教程中经常用到。另一种是插入背景图片,实现在图片
  • 什么是html代码HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。只要使用鼠标在某一文档中点
  • 常用的HTML标签有哪些 (136128 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • DW如何制作HTML锚点链接 视频教程 (1132164 次浏览)
    什么是锚点链接锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更
  • 在前面的Dreamweaver CS6视频教程中,我们介绍了Dreamweaver锚点链接制作方法,锚点链接在实际做网站过程中也会经常用到。但锚点链接有一个缺点,就是
  • 这里所谓的链接就是指网址,一般我们也会叫他url。动态链接:https://www.xuewangzhan.net/?p=388,静态链接:https://www.xuewangzhan.net/zichu
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添