有没有办法将图像中的GUI转换为HTML？

Question

我有来自设计团队的GUI屏幕截图，我需要将其转换为网页，而不是。我正在考虑找一些类似GUI的网站，以便我可以复制和粘贴html，所以我不必从头开始。这种方法的唯一缺点是我不知道网站实际上是什么样的，这可能意味着很多浏览时间。和合。

所以只是想知道是否有可以帮助我进行搜索的工具？或者更好的是，如果有一个工具可以将图像转换为等效的html网页，那就更好了。

我想我只是另一个懒惰的没有创造力的程序员试图快速和肮脏地完成gui部分，呵呵。

感谢。

Answer 1

你的意思是你有一个PNG，GIF或JPG屏幕截图...并且你想将它提供给一个程序并让它吐出一个HTML和CCS的集合，当在浏览器中查看时它看起来就像那样图像？

我很抱歉破坏了你的泡沫，但如果是这样的话我会非常，非常非常惊讶。

这基本上是不可能的。如果你在屏幕上看到一个方框，它可能是一个文本区域，一个div，一个td，或一个gif，或者十五种不同的东西。根本不可能每个程序都能找出要使用的HTML元素。

我很抱歉，但您必须自己编写HTML。如果您不熟悉HTML，像Dreamweaver这样的工具将有助于加快这一过程。但是我敢打赌，这两个星球上没有什么可以让这项工作自动化。

不是你想要的答案，抱歉。但这就是答案。

Answer 2

我很确定您可以使用Adobe Dreamweaver执行此操作 - 从设计到HTML。

Answer 3

您提到他们使用Fireworks进行设计。那是Adobe Fireworks吗？如果是这样，该应用程序可以选择将设计输出为HTML。

从功能列表中：

设计一次，部署到多个平台

将Fireworks设计输出为HTML或您选择的应用程序：Adobe Flash，Adobe AIR™或AdobeFlex®。使用卓越的设计工具制作定制皮肤。现在你的工具将很好地协同工作。在Fireworks中进行设计，然后将符合标准的基于CSS的布局（包括外部样式表）导出到Dreamweaver CS4。在Fireworks中创建组件以在Adobe Flex Builder™软件中使用。直接从Fireworks创建基于HTML的Adobe AIR原型。

Answer 4

我不知道任何可以将GUI图像转换为等效HTML的工具。我想这无论如何都非常依赖于GUI的样式。最重要的是，它可能会产生一些非常讨厌和噩梦般的维护HTML。

这可能不是你想听到的答案，但我会开始编码。

设计团队是否使用HTML进行设计？ Photoshop模型？这两种方法都可以让你更好地避免手动编码。

Answer 5

从截图中？

你可能不想这样做。您可能希望至少将文件保存为jpeg或png，或任何格式，最好不要压缩，这样就不会失去质量。

然后你可以切片。谷歌“photoshop切片教程”和吨将出现。

充其量，您需要PSD文件，然后您可以将其向上滑动并隐藏/显示您不想要的内容等等。