5分钟学会！DW中如何设置友情链接的详细步骤

说到做网站，友情链接这个东西，听起来好像挺简单的，不就是加个超链接嘛。但真到了Dreamweaver（简称DW）里操作，很多新手朋友容易犯迷糊：到底是直接写代码，还是用可视化工具？链接做好了，为什么点不进去？为什么在新窗口打开？别急，今天咱们就花5分钟，把这件事彻底聊透。

说实话，我刚开始用DW那会儿，也踩过不少坑。有一次给客户做企业站，友情链接那块愣是搞了一下午——因为客户非要让链接在新窗口打开，我却在属性面板里怎么也找不到那个选项。后来才发现，原来是自己不够细心。所以今天这篇教程，我会把每一个按钮、每一个参数都掰开揉碎了讲清楚，保证你跟着做一遍就能记住。

第一步：准备工作——先搞清楚你要把链接放在哪

在动手之前，你得先想好：友情链接放在哪个页面？是首页，还是单独一个“友情链接”页面？如果是首页，通常是在底部或者侧边栏。如果是独立页面，那就更简单了。

打开DW，找到你要编辑的页面。这里有个小技巧：如果你用的是DW的“设计”视图（就是那种能看到文字和图片布局的视图），操作起来会非常直观。如果你习惯用“代码”视图，也没问题，但新手我建议先用设计视图，不容易出错。

第二步：插入链接的两种主流方法

在DW里设置友情链接，其实就两条路：一是用“插入”菜单，二是直接在属性面板里改。咱们先说最常用的方法。

方法A：用属性面板（推荐新手）

1. 在页面上选中你准备作为链接的文字。比如，你写了一行“访问小明网站”，那就把这几个字选中。

2. 看DW界面下方的“属性”面板（如果没看到，按Ctrl+F3调出来）。在“链接”那个输入框里，直接输入对方的网址，比如https://www.xiaoming.com。注意，一定要带上http://或者https://，否则浏览器不知道这是外部链接，可能会当成相对路径来处理，到时候点进去就是404。

3. 在“目标”下拉菜单里，选择“_blank”。这一步非常关键！如果不选，默认是在当前窗口打开，那用户一点你的友情链接，你的网站就没了，用户体验极差。选了“_blank”，链接会在新标签页打开，用户看完对方网站，关掉标签页还能继续看你的站。

方法B：用“插入”菜单（适合批量操作）

如果你有很多友情链接要加，比如一长串合作伙伴列表，用这个方法更快：

1. 把光标放在你想插入链接的位置。

2. 点击顶部菜单栏的“插入” -> “超级链接”。

3. 在弹出的对话框里，填上“文本”（就是显示出来的文字）和“链接”（网址）。同样，别忘了在“目标”里选“_blank”。

4. 点击确定，搞定。这种方法的好处是，你不用先打字再选中，而是直接一步到位生成带链接的文字。

第三步：进阶操作——给链接加上“nofollow”属性（SEO必备）

如果你是做SEO的，或者老板要求友情链接不能传递权重，那你就得在链接上加一个“rel=nofollow”属性。这个属性告诉搜索引擎：这个链接我不担保质量，你别把我网站的权重分给它。

在DW里怎么加？别慌，很简单。

1. 切换到“代码”视图（或者“拆分”视图，左边代码右边设计）。

2. 找到你刚才做的那个友情链接的代码，它大概长这样：<a href="https://www.xiaoming.com" target="_blank">访问小明网站</a>

3. 在target="_blank"后面，加一个空格，然后输入rel="nofollow"。最终代码变成：<a href="https://www.xiaoming.com" target="_blank" rel="nofollow">访问小明网站</a>

4. 保存文件。这个链接现在就不会传递权重了。

我知道有些朋友可能会问：“我能不能在属性面板里直接设置nofollow？”很遗憾，DW的默认属性面板没有这个选项，你得手动改代码。但别怕，就加几个单词，比打字聊天还简单。

第四步：检查链接是否有效（别让死链坑了你）

链接做完了，千万别急着关DW。我见过太多人，辛辛苦苦做了一堆友情链接，结果第二天发现对方网站改域名了，或者自己不小心把http打成了htp，点进去全是错误页面。这不仅影响用户体验，搜索引擎也会扣分。

怎么检查？最简单的方法：

1. 在DW里按F12，或者点击“在浏览器中预览”按钮，用默认浏览器打开页面。

2. 逐个点击你刚做好的友情链接，看能不能正常打开。

3. 如果发现打不开，回DW里修改链接地址。

另外，如果你友情链接数量特别多（比如50个以上），手动点一遍太累。你可以用DW的“检查链接”功能：点击菜单栏的“站点” -> “检查站点范围的链接”。DW会扫描整个网站，把所有断开的链接（包括友情链接）列出来。这个功能很强大，但我发现很多老用户都不知道，今天分享给你，省得以后一个个排查。

