微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决有关网页设计方法的一些问题

| 我对网页设计有疑问。 有一些设计方法。 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,创建视觉效果,将它们另存为图像并使用它们在网页中。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。