优亿佰

一.前期准备

1.找出适合的目标群体

我们对不同的人会有不同的沟通方式，例如对老人、对男人或对小孩的沟通方式都各不一样。所以，要想让同一张网页适合所有人群是很困难的。因此，最好的办法就是让一张网页和一种类似的人群沟通。

2.效果图

1).设计模板

找出目标群体后，我们需要根据客户所提供的需求，进行效果图的设计。我们可以从一些模板设计的网站上收藏一些比较合适的网页，像模板王、模板无忧网等，上面都有很多精美的网页;或者根据自己的理念进行设计。

2).页面的整体造型

在设计效果图时，我们必须考虑页面的整体造型，即图形和文本的接合应该是层叠有序。矩形、圆形、三角形、菱形等是我们常用的。页面上的文本须控制在相近大小，其格式也要相近，以便增加页面的可视性。图片和文本是网页的两大构成元素，所以，如何处理好图片和文本之间的位置是做好一张页面的关键点。

3).页面的配色

设计页面效果图时，除了页面的整体性是关键，整张页面的配色也是相当的重要。我们设计时，最基本的要做到一张页面给人的感觉是和谐，舒适的。其次，就是精美。所以，我们选取素材时要考虑得当，注意各元素之间的色彩搭配。

4).页面的尺寸

由于页面尺寸和显示器大小及分辨率有关，而页面的局限性在于你无法突破显示器范围，与此同时，浏览器也占去了不少空间，留下来的空间给页面也变得越小。一般我们将页面的大小控制在1024X768的分辨率下。注意：一般页面都会向下拖动，此时，我们要将页面上的内容控制在三屏内，避免访问者的厌烦感。

5).页面头部

一般页面头部的作用是定义页面的主题，是整个页面设计的关键。它牵涉到下面的更多设计和整个页面的协调性。也是吸引访问者继续浏览的关键。页面头部在设计时，我们经常放置站点的名称、Logo、图片等。

6).页脚

页脚和页面头部相呼应，页头是放置站点主题，页脚放置的是版权所有者及其地址。

3.效果图切片

设计好效果图之后，我们需要将它切成一张张小图，一边将其转化成一张页面。而在切片时，我们要注意观察效果图上的图片及颜色，一些背景色或者边框色，我们可以直接取色，不用切片，这样可以使页面容量减小。如果是一张大图，我们可以将其切成几张小图，增强页面加载时的速度。切片时，最需要注意的是你切好的图片效果是否完整，看看是否有失真的效果，注意图片的格式。

二.页面布局(CSS+DIV)及页面问题解决

将切好的图片，根据效果图，使用CSS+DIV重新布局，使之成为一张实实在在的网页。布局中，要注意解决IE各版本和火狐之间的页面兼容问题。

在模板页布局好之后，我们要进行内容页的布局，也要注意解决IE各版本和火狐之间的页面兼容问题。

全部布局好之后，提交给开发人员进行功能开发。

三.页面问题的二次解决

当功能已开发的差不多时，我们美工人员需要对页面进行第二次的测试，即再次解决页面上出现的兼容问题，这些问题主要是在数据和一些控件加进去之后，出现的文本溢出、浮动等问题。

wugongqi

楼主真乃人才啊