第五步：让友情链接看起来更专业——加个图标或者描述

如果你只是放一排纯文字链接，比如“友情链接：A网站 B网站 C网站”，说实话，有点寒酸。稍微讲究点的网站，会在友情链接旁边加个小地球图标，或者加一行简短的介绍。

在DW里，你可以这样操作：

1. 在文字链接前面，插入一张图片（比如一个16x16像素的小地球图标）。选中图片，在属性面板的“链接”框里输入网址，同样设置目标为“_blank”。这样用户点击图标也能跳转。

2. 或者，在链接文字后面加一个
换行，然后写一行小字介绍，比如“小明网站——专注分享网页设计技巧”。这行介绍不用加链接，只是让用户知道这个网站是干嘛的，增加可信度。

当然，如果你是做正规友情链接交换，通常双方会约定好：文字链接，或者带图标的链接，甚至加上对方网站的关键词。这些都可以在DW里轻松实现，原理一样，无非是改改文字和图片。

几个容易踩的坑，我帮你提前排雷

1. 链接地址忘了加http://：这是最常见的错误。如果你只写了www.xiaoming.com，浏览器会把它当成相对路径，比如你的域名是www.your.com，那链接就会变成www.your.com/www.xiaoming.com，根本打不开。千万记得加上http://或者https://。

2. 目标忘了选“_blank”：默认是“_self”，也就是在当前窗口打开。用户一点链接，你的网站就被覆盖了，回都回不来。除非你故意想让用户留在对方网站，否则一定选“_blank”。

3. 多个友情链接堆在一起没有分隔：比如你写了“友情链接：A网站 B网站 C网站”，每个链接之间最好用“|”或者空格隔开，或者用列表（ul li）的形式。在DW里，你可以先做一个无序列表，然后给每个列表项加链接，这样排版清晰，也方便以后增减。

4. 忘记保存文件：这个听起来很蠢，但真有人做完链接不保存就直接上传到服务器，结果白忙活。在DW里，按Ctrl+S保存，养成习惯。

写在最后：其实友情链接没那么玄乎

你看，从选文字、填链接、设目标，到加nofollow、检查死链，总共也就5步。我写这篇文章的时候，特意放慢了节奏，把每个细节都讲透，就是希望你能一次性学会，而不是看完了还懵懵懂懂。

最后说句实在话：友情链接虽然技术门槛低，但它背后的逻辑很重要——你链接的网站质量高不高？对方有没有被搜索引擎惩罚？这些都需要你自己判断。DW

5分钟学会！DW中如何设置友情链接的详细步骤

说到做网站，友情链接这个东西，听起来好像挺简单的，不就是加个超链接嘛。但真到了Dreamweaver（简称DW）里操作，很多新手朋友容易犯迷糊：到底是直接写代码，还是用可视化工具？链接做好了，为什么点不进去？为什么在新窗口打开？别急，今天咱们就花5分钟，把这件事彻底聊透。

说实话，我刚开始用DW那会儿，也踩过不少坑。有一次给客户做企业站，友情链接那块愣是搞了一下午——因为客户非要让链接在新窗口打开，我却在属性面板里怎么也找不到那个选项。后来才发现，原来是自己不够细心。所以今天这篇教程，我会把每一个按钮、每一个参数都掰开揉碎了讲清楚，保证你跟着做一遍就能记住。

第一步：准备工作——先搞清楚你要把链接放在哪

在动手之前，你得先想好：友情链接放在哪个页面？是首页，还是单独一个“友情链接”页面？如果是首页，通常是在底部或者侧边栏。如果是独立页面，那就更简单了。

打开DW，找到你要编辑的页面。这里有个小技巧：如果你用的是DW的“设计”视图（就是那种能看到文字和图片布局的视图），操作起来会非常直观。如果你习惯用“代码”视图，也没问题，但新手我建议先用设计视图，不容易出错。

第二步：插入链接的两种主流方法

在DW里设置友情链接，其实就两条路：一是用“插入”菜单，二是直接在属性面板里改。咱们先说最常用的方法。

方法A：用属性面板（推荐新手）

1. 在页面上选中你准备作为链接的文字。比如，你写了一行“访问小明网站”，那就把这几个字选中。

2. 看DW界面下方的“属性”面板（如果没看到，按Ctrl+F3调出来）。在“链接”那个输入框里，直接输入对方的网址，比如https://www.xiaoming.com。注意，一定要带上http://或者https://，否则浏览器不知道这是外部链接，可能会当成相对路径来处理，到时候点进去就是404。

3. 在“目标”下拉菜单里，选择“_blank”。这一步非常关键！如果不选，默认是在当前窗口打开，那用户一点你的友情链接，你的网站就没了，用户体验极差。选了“_blank”，链接会在新标签页打开，用户看完对方网站，关掉标签页还能继续看你的站。

方法B：用“插入”菜单（适合批量操作）

如果你有很多友情链接要加，比如一长串合作伙伴列表，用这个方法更快：

