干建站这行八年了，见过太多新手拿着Dreamweaver（简称DW）当宝贝，以为装个软件就能搞定网站。说实话，现在纯手写代码建站的少了，但懂点DW逻辑，对理解网页结构真有帮助。今天不整那些虚头巴脑的理论，就聊聊怎么用最笨但也最扎实的方法，把站搭起来。

先说个扎心的真相：DW早就不是主流建站工具了，WordPress、Shopify这些CMS更香。但你要是为了学习HTML/CSS，或者接那种需要精细控制的私单，DW还是能用的。不过，别指望点几下鼠标就能出个高大上的官网，那都是骗小白的。

第一步，别急着画页面，先理清结构。

很多新人一上来就打开DW，对着空白文档瞎写。错！大错特错。你得先在脑子里，或者纸上，把网站分哪几个板块：首页、关于我们、产品展示、联系方式。每个板块里放啥内容，大概长啥样。比如首页，上面是轮播图，中间是三个特色服务图标，下面是新闻列表。心里有谱了，再动手。这一步省了，后面改代码改到你怀疑人生。

第二步，搭建骨架，也就是HTML部分。

打开DW，新建HTML文档。这时候，别用可视化视图，切换到代码视图。虽然DW有可视化编辑功能，但我强烈建议新手多敲代码。为什么？因为可视化编辑生成的代码往往臃肿不堪，全是多余的标签，对SEO极其不友好。你要学会写标准的HTML5标签，比如

、