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

问题描述

| 我对网页设计有疑问。 有一些设计方法。 CSS或Photoshop。 cSS很清楚，我的问题不是关于CSS，而是关于Photoshop设计。 例如这个 在photoshop中进行设计后，当您保存工作时，它将进行剪裁并将模板转换为表格单元格，并将图片的每个部分保留在该单元格中。 但是我知道如今的表对于网页设计没有用，每个人都使用div和CSS。 所以你能告诉我如何导出或如何使用Photoshop来设计带有div的网页。     

解决方法

除了创建与您要通过网页获得的图像接近的屏幕快照类型的图形外，我不会将Photoshop用于其他任何事情。 对于实际设计，首先以HTML（无CSS）布局所有内容开始。一旦所有内容都在其中，就可以对元素进行样式设置以获得所需的外观。样式化时，对HTML所做的唯一更改应该是放入ID和类，以将CSS挂接到其上。可以添加诸如

<div>

和

<span>

之类的面向样式的元素，但是应该加以限制。 以这种方式进行设计可确保您将拥有一个更易于访问的网站，增加拥有更紧凑的网站的可能性，还将增加您对搜索引擎的吸引力。     ,这些教程将帮助您： 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/     ,Photoshop软件主要用于创建布局设计（psd）。 现在，每个人每天都在使用使用div的无表设计，几乎80％的HTML页面使用样式和CSS创建，仅在少数几个领域中我们必须使用图形（徽标，具有不同字体的标题，图片，例如摄影等）在这种情况下，使用样式和CSS是无法管理的，在这种情况下，我们必须在Photoshop中工作，并且必须将Web格式另存为jpeg或png图像格式，然后我们才能使用样式表在html页面中使用此图像。 并且主要基于div的设计将与样式表的支持一起使用，我们将使用css样式控制的所有布局外观和感觉，并将css作为来自div的类名称进行调用。 希望这个答案能对您有所帮助。 谢谢     ,Photoshop是用于处理图像的应用程序，但是它还包含用于从头开始构建图形的工具。为了在浏览器中浏览图形设计，只有逻辑上可以使用Photoshop，创建视觉效果，将它们另存为图像并使用它们在网页中。