码迷,mamicode.com
首页 > Web开发 > 详细

使用PSD设计网页页面

时间:2015-03-13 22:15:44      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

一、一个独立的页面 
1、分析这个页面,在脑海或草稿上要确立页面板块布局(如版块区域的,位置和大小)
2、根据设计稿的的情况,分析背景图的分布、ICO图的分布等
3、切割相应的图片,导出、合并图片(一般用ps 切割设计师提供的PSD图)
4、在编辑器中写整体结构XHTML代码,包括页面中出现的所有元素的结构
5、编写CSS样式中的整体以及模块代码
6、细节调整
7、浏览器验证网页兼容性,是否正确显示
二、由多个页面组成的小站点或者大站点
1、浏览所有设计稿,统一规划站点模块、图片、文件分布
2、开始第一点的操作,但规划站点的内容分布很重要
整体考虑点:
图片的合并,减少请求量
结构的合理性,语义化
样式的简洁,便于后期维护
多为后期的维护以及程序开发着想,如何简单实现效果

使用PSD设计网页页面

标签:

原文地址:http://www.cnblogs.com/huzefeng/p/4336080.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!