关于网页设计方法的几个问题

Question

我有一个关于网页设计的问题。

这里有一些设计的方法。CSS或Photoshop。

cSS很清楚，我的问题不是关于CSS，而是关于Photoshop设计。

For example this

在photoshop中完成设计后，当您保存工作时，它会制作切片并将您的模板转换为表格单元格，并将图片的每个部分保留在该单元格中。

但是我知道现在的usefull对于网页设计并不是很有用，每个人都在使用div和css。

所以你能告诉我如何导出或如何使用photoshop设计带有div的网页吗？

Answer 1

我不会使用Photoshop做任何事情，除了创建一个屏幕截图类型的图形，这是接近你的网页的目标。

对于实际的设计，首先以HTML (无CSS)布局所有内容。一旦所有的内容都在其中，你就可以设置元素的样式，以获得你想要的外观。在设计样式时，您应该对HTML进行的唯一更改应该是放入in和类，以便将CSS挂接到其上。添加像<div>和<span>这样的面向样式的元素是可以的，但应该受到限制。

这样做可以确保你有一个更容易访问的网站，增加一个更紧凑的网站的可能性，也会增加你对搜索引擎的吸引力。

Answer 2

这些教程将帮助您：

http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css

截屏视频：http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml/

Answer 3

Photoshop软件主要用于创建布局设计(Psd)。

现在每个人都使用表格少设计使用div的，几乎80%的HTML页面创建使用样式和css只在少数领域我们必须使用图形(徽标，标题与不同的字体，图像喜欢摄影等)，这是无法管理的样式和css在这种情况下，我们必须在Photoshop中工作，并必须做保存为网页格式为jpeg或png图像格式，然后我们必须使用样式表在html页面中使用这些图像。

主要是基于div的设计将支持样式表，我们将使用css样式控制布局、外观和感觉，并将css作为div的类名进行调用。

希望这个答案能对你有所帮助。

谢谢