1. 把光标放在你想插入链接的位置。

2. 点击顶部菜单栏的“插入” -> “超级链接”。

3. 在弹出的对话框里，填上“文本”（就是显示出来的文字）和“链接”（网址）。同样，别忘了在“目标”里选“_blank”。

4. 点击确定，搞定。这种方法的好处是，你不用先打字再选中，而是直接一步到位生成带链接的文字。

第三步：进阶操作——给链接加上“nofollow”属性（SEO必备）

如果你是做SEO的，或者老板要求友情链接不能传递权重，那你就得在链接上加一个“rel=nofollow”属性。这个属性告诉搜索引擎：这个链接我不担保质量，你别把我网站的权重分给它。

在DW里怎么加？别慌，很简单。

1. 切换到“代码”视图（或者“拆分”视图，左边代码右边设计）。

2. 找到你刚才做的那个友情链接的代码，它大概长这样：<a href="https://www.xiaoming.com" target="_blank">访问小明网站</a>

3. 在target="_blank"后面，加一个空格，然后输入rel="nofollow"。最终代码变成：<a href="https://www.xiaoming.com" target="_blank" rel="nofollow">访问小明网站</a>

4. 保存文件。这个链接现在就不会传递权重了。

我知道有些朋友可能会问：“我能不能在属性面板里直接设置nofollow？”很遗憾，DW的默认属性面板没有这个选项，你得手动改代码。但别怕，就加几个单词，比打字聊天还简单。

第四步：检查链接是否有效（别让死链坑了你）

链接做完了，千万别急着关DW。我见过太多人，辛辛苦苦做了一堆友情链接，结果第二天发现对方网站改域名了，或者自己不小心把http打成了htp，点进去全是错误页面。这不仅影响用户体验，搜索引擎也会扣分。

怎么检查？最简单的方法：

1. 在DW里按F12，或者点击“在浏览器中预览”按钮，用默认浏览器打开页面。

2. 逐个点击你刚做好的友情链接，看能不能正常打开。

3. 如果发现打不开，回DW里修改链接地址。

另外，如果你友情链接数量特别多（比如50个以上），手动点一遍太累。你可以用DW的“检查链接”功能：点击菜单栏的“站点” -> “检查站点范围的链接”。DW会扫描整个网站，把所有断开的链接（包括友情链接）列出来。这个功能很强大，但我发现很多老用户都不知道，今天分享给你，省得以后一个个排查。

第五步：让友情链接看起来更专业——加个图标或者描述

如果你只是放一排纯文字链接，比如“友情链接：A网站 B网站 C网站”，说实话，有点寒酸。稍微讲究点的网站，会在友情链接旁边加个小地球图标，或者加一行简短的介绍。

在DW里，你可以这样操作：

1. 在文字链接前面，插入一张图片（比如一个16x16像素的小地球图标）。选中图片，在属性面板的“链接”框里输入网址，同样设置目标为“_blank”。这样用户点击图标也能跳转。

2. 或者，在链接文字后面加一个
换行，然后写一行小字介绍，比如“小明网站——专注分享网页设计技巧”。这行介绍不用加链接，只是让用户知道这个网站是干嘛的，增加可信度。

当然，如果你是做正规友情链接交换，通常双方会约定好：文字链接，或者带图标的链接，甚至加上对方网站的关键词。这些都可以在DW里轻松实现，原理一样，无非是改改文字和图片。

几个容易踩的坑，我帮你提前排雷

1. 链接地址忘了加http://：这是最常见的错误。如果你只写了www.xiaoming.com，浏览器会把它当成相对路径，比如你的域名是www.your.com，那链接就会变成www.your.com/www.xiaoming.com，根本打不开。千万记得加上http://或者https://。

2. 目标忘了选“_blank”：默认是“_self”，也就是在当前窗口打开。用户一点链接，你的网站就被覆盖了，回都回不来。除非你故意想让用户留在对方网站，否则一定选“_blank”。

3. 多个友情链接堆在一起没有分隔：比如你写了“友情链接：A网站 B网站 C网站”，每个链接之间最好用“|”或者空格隔开，或者用列表（ul li）的形式。在DW里，你可以先做一个无序列表，然后给每个列表项加链接，这样排版清晰，也方便以后增减。

4. 忘记保存文件：这个听起来很蠢，但真有人做完链接不保存就直接上传到服务器，结果白忙活。在DW里，按Ctrl+S保存，养成习惯。

写在最后：其实友情链接没那么玄乎

你看，从选文字、填链接、设目标，到加nofollow、检查死链，总共也就5步。我写这篇文章的时候，特意放慢了节奏，把每个细节都讲透，就是希望你能一次性学会，而不是看完了还懵懵懂懂。

最后说句实在话：友情链接虽然技术门槛低，但它背后的逻辑很重要——你链接的网站质量高不高？对方有没有被搜索引擎惩罚？这些都需要你自己判断。DW