本文关键词：用dw做网站怎么给链接

最近有个刚入行的小兄弟问我，说用dw做网站怎么给链接总是报错，或者点进去是空白页。我听完差点把刚泡好的枸杞茶喷出来。这问题问的，简直是新手必经的“渡劫”环节。其实吧，Dreamweaver这软件虽然老了点，但胜在直观，只要路子对，比那些花里胡哨的可视化编辑器还顺手。今天咱不整那些虚头巴脑的理论，直接上干货，聊聊怎么在dw里把链接搞利索。

首先得有个心态，别把链接想得太复杂。说白了，链接就是告诉浏览器：“嘿，去那个地方看看”。在dw里，最常见的就是文本链接和图片链接。选中文本，看右下角的属性面板，有个“链接”的小框框，点那个文件夹图标，或者直接把网址粘贴进去。这一步谁都会，但问题往往出在路径上。

很多新手喜欢用绝对路径，比如 http://www.xxx.com/index.html。听着挺正规，其实是大忌。为啥？因为你换域名、换服务器，或者把网站从本地传到线上，这些链接全得改一遍，改到你怀疑人生。所以，一定要用相对路径。比如你要链接到同级目录下的about.html，直接写 about.html 就行。要是链接到上一级目录，写 ../index.html。这个 ../ 就是关键，它代表父目录。记住了，相对路径才是王道，灵活又省事。

再说说图片链接。很多人直接把图片拖进去，然后去属性栏找链接。其实更稳妥的做法是，先选中图片，然后在属性面板里找“链接”选项。这里有个小细节，有时候dw会给你自动加上 http:// 或者 file:/// 这种前缀，看着挺唬人，其实本地预览没问题，一上传到服务器就404。所以，上传前最好检查一下代码视图，把那些多余的前缀删干净，只保留路径。

还有啊，别忽略了锚点链接。就是那种点击目录直接跳到页面底部的功能。在dw里，先选中你要跳转的目标文本，在属性面板里有个“id”或者“名称”框，填个名字，比如 top。然后在链接处，输入 #top 就行了。这个 # 号千万别漏了，漏了它就变成去别的页面了，而不是在当前页面跳转。我见过不少人因为少打一个符号，被客户骂得狗血淋头，心疼那头发。

说到这，不得不提一下外部链接的处理。如果你链接到百度、谷歌这种外部网站，建议在链接属性里勾选“在新窗口中打开”。不然用户点一下，你的网站就没了，访客率直接掉一半。虽然这个设置现在浏览器默认行为有点乱，但在dw里手动设置一下，至少能确保兼容性。

另外，链接颜色也是个学问。默认蓝色带下划线，虽然经典，但太丑了。你可以在css里定义 a 标签的样式，去掉下划线，换个品牌色。这样不仅好看，还能提升用户体验。不过要注意，hover状态（鼠标悬停）的颜色也要设置好，不然用户不知道哪个是链接，哪个是普通文字。

最后，检查一下链接是否有效。dw有个“验证文档”的功能，虽然不能保证100%准确，但能帮你找出一些明显的死链。当然，最靠谱的还是自己一个个点过去。别嫌麻烦，上线前多试几次，总比上线后天天修bug强。

总之，用dw做网站怎么给链接，核心就两点：路径要对，细节要细。别指望一劳永逸，多检查，多测试。这行当，就是靠细节吃饭。希望这点经验能帮到你，少走点弯路。要是还有啥不明白的，多看看官方文档，或者去论坛里翻翻老帖子，虽然过时，但基础原理没变。