关于网页设计方法的一些问题

Question

我对网页设计有疑问 有一些设计方法。 CSS或Photoshop cSS很清楚，我的问题不是关于CSS，而是关于Photoshop的设计 For example this

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

但我知道nowdaystables对于网页设计没用，每个人都使用div和css ..
所以你能告诉我如何导出或如何使用photoshop设计带有div的网页。

Answer 1

这些教程将为您提供帮助：

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 2

我不会将Photoshop用于除了创建截图类型的图形之外的其他任何内容，这些图形与您的网页目标相近。

对于实际设计，首先要用HTML（无CSS）布置所有内容。一旦所有内容都在那里，那么你可以设置元素的样式以获得你想要的外观。样式化时，您应该对HTML进行的唯一更改应该是放入ID和类来挂钩您的CSS。添加<div>和<span>等面向样式的元素是可以的，但应该是有限的。

以这种方式进行设计可确保您拥有更易于访问的网站，增加拥有更紧凑网站的可能性，并且还会增加您对搜索引擎的吸引力。

Answer 3

Photoshop软件主要用于创建布局设计（psd's）。

现在每天都有人使用div表示较少的设计，几乎80％的HTML页面只使用几个区域创建使用样式和css，我们必须使用图形（徽标，不同字体的标题，图像等图像）在这种情况下，我们必须在Photoshop中工作并且必须为jpeg或png图像格式保存网页格式，然后我们必须使用样式表在html页面中使用这些图像。

主要基于div的设计将支持样式表所有布局外观和感觉我们将用css样式控制并将该css称为div的类名。

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

谢谢

Answer 4

Photoshop是一个用于处理图像的应用程序，但它也包含了从头开始构建图形的工具。为了在浏览器中探索图形设计，只需合法地访问Photoshop，创建视觉效果，将它们保存为图像和使用它们在网页中。