您是否知道可以根据您在布局上绘制的内容生成布局的 div 顺序的工具？类似于可以使用网格系统生成 HTML 代码的模型工具。就像在 Dreamweaver 上绘制 DIV 一样，但会生成良好的 CSS，而不是具有固定位置的 div。
给你一个想法。类似的东西更先进，可以生成复杂的布局。
具有实时预览功能的东西可以帮助您加快将 PSD 布局转换为 HTML 和 CSS 的速度。
类似于 DMXZone 的 960 Grid System 2.0 Dreamweaver Extension：http://www.youtube.com/watch?v=ptmV2Zgf66s&feature=related
答案1
它被称为 WYSIWYG（所见即所得）编辑器，在 Frontpage 时代风靡一时。甚至 Dreamweaver 也能做到这一点。
他们创建的代码与您自己编写的代码相比非常糟糕，而且我发现它们更容易出现较差的渲染一致性，但那是 14 年前的事了，所以现在可能好多了。
绘制 DIV 与好的 CSS 相比：这是手写代码的质量。至少根据我的经验，所见即所得的相对定位效果不佳，而且往往只适用于基于表格的布局。
无论如何，KompoZer 已经存在一段时间了，而且是免费的，所以可能值得一试。直到我毕业于手写代码后我才发现它，所以我只是非常粗略地使用过它：http://kompozer.net/
谷歌搜索发现了更多可能性：https://www.google.com/search?q=wysiwyg+html+editor