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