继上一篇教程,《photoshop教程:设计一个博客界面图件》,现在我们来看看如何将这个概念设计转化为完整的由xhtml和css组成的标准网页。从ps里面将之前的设计稿从ps里面输出然后再加上编码,这样我们就会得到一个完整的博客设计。
在上一个教程里面,我们创建了一个包含了所有框架,设计,色彩,拟议定的板式和基本内容的设计模型。 现在是时候让我们回顾一下之前的计划和概念设定来看看——哪些需要使用纯粹的xhtml和css,哪些需要使用到原来的图片。
首先被导出的元素是大的背景图。隐藏掉其他所有页面的图层,然后选择大的背景图导出为web使用格式。
新闻热点
疑难解答