页面的排版布局一般和以下元素相关:页面尺寸,整体造型,页眉,内容,页脚等.应该控制页面上的这些元素的旋转顺序和它们相互之间的空隙.比如,可以把与一段文字相关的图形放在段落旁边或嵌入段落中,但不要把与段落无关的图形放在段落边上,避免引起浏览者的误解.把相关的内容放在一起,把不相关的内容用空白,水平线或其他图形分隔开,好是浏览者看完一页之后可以选择继续读下去或通过链接跳到其他合适的主题上去.

1.页面尺寸

由于页面尺寸和显示器大小及分辨率相关,网页的局限性就在于无法突破显示器的范围,而且因为浏览器的界面也将占去不少空间,留给用户浏览的页面范围变得越来越小.一般分辨率在800*600的情况下,页面的显示尺寸为780*428;分辨率在640*480的情况下,页面的显示尺寸为620*311;分辨率在1024*768的情况下,页面的显示尺寸为1007*600.从以上数据可以看出,分辨率越高页面尺寸越大.

2.整体造型

显示器的屏幕和浏览器的界面都是矩形的,但对于页面的造型,可以充分利用自然界中的其他开关以及它们的组合,例如矩形,圆形等.不同的形状,它们所代表的意义是不同的.比如矩形代表正式,规则,可以看到很多ICP和政府网页都以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚网站喜欢以圆形为页面整体造型.虽然不同形状代表不同的意义,但目前的网页制作多数结合了多种图形设计,只是其中某种图形的构图比例可能占得多一些.

3.页眉

页眉的作用是定义页面的主题,一个站点的名字多数都显示在页眉里,便于访问者能很快知道这个站点的主题内容.页眉是整个页面的关键,它牵涉到页面其他部分的设计和整个页面的协调性.

4.内容

图片和文本是网页内容的两大构成元素,缺一不可.如何处理好图片和文本的位置成了整个页面布局的关键.除了文本和图片,还有声音,动画,视频等其他媒体,随着动态网页的兴趣,它们在网页布局中变得更加重要了.

5.页脚

页脚和页眉相呼应,页眉是放置站点主题的地方,而页脚是放置制作者或公司信息的地方.可以看到,通常制作信息,版权信息都是放置在页脚的.