零基础学做网站培训介绍

当前位置:

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锚点链接制作方法

2条回应:“DW如何制作HTML锚点链接”

  1. 学习建网站学员 实践说道:

    DW cc 找不到锚点链接

  2. 学习建网站学员 博文妈妈说道:

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

发表评论

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

相关教程

  • DW如何制作HTML锚点链接 视频教程 (1117337 次浏览)
    什么是锚点链接锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更
  • DW鼠标经过更换图片变化 视频教程 (1104594 次浏览)
    dreamweaver鼠标经过更换图片特效就是当鼠标经过图像就是当鼠标经过图像时,原图像会变成另外一张图像。鼠标经过图像其实是由两张图像组成的:原始
  • DW图文混排怎么做 视频教程附件下载 (1109174 次浏览)
    课程中的案例网页下载:xwz.rardreamweaver 图文混排使用dreamweaver 图文混排,插入图片的时候会有一个对齐的选项,如左对齐,就是图片在左侧,
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • 在前面的Dreamweaver CS6视频教程中,我们介绍了Dreamweaver锚点链接制作方法,锚点链接在实际做网站过程中也会经常用到。但锚点链接有一个缺点,就是
  • 做锚点链接的方法①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值特别前面要加#)②:在页面中需要
  • 以下为学做网站论坛关于“什么是dreamweaver脚本链接”讲解视频教程。
  • 以下是学做网站论坛关于《Dreamweaver 如何添加网页图片热区链接》视频教程。
  • 在学做网站过程中,我们希望网站有一个链接点击时会进入邮件填写页面,这就是邮件链接功能。点击某个链接时,会自动下载链接上的资源,压缩包,这种链