本文关键词：如何用dw做网站框架
做建站这行七年了，见过太多新手一上来就搞什么复杂的CMS系统，结果后台卡得动不了，SEO也做不好。其实对于很多中小企业官网，或者个人作品集，用Dreamweaver这种老牌工具，老老实实写代码搭框架，才是王道。虽然DW现在被很多人说淘汰了，但你要问如何用dw做网站框架，我告诉你，只要思路对，它比那些花里胡哨的拖拽建站快得多，而且代码干净，百度蜘蛛最喜欢这种。
先说个真事儿。上个月有个客户找我救火，他的网站是用某免费建站平台做的，模板丑不说，加载速度巨慢。我打开源码一看，全是冗余代码，根本没法优化。我就劝他，别折腾那些了，直接上DW，自己手写HTML+CSS。他当时脸都绿了，说不会写代码。我说，框架嘛，不用全懂，套个结构就行。
那具体咋弄呢？别一打开DW就急着画格子，那是新手最容易犯的错误。你得先想好网站结构。比如首页、关于我们、产品展示、联系我们，这四个板块是必须的。在DW里，我习惯先建一个HTML文件，命名为index.html。然后在body标签里，用div把页面分成header（头部）、nav（导航）、main（主体）、footer（底部）。这个结构，不管你怎么变，底层逻辑是不变的。
很多人问，如何用dw做网站框架才能既美观又规范？我的建议是，别依赖DW自带的“设计视图”，那个视图看着像Word，但生成的代码一塌糊涂。一定要切到“代码视图”。先写HTML骨架，比如：
这里有个坑，千万别用table来布局，那是十年前的做法了，现在百度排名靠前的站，基本都用div+css浮动或者flex布局。虽然DW里有些插件能帮你生成，但我建议手动敲，虽然慢点，但你能理解每一行代码的意思。
接着就是CSS了。新建一个style.css文件，然后在html里link引入。这里要注意，如何用dw做网站框架里的样式重置很重要。很多新手写的页面，在不同浏览器下间距不一样，就是因为没做reset。我在代码开头通常会加一段简单的CSS reset，把margin和padding都归零，这样后续开发心里有底。
再说说图片处理。DW里插入图片，一定要记得加alt属性，这对SEO至关重要。比如
，别偷懒。还有，图片路径要用相对路径，别用绝对路径，不然换域名或者换服务器的时候，你会哭的。
有个细节，很多教程里不说。在DW里写代码时，善用缩进。哪怕你不用格式化代码功能，自己也要手动敲空格或Tab，让代码层级清晰。不然过两周你自己都看不懂哪段代码对应哪个div，到时候改bug能改到你怀疑人生。
最后，发布前一定要预览。DW自带的浏览器预览功能虽然简陋，但能帮你检查基本的布局错乱。如果有条件，最好用Chrome开发者工具看看响应式效果。毕竟现在手机流量比电脑大，框架要是不能在手机上正常显示，那这网站就白做了。
总之，建站不是玄学，是手艺活。用DW搭框架，虽然起步有点枯燥，但底子打好了，后面加内容、做优化都顺手。别总想着走捷径，那些捷径往往是最远的路。多敲几行代码，多研究下W3C标准，你会发现，如何用dw做网站框架其实没那么难，难的是你愿不愿意静下心来，一行一行去磨。
记住，代码洁癖是好事，尤其是做SEO的站，干净的代码就是好排名的开始。别怕麻烦，现在的麻烦，是为了以后的省心。
