说真的，现在还有人用Dreamweaver做静态网页吗？肯定有人骂我老古董。但别急着喷，如果你是想快速出活、或者公司预算有限只做个简单的展示页，DW依然是那个“虽然丑但好用”的老伙计。我干了五年前端，见过太多新人被VS Code的插件配置搞崩溃，最后转头回来求我教他们怎么在DW里拖拽出一个能看的布局。今天不聊那些高大上的React Vue，就聊聊最朴实的dw静态网页制作，怎么用最笨的办法解决最急的问题。
记得去年有个做婚庆策划的朋友找我，说甲方要个简单的作品集网站，明天就要看。我打开电脑，没装Node，没配Webpack，直接打开DW。界面还是那个灰扑扑的样子，说实话，刚打开的时候我都有点恍惚，以为自己穿越回了2010年。但当你看到代码视图和可视化视图并排时，那种掌控感是真实的。很多新手觉得DW的可视化编辑是垃圾，那是他们没试过在移动端适配上直接拖拽元素调整间距。当然，我也得承认，DW生成的代码有时候确实有点啰嗦，满屏的font-size和color，看着就头疼。但这又怎样？对于静态页面来说，浏览器认的是最终渲染出来的样子，不是代码写得有多优雅。
我在做这个项目的时候，遇到个特别搞心态的问题。我在设计视图里放了一张背景图，怎么调都错位。查了半天文档，发现是DW默认的盒模型计算方式和我现在的CSS3标准有点冲突。这时候千万别慌，直接切到代码视图。你看，这就是DW的好处，它虽然臃肿，但它把HTML和CSS的对应关系展示得很直观。我手动删掉了DW自动添加的那些冗余样式，重新写了个flex布局。大概花了十分钟，页面就整齐了。这个过程让我意识到，dw静态网页制作的核心不是工具本身，而是你对HTML结构的理解。工具只是拐杖，你得会走路。
还有个细节，很多人不知道DW的“保存”快捷键其实可以自定义。我习惯用Ctrl+S，但有时候手滑按成了Ctrl+Shift+S，结果文件到处乱跑，找得我想砸键盘。这种小失误在赶工期的时候特别致命。所以我后来专门在设置里把自动保存关了，强迫自己每写完一个模块就手动保存一次。虽然麻烦，但心里踏实。还有啊，DW里的代码提示功能真的挺鸡肋的，经常弹出一些过时的标签，比如
部署也是个坑。以前我觉得把文件传到FTP服务器就行，结果发现图片路径全乱了。因为DW在本地预览时用的是相对路径，但上传到服务器后，如果目录结构稍微变一下，图片就404了。我那次差点被甲方骂死，最后不得不把所有图片路径改成绝对路径，或者统一放到一个img文件夹里引用。这教训太深刻了，做静态网站，路径管理比写代码本身还重要。你要时刻想着，这个页面是要被放在根目录，还是子目录，或者是某个二级域名下。
其实，用DW做静态页面，最大的优势就是“快”。对于不需要复杂交互、不需要SEO极致优化的页面，它能让你的效率翻倍。你不需要理解那些复杂的构建工具，不需要配置Babel，只需要写好HTML和CSS，预览，调整，再预览，再调整。这种简单的闭环，对于初学者来说，是建立信心的最好方式。别看不起简单的东西，能把简单的东西做到极致，也是一种本事。
最后想说，工具没有好坏，只有适不适合。如果你追求极致的性能，去写原生代码；如果你追求快速的交付，DW依然是个好选择。别被那些“过时论”吓住，干活才是硬道理。当你看到客户满意的笑脸，或者拿到那笔及时到账的尾款时，你会发现，管它用什么工具，能解决问题的就是好工具。当然，如果你有时间，还是建议学学现在的流行框架，毕竟时代在变，咱们也得跟着变，对吧？