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

2009-04-23 15:31:15  来源

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

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

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

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

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

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

更多