10

我正在学习网络开发,但我已经陷入了困境..

如何将 PSD 模板转换为 html/css 网站?

我已经裁剪了图像的所有部分并将它们分别保存在 .gif 中,但是呢?我是否必须手动将它们放置在 Dreamweaver 空模板中?我认为有一种自动化的方法可以做到这一点..

另外,我尝试过“为网络和设备保存..”,但是在保存时,它会创建一个 .html 文件和一个包含每个元素的单个图像?!我希望有几个图像,以便我可以在 Dreamweaver 中重新排列它们。

4

5 回答 5

12
  1. 虽然某些应用程序宣传/提供从复合图形到 Web 布局的“转换”过程的自动化,但您希望避免使用这些功能。他们会给你带来更多的麻烦,而不是他们的价值。特别是如果您打算使用 CSS 进行布局(我强烈建议这样做)。这并不是说这些功能没有一些有限的有效用途(在第 2 点中有更多内容),只是它们不会神奇地从图形生成您的网站。
  2. 为了使用“Save for Web...”,您需要使用切片工具将图像切成您需要进行布局的不同图像。然后,当您使用 html 保存 web 和 deices 时,它将导出 html/css 和图像。同样,这不是魔术,您可能不得不完全重做它为您完成的大部分工作 - 使其除了切片布局的某个区域(例如单个菜单)之外,无用。

没有一种完全自动化的方法可以做到这一点,一般来说,因为根据您需要布局做什么,您必须以不同的方式布置事物,而理论上可以在一个很好的小部分中考虑所有可能的潜在需求导出 GUI 不太可行。

底线是要做到这一点,你必须学习 HTML/CSS。而且你学的越多,你就越讨厌 Dreamweaver(至少在“布局视图”中)。已确认。

于 2010-01-28T21:00:54.113 回答
9

是的,网页设计不是靠魔法工作的。正确的做法是手动编写定位元素的实际代码,而不仅仅是在 Dreamweaver 中将它们固定到位。那里有很多很好的教程,例如:

于 2010-01-28T21:00:34.427 回答
8

欢迎来到现实。

您必须自己切片和切块(好吧,自己切块并切块图像,但无论如何都不要切块自己),然后将每个单独的部分放入 HTML 或模板中。

于 2010-01-28T21:01:18.823 回答
6

可能会对您有所帮助,它会引导您完成整个过程。

于 2010-01-28T21:04:32.277 回答
6

有许多自动化服务可以为您转换 PSD:

但是,您可能还需要考虑基于服务的方法。那里有一个蓬勃发展的专业切片器社区(只需谷歌“psd to html”,您就会明白我的意思)。

您还可以尝试从程序或框架重新设计,例如:

这实际上取决于您的预算、时间表和技能。

在尝试将其自动化之前,我非常支持真正理解某件事。所以,就像其他发帖人所说的那样,从头开始切片(手工编码)非常有价值,特别是如果你还不太了解它的话。但是,您可能只是不想花时间来很好地理解该主题。而且,这也完全没问题。

我认为广告归根结底,没有“正确”的解决方案。不同的人有不同的要求,这会改变选择。

于 2014-03-12T22:15:36.017 回答