我有这个来自设计团队的 GUI 屏幕截图,我需要将其转换为网页,而不是什么。我正在考虑找到一些类似于 GUI 的网站,这样我就可以复制和粘贴 html,这样我就不必从头开始了。这种方法的唯一缺点是我不知道哪个网站实际上看起来像那样,所以这可能意味着很多浏览时间。呵呵。
所以只是想知道是否有一个工具可以帮助我进行搜索?或者如果有一个工具可以将图像转换为等效的html网页,那就更好了。
我想我只是另一个懒惰的没有创造力的程序员,试图快速而肮脏地完成 gui 部分,呵呵。
谢谢。
我有这个来自设计团队的 GUI 屏幕截图,我需要将其转换为网页,而不是什么。我正在考虑找到一些类似于 GUI 的网站,这样我就可以复制和粘贴 html,这样我就不必从头开始了。这种方法的唯一缺点是我不知道哪个网站实际上看起来像那样,所以这可能意味着很多浏览时间。呵呵。
所以只是想知道是否有一个工具可以帮助我进行搜索?或者如果有一个工具可以将图像转换为等效的html网页,那就更好了。
我想我只是另一个懒惰的没有创造力的程序员,试图快速而肮脏地完成 gui 部分,呵呵。
谢谢。
你的意思是你有一个 PNG、GIF 或 JPG 屏幕截图……你想把它输入一个程序并让它吐出一组 HTML 和 CCS,在浏览器中查看时看起来就像那个图像?
很抱歉打破了你的泡沫,但如果是这样的话,我会非常非常非常惊讶。
这基本上是不可能的。如果您在屏幕上看到一个框,它可能是文本区域、div、td、gif 或 15 种不同事物中的任何一种。一个程序根本无法确定要使用哪个 HTML 元素。
很抱歉,您将不得不自己编写 HTML。如果您是 HTML 新手,Dreamweaver 之类的工具将有助于加快这一过程。但我敢打赌,地球上没有任何东西可以使这项工作自动化。
不是你想要的答案,抱歉。但这就是答案。
我很确定您可以使用 Adobe Dreamweaver 来做到这一点——从设计到 HTML。
您提到他们使用 Fireworks 进行设计。那是Adobe Fireworks吗?如果是这样,该应用程序可以选择为您将设计输出为 HTML。
从功能列表中:
一次设计,部署到多个平台
将 Fireworks 设计输出为 HTML 或您选择的应用程序:Adobe Flash、Adobe AIR™ 或 Adobe Flex®。使用出色的设计工具制作自定义皮肤。现在您的工具可以很好地协同工作。在 Fireworks 中进行设计,然后将符合标准的基于 CSS 的布局(包括外部样式表)导出到 Dreamweaver CS4。在 Fireworks 中创建用于 Adobe Flex Builder™ 软件的组件。直接从 Fireworks 创建基于 HTML 的 Adobe AIR 原型。
我不知道有任何工具可以将 GUI 的图像转换为等效的 HTML。我想这将非常依赖于 GUI 的样式。最重要的是,它可能会产生一些非常讨厌和噩梦般的维护 HTML。
这可能不是您想听到的答案,但我会开始编码。
设计团队是否使用 HTML 进行设计?Photoshop模型?这两种方法都可以让您更好地避免手工编码时间。
从截图?
你可能不想这样做。您可能至少希望将文件保存为 jpeg 或 png 或任何格式,最好不压缩,这样您就不会失去质量。
然后就可以切片了。谷歌“photoshop 切片教程”和吨会出现。
充其量,您需要 PSD 文件,然后您可以将其向上滑动并隐藏/显示您不想要的东西的图层等。