刚接触建站那会儿，我也被各种代码搞得头大。看着满屏的英文字母，心里直发毛。现在回头看，其实没那么玄乎。用dw做网页的步骤，说白了就是搭积木。今天我不讲那些虚头巴脑的理论，就聊聊我干了7年这行，总结出来的实战干货。
很多人问，为什么现在还有人用DW？因为简单啊，所见即所得。对于新手来说，不用天天盯着代码改bug，这点太重要了。
第一步，得有个好心情，还得有个好环境。别一上来就敲代码。先打开DW，新建一个站点。这一步别偷懒，很多新手直接建个网页，结果图片路径全乱套，最后导出网站全是红叉。你要在“站点”菜单里，指定一个本地文件夹。比如你的D盘有个“我的网站”文件夹。这样，所有素材、HTML文件都归拢在一起。心里踏实，干活才稳。
第二步，布局。别急着写代码，先在脑子里过一遍。你想做成什么样？是左边导航右边内容，还是上面大图下面三栏？DW有个“设计”视图，你可以拖拽表格或者层。但我建议，别太依赖拖拽。用表格或者DIV+CSS。我习惯先画个草图，大概确定比例。比如头部占20%，主体占80%。在DW里，你可以插入一个表格，设置好列数和宽度。这时候，你会看到网页雏形出来了。虽然丑点，但骨架有了。
第三步，填肉。也就是加内容。图片、文字、链接。这里有个坑，图片路径。如果你用了相对路径，千万别把图片文件夹和HTML文件混在一起。最好建个“images”文件夹，统一放图。我在做第一个项目时，因为路径搞错，换了台电脑看，图片全没了，尴尬得想钻地缝。所以，路径规范是铁律。文字部分，直接用DW的文本工具打字，别从Word复制粘贴，那里面全是乱七八糟的格式代码，会让你的网页变得巨臃肿。
第四步，美化。这时候网页还是灰扑扑的。得加CSS。DW有个“代码”视图，你可以直接写样式。比如给标题加个颜色，给段落加点间距。如果你不懂CSS，别慌，DW有个“属性”面板，选中元素，右边就能改颜色、字体大小。虽然不如手写灵活，但足够应付简单页面。记住，样式要尽量外联，别写在HTML里，不然以后改样式，你得一个个页面翻，累死人。
第五步，预览和调试。写完别急着发布。先在DW里按F12，用浏览器预览。看看布局有没有错位，链接能不能点。我常遇到一种情况，在DW里看着好好的，一到IE浏览器就乱码。所以，多换几个浏览器试试。特别是手机端的显示，现在移动端流量这么大，你得确保网页在小屏幕上也能看。如果布局乱了，回去检查你的CSS，是不是用了固定宽度，没做响应式处理。
用dw做网页的步骤，其实就这些。但细节决定成败。比如，每写一段代码，记得保存。DW有自动保存功能，但别完全依赖它。再比如，代码要缩进，整齐点，以后你自己看都舒服。
我见过太多新手，为了追求特效，加了一堆Flash或者复杂的JS，结果网站加载慢得像蜗牛。用户等不及就关了。咱们做站，目的是让人看，不是炫技。简洁、快速、清晰，才是王道。
还有，别怕报错。DW会提示错误，红波浪线看着心烦，但那是它在帮你。点一下，它通常会告诉你缺了闭合标签，或者属性写错了。顺着提示改，慢慢你就懂了。
最后，多看看别人的源码。去网上找几个你觉得好看的静态页面，右键查看源代码，研究人家怎么写的。模仿是学习的捷径。我刚开始也是这么过来的，抄着抄着，就悟出点门道了。
建站这条路，没有捷径，只有积累。每一次报错，每一次调整，都是在积累经验值。当你第一次独立做出一个能跑的网页时，那种成就感，真的爽。
所以，别犹豫，打开DW，新建站点，开始你的第一次尝试吧。哪怕做得丑点，那也是你亲手搭起来的房子。
