网页设计PSD到HTML – >更直接的方式？

在工作中,我看到一位同事在Photoshop / Fireworks中设计一个网站,我看到另一位同事收集这些数据,将其整理并使用Dreamweaver从头开始重建.

看起来好像太乱了！

我知道Photoshop可以输出基于HTML的表格,Fireworks将创建具有绝对定位的div;似乎都不是很有帮助.

不可否认,自从成为 程序员 以来,我没有尝试过很多(DW / FW)(CS4 / CS3),所以我不知道新版本是否正在解决这个工作流程问题,但是我们还在处理事情吗？

我们可以附加某种布局元数据(这是一个翻转按钮,这将是一个SWF,这将是文本,此徽标将隐藏“xyz”

文本等)到切片以帮助布局生成？有一些秘密 工具 可以协助这个转换过程吗？或者我们仍然限制手工做事？

当所述手工制作的页面需要再次重新设计以适合Smarty模板/ WordPress /通用CMS时,挫败感仍在继续.

我承认设计师需要没有系统才能做任何事情,但大多数传统网站都有：

>带导航的标题

>带有更多链接的侧边栏

>主要内容部分

>也许是另一个侧边栏

>一个页脚

鉴于许多组件的相似性,是否应该采用更系统的方法从切片设计转向功能性HTML？

还是我过度简化了事情？

-编辑-

嗯….我想我会接受一个答案,但他们并不是我真正想要的.

看起来设计DOM有点像圣杯(“它只是一个模型！”),也许你可以使用HTML和Javascript完成所有“groovy”的事情,这将是非常艰苦的工作,但是一组约束(960件看起来很有趣),一些精心设计的重置样式表和一点……仙尘？我们应该能够改善工作流程.

Photoshop的表格本身几乎没用,我同意,但我们肯定可以获取这些数据,然后选择一组单元格并说“正确,这是一个文本div,溢出：自动”或“这些单元格是一个图像块,将其设置为与所选区域具有相同的高度/宽度“.不可否认,在这里工作中还有其他大象需要对管理进行正式介绍,但设计&页面工作流程的某些部分似乎……没有受过良好教育.