• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > Dreamweaver网页中怎么制作锚点链接?

Dreamweaver网页中怎么制作锚点链接?

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Dreamweaver,锚点,等相关知识,佚名 希望在学习及工作中可以帮助到您

锚点链接对站点SEO非常重要,当页面内容过多的时候,我们就会用到锚点链接,庞大繁琐的网页,通过点击命名锚点,可以为访问者提供很大的便利去浏览网页内容,更精准的找到自己想要的资料,对站点来说可以让权重均匀传递,更利于排名。今天,分享一点锚点链接知识和制作过程。

1、打开DW软件,选择一个空白的html文档,打开新建一个空白网页。在这里我们做一个简单的示例和演示。

2、OK,这是我刚刚创建的一个页面,左侧为目录,右边为页面。我们发现右面的页面相对较长,不能完全显示。这个时候,我们就需要锚点链接。当我们想点击“目录”百度经验测试3,就跳转到相对应的右侧测试3页面,就需要有锚点链接。

3、我们以百度经验测试3为示例,从头到尾的为大家演示一下锚点链接的制作。首先,我们要选中右侧表格中的测试3,把光标移动到测试3的前面。

4、移动好之后,选择工作区---常用--命名标记按钮。如果你没有如图所示的图标,你可以打开窗口---插入前面打对号就可以了。快捷键:Ctrl+F2。

5、点击之后会弹出命名窗口,不要用汉字命名,然后给锚点添加名称,这里我们命名为“cs3”,添加之后,会出现如图所示的效果。前面有一个锚的小图标,文字被选中了。

6、回到左侧选中,刚刚的目录百度经验测试3,在页面底部有链接的字样(红色框那里),然后把刚刚的锚点名称(cs3)填写进去,这里记得加“#”号。一个页面可以有很多的锚点,这里必须要加“#”号。

7、好的,填写好之后,一个锚点链接就做好了。保存Ctrl+S,然后F12,预览,大功告成。

相关推荐:

dreamweaver怎么制作网页模板?

Dreamweaver站点怎么检查链接错误?

Dreamweaver代码中的空链接怎么批量删除?

您可能想查找下面的文章:

  • Dreamweaver工作区布局有哪些工具?
  • dreamweaver状态栏的工具该怎么使用?
  • dreamweaver怎么批量替换超链接?
  • Dreamweaver预览提示浏览器指定位置已不存怎么办?
  • Dreamweaver网页中怎么制作锚点链接?
  • Dreamweaver怎么给网页添加下拉的条幅?
  • dreamweaver命名锚记怎么使用?
  • dreamweaver cs5不写写代码怎么添加meta标签?
  • Dreamweaver怎么怎么利用层布局网页?
  • Dreamweaver站点怎么检查链接错误?

相关文章

  • 2017-08-06Dreamweaver网页制作技巧
  • 2017-08-06Dreamweaver制作网页的时候怎么定义主体div?
  • 2017-08-06如何在Dreamweaver cs6 中设置默认文档格式为html5
  • 2017-08-06Dreamweaver代码不自动提示的问题
  • 2017-08-06在Dreamweaver中插入空格的方法介绍
  • 2017-08-06Dreamweaver中制作活动菜单条效果的方法
  • 2017-08-06Dreamweaver怎么在网页中显示一个圆角矩形?
  • 2017-08-06dreamweaver状态栏的工具该怎么使用?
  • 2017-08-06Dreamweaver怎么给页面添加时间?
  • 2017-08-06使dreamweaver支持kid扩展名的方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息
    • 在Dreamvear中如何创建html5网页?
    • dreamweaver[dw9,dw8,cs3 cs5]安装视频教程
    • Dreamweaver中怎么链接本地视频?
    • Dreamweaver怎么新建站点地图?dw编辑站点地图的方法
    • dw怎么制作asp动态网页之向数据库增加记录?
    • Dreamweaver编辑网页预览的时候显示乱码该怎么办?
    • Dreamweaver站点怎么检查链接错误?
    • 用dreamweaver制作网站下拉菜单效果示例教程
    • Dreamweaver在网页中怎么添加图片呢?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有