html - 网页设计 PSD 到 html -> 更直接的方法？

Question

就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the help center为指导。




8 年前关闭。




在工作中，我看到一位同事在 Photoshop/Fireworks 中设计一个网站，我看到另一位同事使用这些数据，将其切片并使用 Dreamweaver 从头开始​​重建相同的数据。

好像乱七八糟的太多了!

我知道 Photoshop 可以输出基于表格的 HTML，而 Fireworks 会创建具有绝对定位的 div；两者似乎都不是很有帮助。

诚然，自从成为程序员以来，我并没有尝试太多(DW/FW)(CS4/CS3)，所以我不知道新版本是否正在解决这个工作流程问题，但我们仍然双重处理吗？

我们可以附上某种 布局元数据 (这是一个翻转按钮，这将是一个 SWF，这将是文本，该 Logo 将隐藏“xyz”

文本等)切片以帮助 布局生成 ?有没有 secret 工具哪些有助于此转换过程？或者我们仍然仅限于手工做事 ?

当所述手工构建的页面需要再次重新设计以适应 Smarty 模板/Wordpress/通用 CMS 时，挫败感仍在继续。

我承认设计师需要摆脱系统才能做任何事情，但大多数传统网站都有:

带导航的标题

带有更多链接的侧边栏

主要内容部分

也许是另一个侧边栏

页脚

鉴于很多组件的相似性，难道不应该有一种更系统的方法来从切片设计到功能性 HTML 吗？

还是我把事情简单化了？

-编辑-
嗯......我想我会接受一个答案，但它们并不是我真正想要的。

似乎设计 DOM 有点像 chalice (“这只是一个模型!”)，也许有了 HTML 和 Javascript 可以做的所有“时髦”的事情，这将是一项艰巨的工作，但是一组约束(960 的东西看起来很有趣)，一些精心设计的重置样式表和一些......仙尘？我们应该能够改进工作流程。

Photoshop 的表格本身几乎没用，我同意，但我们当然可以获取这些数据，然后选择一组单元格并说“对，这是一个文本 div，溢出:自动”或“这些单元格是一个图像 block ，使用与所选区域相同的高度/宽度对其进行样式设置”。诚然，在工作中，房间里还有其他大象需要正式介绍管理，但设计>页面工作流程的某些部分似乎......充其量没有受过教育。

Answer 1

对我来说，手工制作是一个优势。你只需要把它做对一次，如果你专门为了视觉吸引力，你可能有很多工作要做，让它跨浏览器友好......

很想听听其他答案。这只是我的看法，因为我制作的网站更多是由数据驱动的，而不是具有视觉吸引力的网站。