本文关键词：用DW做的网站生成链接

做建站这行七年了，见过太多新手被Dreamweaver（简称DW）坑得怀疑人生。

前两天有个哥们儿私信我，说用DW做了个企业官网，上传服务器后，点击链接要么打不开，要么就是乱码。他急得团团转，问我是不是软件坏了。

我让他把代码发我一眼，大概扫了一下，乐了。

问题不出在软件，出在“习惯”。

很多刚入行或者自学成才的朋友，总觉得DW是个所见即所得的魔法棒。拖个图片，敲几行字，点保存，完事。

大错特错。

DW本质是个代码编辑器，虽然界面像Word，但它处理的是HTML、CSS这些底层逻辑。你生成的链接，如果路径不对，那就是个死链。

我拿我自己刚给一家餐饮店做的案例说事儿。

那家店老板想要个简单的展示页，我就用DW搭的架子。当时为了省事，我用了相对路径。

本地测试的时候，一切正常。

图片能看，链接能跳。

结果上传到阿里云服务器，傻眼了。

首页能打开，点“联系我们”，直接404。

老板打电话来骂街，说花了钱连个电话都打不通。

我当时心里也咯噔一下，赶紧排查。

发现是图片路径和链接路径混用了绝对路径和相对路径。

在DW里，如果你直接复制粘贴网上的图片链接，或者从其他文件夹直接拖进去，DW有时候会自作聪明地修改路径。

特别是当你把网站文件夹从D盘移到E盘，或者从本地移到服务器时，那些硬编码的路径就全废了。

怎么解决？

别信什么一键发布插件，那玩意儿在DW里经常抽风。

老老实实写代码。

生成链接的时候，一定要用相对路径。

比如，你的图片在images文件夹里，代码里就写src="images/logo.png"。

别写src="D:/website/images/logo.png"。

后者在本地是好使的，但换个环境就挂了。

还有，DW自带的“检查文档”功能，虽然有点鸡肋，但偶尔能抓出几个明显的语法错误。

记得用。

另外，很多新手不知道，DW生成的HTML代码，有时候会带一堆微软的垃圾代码。

比如里莫名其妙多出几个标签，或者里有一堆看不见的注释。

这些垃圾代码不仅影响加载速度，还可能导致浏览器解析链接时出错。

我一般生成代码后，会用VS Code或者Sublime Text再清理一遍。

删掉那些DW自动生成的冗余标签。

这样生成的链接，干净利落，兼容性也好。

再说说那个“生成链接”的操作。

在DW里，选中文字或图片，点属性面板里的链接图标，或者右键选“链接”。

这时候弹出的对话框，如果你选“浏览”，它可能会让你选服务器上的文件。

千万别这么干。

除非你配置了FTP连接，并且服务器路径和本地完全一致。

否则，直接手动输入路径。

比如链接到另一个页面，就写about.html。

链接到外部网站，就写http://www.baidu.com。

简单粗暴，最有效。

我之前有个客户，非要用DW的“站点管理”功能来同步文件。

结果同步了一半，网络断了。

再打开DW，发现很多链接变成了空值。

因为他之前用的都是相对路径，但DW在同步时，把一些路径解析成了绝对路径。

这就很尴尬。

所以，我的建议是：

1. 本地开发时，严格使用相对路径。

2. 上传前，用浏览器预览，逐个点击链接测试。

3. 上传到服务器后，再次测试。

4. 如果可能，尽量不用DW做复杂交互，它更适合静态页面。

现在的趋势是，大家要么用WordPress，要么用Vue、React。

DW确实有点老了。

但对于一些简单的、不需要频繁更新的静态展示页，DW依然好用。

只要你不把它当成Word用，而是当成代码编辑器用，它就能帮你省不少事。

别怕麻烦，多检查几遍路径。

毕竟，链接打不开，用户体验就是零。

咱们做站长的，面子工程做再好，里子要是漏了，那也是白搭。

希望这篇碎碎念，能帮到正在用DW折腾的你。

如果有遇到具体的报错代码，欢迎留言，我看看能不能帮上忙。

毕竟，踩过的坑多了，也就成了经验。

共勉。