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 回答