做站七年，我见过太多人拿着Dreamweaver（简称DW）当宝贝，结果做出来的页面乱成一锅粥。别笑，这真不是DW不好，是你没搞对路子。现在纯手写代码或者用老工具做静态站，图的就是个快、稳、轻量。今天不扯那些虚头巴脑的理论，直接上干货，讲讲怎么用DW做静态网站的步骤，全是实打实的经验。

很多人第一步就错了，一上来就画表格。都2024年了，谁还搞TABLE布局？那是十年前的老黄历。你要先理清思路，静态网站的核心是HTML结构清晰，CSS样式分离。打开DW，别急着敲代码，先新建一个站点。这点至关重要，很多新手忽略这一步，导致图片路径全错，换台电脑就打不开。在“站点”菜单里新建，本地根文件夹选你电脑上一个专门的文件夹，比如D:/MySite。这样DW才能正确管理你的文件引用。

接下来是创建页面。新建HTML文件，默认代码里有一堆注释，看着心烦，直接删掉，只保留基本的DOCTYPE、html、head、body标签。这时候，用DW的代码视图比设计视图靠谱多了。设计视图虽然直观，但经常会产生一堆垃圾代码，后期清理能累死人。

布局阶段，建议用DIV+CSS。在body里插入一个div，class命名为container，作为主容器。里面再分header、nav、content、footer。别用DW自带的布局面板，那个生成的代码兼容性差，还难修改。手动写div标签，配合CSS控制宽高和浮动。这里有个小技巧，DW的代码提示功能其实挺好用，按住Alt键可以触发代码片段，能省不少打字时间。

样式部分，单独建一个style.css文件，然后在head里用link标签引入。千万别把CSS写在html里，那样维护起来简直是灾难。在DW里，你可以直接双击CSS文件进入样式表视图，可视化调整字体、颜色、边距。对于小白来说，这比纯敲代码友好得多。但是，记得定期切回代码视图检查，有时候可视化操作会生成冗余属性。

图片处理也是关键。静态站最怕图片太大，加载慢。在DW里插入图片时，务必检查“图像优化”选项。把PNG转JPG，或者用TinyPNG压缩一下再上传。路径一定要用相对路径，别用绝对路径，不然你以后换域名或者迁移服务器，图片全挂。

链接和锚点设置，DW有个“链接”按钮，点击后选择目标文件。注意，如果是同级目录，直接选文件名；如果是子目录，记得加文件夹前缀。很多新手链接点不动，90%是因为路径写错了。

最后是测试和发布。DW内置了浏览器预览功能，按F12或者Ctrl+Enter，可以在多个浏览器里看效果。重点看IE（如果还要兼容的话）、Chrome和Firefox。静态站不需要数据库，所以发布很简单，把整个站点文件夹上传到服务器根目录就行。FTP工具用FileZilla，比DW自带的FTP功能稳定得多。

整个过程下来，你会发现用DW做静态网站的步骤其实并不复杂，难的是细节把控。比如代码缩进要整齐，注释要清晰，这样以后你自己改起来也方便。别迷信可视化操作，多敲代码，理解HTML结构才是根本。

有些朋友喜欢用DW的模板功能，做重复页面。这招在做大站时很管用，但做小站反而麻烦，因为一旦改个全局样式，所有页面都要重新生成，容易出错。新手建议先手动写几个页面，熟练后再考虑模板。

记住，工具只是工具，核心还是你的网页结构是否合理，代码是否语义化。DW虽然老了点，但它的代码编辑体验依然在线，特别是对于习惯传统开发模式的人来说。别被那些花哨的新编辑器忽悠了，稳定、可控才是硬道理。

如果你按照这些步骤走，基本能避开80%的坑。剩下的20%，就是靠你慢慢积累手感了。做站这事儿，急不得，一步步来，看着代码一行行变成网页，那种成就感，挺爽的。