1

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

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

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

谢谢。

4

5 回答 5

5

你的意思是你有一个 PNG、GIF 或 JPG 屏幕截图……你想把它输入一个程序并让它吐出一组 HTML 和 CCS，在浏览器中查看时看起来就像那个图像？

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

这基本上是不可能的。如果您在屏幕上看到一个框，它可能是文本区域、div、td、gif 或 15 种不同事物中的任何一种。一个程序根本无法确定要使用哪个 HTML 元素。

很抱歉，您将不得不自己编写 HTML。如果您是 HTML 新手，Dreamweaver 之类的工具将有助于加快这一过程。但我敢打赌，地球上没有任何东西可以使这项工作自动化。

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

于 2009-06-25T07:22:13.180 回答
1

我很确定您可以使用 Adob​​e Dreamweaver 来做到这一点——从设计到 HTML。

于 2009-06-25T07:17:10.897 回答
1

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

从功能列表中：

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

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

于 2009-06-25T07:53:01.840 回答
0

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

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

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

于 2009-06-25T07:18:08.337 回答
0

从截图？

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

然后就可以切片了。谷歌“photoshop 切片教程”和吨会出现。

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

于 2009-06-25T07:21:54.787 回答