本文关键词：dw中怎样做网站链接

很多刚入行的朋友，打开Dreamweaver看着满屏代码就头大。其实做网站链接没那么玄乎，核心就两点：路径要对，代码要简。这篇文不讲虚的，直接教你怎么在DW里把链接做对，避免以后网站打不开或者死链一堆。

先说最基础的相对路径。这是新手最容易栽跟头的地方。很多新人喜欢用绝对路径，比如http://www.baidu.com。这在大站没问题，但在本地开发或者小站迁移时，绝对路径会出问题。

记住一个原则：同级目录用文件名，下级目录用文件夹加文件名。比如你的首页index.html和about.html在同一个文件夹里。链接写法就是href="about.html"。

如果about.html在images文件夹里，那就要写成href="images/about.html"。这种写法叫相对路径，它的好处是无论你网站域名怎么变，只要文件结构不变，链接永远有效。

再说说绝对路径的使用场景。如果你链接的是外部资源，比如引用百度的CSS，或者链接到另一个完全不同的网站，这时候必须用绝对路径。比如href="https://www.baidu.com"。

这里有个坑要注意。很多教程说链接图片要用绝对路径，这是错的。除非图片存在别的服务器，否则图片一定要用相对路径。不然你换服务器或者换域名，图片全裂开。

接下来讲DW里的具体操作。别光靠眼睛看代码，DW的可视化界面很好用。选中文字或图片，点击底部属性面板里的“链接”按钮。这时候会弹出一个对话框。

在对话框里，你可以直接输入网址，也可以点击文件夹图标选择本地文件。选本地文件时，DW会自动帮你生成正确的相对路径。这点比手动敲代码靠谱多了，不容易拼错字母。

还有一个高级技巧，叫锚点链接。就是点击页面上的按钮，直接跳转到本页面的某个位置。比如导航栏的“联系我们”，点击后直接滑到页面底部的联系表单。

做法很简单。先在目标位置加一个，然后在导航链接里写href="#contact"。注意前面有个井号。这样用户点击后，页面会平滑滚动到那个位置。

实际案例中，我见过太多客户因为链接错误导致SEO掉权。百度爬虫抓取网站时，遇到404错误会认为网站质量差。所以每个链接都要测试。

测试方法也很简单。DW里有“检查文档”功能，可以扫描所有链接。点击“命令”菜单，选择“检查文档”。它会列出所有断开的链接和拼写错误。

另外，图片链接一定要加alt属性。这不仅是为了无障碍阅读，更是为了SEO。百度不知道图片里是什么，alt文字就是告诉搜索引擎这张图的内容。

比如。这样既规范，又利于收录。

最后说个细节，链接颜色。默认链接是蓝色，visited是紫色。很多人觉得丑，想改颜色。直接在CSS里改a标签的颜色就行。别在HTML里一个个改，那样维护起来要命。

总结一下，做链接核心就是路径清晰，代码规范。别偷懒，别用绝对路径做内部链接。定期用DW检查文档，保持网站健康。

如果你还在为链接跳转失败头疼，或者不知道如何批量修改链接，可以找我聊聊。我做过几十个企业站，这些坑我都踩过，能帮你省不少时间。