网页的排版布局和原则

一.网页排版布局的步骤：

1.构思,并且有多个草稿进行粗略布局

2.将粗略布局精细化，具体化

3.修改

二.网页排版布局的原则

  1.平衡性
　 　(1)文字、图像等要素的空间占用上分布均匀
　　 (2)色彩的平衡，要给人一种协调的感觉。

  2.对称性
　　对称是一种美，我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉，因此要适当地打破对称，制造一点变化。

  3.对比性
　　让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。

  4.疏密度
　　网页要做到疏密有度，即平常所说的“密不透风，疏可跑马”。不要整个网页一种样式，要适当进行留白，运用空格，改变行间距、字间距等制造一些变化的效果。
  
5.比例
　　比例适当，这在布局当中非常重要，虽然不一定都要做到黄金分割，但比例一定要协调。

三.常见的布局样式：

　　1.T字型
　　最上方是广告条，页面下方左面是菜单，右面显示页面内容，整体上类似英文字母“T”，
所以我们称之为T字型布局。这种布局条理清晰、主次分明，非常适合初学者学习，但略微有点呆板。

　　2.口字型
　　这种布局类似一个方框，上下是广告条，左面是菜单，右面是友情链接，中间是网页内容，页面布局紧凑、信息丰富，但四面封闭，给人一种压抑的感觉。

　　3.对称型
　　整个网页呈上下或左右对称布局，非常醒目，如果两部分搭配协调，网页的视觉效果非常好，很有冲击力。

　　4.海报型
　　这种布局就像我们平时见到的海报一样，中间是一幅很醒目、设计非常精美的图片，周围点缀着一些图片和文字链接。这种设计常用于一些时尚类和公司的首页，非常吸引人。但大量的运用图片导致网页下载速度很慢，而且提供的信息量较少。

 四。 总体我们需要掌握的有以下几种：

风格：网页新建时，需要定一下初步风格，整个网站风络统一，
字体：网页中一般字体为9pt或者12px。
背景：背景不能过于突出，背景图尽量简洁，不要过于复杂，这样使页面显的太乱。
颜色：整个页面颜色统一，和谐
图片：要求图片首先美观，另外格式正确，优化合理，最重要的是图片名不能为中文名。
兼容：网页的兼容性是为了让更多的浏览者进行浏览，提高网站的知名度。站点越复杂
（在布局、动画、多媒体内容和交互方面），跨浏览器兼容的可能性就越小。

注：转载http://www.douban.com/note/334059432/