dw做网站基础入门指南：老站长掏心窝子教你避开那些坑

你是不是刚下载了Dreamweaver，看着满屏代码头都大了？别慌，这篇文就是给你这种小白准备的，直接告诉你咋用DW建个能看的网站。我不讲那些虚头巴脑的理论，只讲实操，保证你看完能上手。

先说个扎心的事实，现在都2024年了，还有很多人问我，DW是不是过时了？我说，过时的是你的思维，不是工具。DW做网站基础这块，其实核心就俩字：布局。只要你会用表格或者div，剩下的就是体力活。

很多新手一上来就写代码，结果改个颜色找半天，累得半死。听我一句劝，先学会用“设计视图”。虽然它有时候会抽风，但用来快速搭建骨架是真香。你拖个表格进去，调整一下行列，网站的大致模样就出来了。这时候别急着写代码，先看看效果。

说到dw做网站基础，最让人头疼的就是代码和视图的切换。有时候你在设计视图里改了个字体，切到代码视图一看，好家伙，一堆乱码似的属性。这时候别慌，那是DW在自动给你生成CSS。你只需要知道，那个style属性就是管样子的。

我当年刚入行的时候，也是这么过来的。记得有次做个企业官网，老板让我把Logo放左上角，导航放右边。我在那儿调了半天margin和padding，调得眼都花了。后来发现，直接用表格的align属性或者简单的float浮动，分分钟搞定。这就是dw做网站基础的精髓，别把简单问题复杂化。

还有啊，别太依赖自动生成的代码。DW有时候生成的代码那叫一个臃肿，全是冗余标签。你保存一下文件，用浏览器打开看看，再右键查看源代码，你会发现里面全是没用的东西。这时候你得手动清理，把那些多余的span、font标签都删了。虽然麻烦点，但为了网站加载速度，这步不能省。

说到加载速度，我就想起之前有个客户，网站打开慢得像蜗牛。我查了半天，发现是他用了DW默认的一些背景图片和大文件。其实做网站，图片能压缩就压缩，能用CSS画的就别用图片。这也是dw做网站基础里容易被忽略的细节。

另外，别忘了给网页加个标题。很多新手做完网站，直接发布，结果搜索引擎收录的时候，标题全是“Untitled Document”。这多掉价啊。在代码的部分，找到