如何把PSD文件制作成XHTML+CSS文件

http://www.itjxue.com  2015-08-05 23:02  来源:未知  点击次数: 

继上一篇教程,《Photoshop教程:设计一个博客界面图件》,现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码,这样我们就会得到一个完整的博客设计。

如何把PSD文件制作成XHTML+CSS文件-IT教学网

在上一个教程里面,我们创建了一个包含了所有框架,设计,色彩,拟议定的板式和基本内容的设计模型。 现在是时候让我们回顾一下之前的计划和概念设定来看看——哪些需要使用纯粹的xhtml和css,哪些需要使用到原来的图片。

如何把PSD文件制作成XHTML+CSS文件-IT教学网

首先被导出的元素是大的背景图。隐藏掉其他所有页面的图层,然后选择大的背景图导出为web使用格式。

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章