做站七年了，说实话，每次看到还有人拿着Dreamweaver（DW）去死磕表格布局，我心里就咯噔一下。不是瞧不起谁，是这玩意儿真的过时太久了。但我知道，有些老哥或者刚入行的小白，手里就剩个DW，或者公司要求必须用表格，没办法，硬着头皮也得干。今天咱不整那些虚头巴脑的理论，就聊聊怎么在2024年，用表格这种“古董”手段，勉强拼凑出一个能看的网站。

先说个真事儿。我有个客户，做本地家政服务的，非要我给他做个静态页，说是要兼容IE6。你品，你细品。IE6都死多少年了？但他预算只有两千块。没办法，我只能打开DW，新建HTML，开始写

。这时候你就得明白，用表格做网站，核心不是“布局”，而是“嵌套”。你得把表格当成砖头，一块一块垒起来。

很多新手最大的误区，就是试图用一个表格搞定整个页面。别做梦了。那是九十年代的做法。现在的做法是，大表格套小表格。比如，头部一个表，左边导航一个表，中间内容一个表，底部一个表。每个表格里再套单元格。听起来很乱对吧？确实乱。但这是唯一能在没有CSS3支持的情况下，实现大致排版的方法。

我拿我那个家政客户的案例来说。当时他想要个三栏布局。我在DW里画了一个3行1列的大表格。第一行放Logo和Banner，高度设死，比如200像素。第二行再拆成3列，左边20%，中间60%，右边20%。第三行放版权信息。看着挺简单是吧？

但问题来了，单元格的对齐。默认情况下，单元格内容会垂直居中。你想让Logo在顶部？得加valign="top"。你想让文字在左边？align="left"。这些属性现在看着全是垃圾代码，但在当时，这就是救命稻草。我那个客户非要中间内容区的图片要和左边导航对齐。我在DW里根本没法直接拖拽对齐，只能手动调padding和border。那几天我眼睛都看花了，改了一版又一版。

这里有个坑，大家注意。表格的宽度，千万别用百分比混着用像素。比如，总宽960像素，左边栏设150像素，中间设660像素，右边设150像素。加起来正好960。如果你用百分比，不同屏幕分辨率下，表格可能会撑破或者缩成一团。我那次差点翻车，因为客户给的Banner图是1200宽的，我直接塞进去，结果在1024的屏幕上，表格直接溢出，右边留了一大截白边，丑得要死。后来我强制把Banner图压缩到960宽，才救回来。

还有，DW的可视化界面有时候会骗人。你在设计视图里看着好好的，一预览，全乱了。这是因为DW对某些嵌套表格的渲染有bug。所以，写完代码，一定要切到代码视图，检查有没有漏掉

标签。少一个闭合标签，整个页面结构就崩了。我有一次偷懒，没检查，结果客户说手机端打不开，其实是因为表格嵌套太深，导致某些老旧浏览器解析错误。

说到这，你可能觉得，既然这么麻烦，为啥不用CSS？因为有些老系统，或者特殊的内部展示需求，CSS兼容性差。或者，就像我那个客户，他就是觉得表格加载快，虽然实际上现在差别微乎其微。

用DW如何用表格做网站，本质上是在和过时的技术妥协。你得有耐心，得像绣花一样去写代码。每一个，每一个，都要小心翼翼。别嫌麻烦，这是基本功。虽然我不推荐新人学这个，但如果你不得不做，记住这三点：一是结构清晰，大表套小表；二是宽度固定，避免溢出；三是代码整洁，及时闭合。

最后，说句得罪人的话。如果你还在用表格做新站，除了极特殊的维护旧项目，赶紧转去学Flexbox或者Grid布局吧。表格布局就像老式缝纫机，虽然能用，但效率太低，还容易卡线。但如果你只是为了应付某个奇葩需求，或者怀念那个纯代码的年代，那好吧，DW依然是你最后的避难所。只是别指望它能帮你实现什么炫酷的动画效果，那玩意儿，表格真搞不定。

希望这篇经验分享，能帮那些还在DW里挣扎的朋友少掉几根头发。做站不易，且行且珍惜。