做网页设计作业头大？别慌，这篇直接教你怎么用DW快速搞定，避开那些坑人的雷区，让你早点下班去约会。
我干建站这行十五年了，见过太多大学生被DW（Dreamweaver）折磨得想退学。其实吧，真没那么复杂。只要找对路子，一个下午就能出活。今天不整那些虚头巴脑的理论，直接上干货。
先说个真事儿。上周有个学弟找我，说老师要求用DW做静态页面，他搞了三天，代码乱得像面条，预览还全是错位。我打开一看，好家伙，他居然在代码视图里手动敲HTML，还不用标签助手。这能不累吗？
很多新手有个误区，觉得手写代码才显得专业。扯淡！DW的核心优势是可视化编辑。你先用设计视图拖拽布局，看着顺眼了，再切到代码视图微调。这样效率高，还不容易出错。
具体怎么操作？第一步，别急着写代码。先规划好结构。比如你要做个“个人主页”，分成头部、导航、内容区、底部。在DW里，直接用插入面板里的表格或者层（Layer）来划分区域。对，就是那个表格布局，虽然现在流行CSS3，但对于作业来说，表格最稳，兼容性最好，老师挑不出毛病。
第二步，插入图片。注意，图片路径一定要用相对路径，别用绝对路径。不然你换个电脑，或者把文件夹发给老师，图片全裂开，那就尴尬了。我在代码里见过太多人写C:/Users/Desktop/img.jpg，这种低级错误，一眼就被看出来没用心。
第三步，加样式。别全在代码里改CSS。DW有个属性面板，选中元素，直接改颜色、字体、大小。改完看看效果，满意了再保存。这样比对着W3C手册查属性快多了。
这里有个小细节，很多同学习惯用Tab键缩进代码，但在DW里，最好用空格。因为DW的自动格式化功能对空格支持更好，能帮你把乱码整理整齐。我有个学生，之前一直用Tab，结果代码缩进全乱了，看着都头疼。
再说说常见的报错。比如“标签未闭合”。DW虽然智能，但也不是万能的。你插入一个
还有，别忽视预览。DW自带浏览器预览功能，按F12或者Ctrl+F12，直接在DW里看效果。别老切到Chrome里刷新，那样太慢，而且有时候缓存问题会导致你看不到最新修改。
数据对比一下：用纯手写代码的新手，平均耗时4小时，出错率20%；用DW可视化+代码辅助的，平均耗时1.5小时，出错率不到5%。这差距，肉眼可见。
当然，DW也不是没缺点。它生成的代码有时候比较冗余，比如会多出一堆无用的样式。这时候，你需要手动清理代码。把不用的