你是不是也遇到过这种情况？花大价钱找人做个网站，结果打开一看，代码乱得像盘丝洞，换个图片都要重新排版，手机上看更是惨不忍睹。更气人的是，以后想改个文字，还得找当初建站的人，人家爱理不理，或者还要收你一笔“修改费”。

这种痛苦，我见过太多了。

很多刚入行的朋友，或者想自己折腾网站的小老板，第一反应都是去网上搜教程。这时候，“dw建设网站教案”这几个字就会跳出来。大家以为照着视频做就能搞定，结果往往是：视频里能行，到自己电脑上就报错；或者做出来的页面，在IE浏览器里正常，在Chrome里就错位。

别急，今天咱们不整那些虚头巴脑的理论，就聊聊怎么用最笨但最稳的方法，把网站建起来。

首先，你得明白Dreamweaver（简称DW）是什么。它不是魔法棒，它是个可视化的代码编辑器。也就是说，你看到的页面，背后全是HTML和CSS代码。很多新手不敢看代码，只敢拖拽组件。这就像学开车不看仪表盘，出了故障你根本不知道是哪坏了。

我有个学员叫小李，去年想做个企业官网。他完全没基础，报了个线上的dw建设网站教案班。刚开始他很兴奋，跟着老师一步步拖拽。第一周，他做出了一个静态首页，挺漂亮。第二周，他想加个“联系我们”的表单，死活弄不好，提交按钮点下去没反应。

他跑来问我，我说：“你去看代码。”他一脸懵：“代码那是给程序员看的。”

我告诉他，你不看代码，永远是个美工，成不了建站人。

于是，我们做了第一步：拆解。

把那个能用的静态页面源码打开，一行行看。你会发现，所谓的“拖拽”，其实就是DW在后台帮你写了标签。比如你拖了一个图片，它就在代码里插入了。

第二步：手动敲代码。

别嫌麻烦。试着关掉DW的“设计视图”，只留“代码视图”。手动敲入一个简单的标题标签

你好世界

，保存，刷新浏览器。看到效果了吗？这就是最基础的反馈。

小李试了几次，发现手动敲代码虽然慢，但你知道每个标签的作用。比如