就像设计报纸和杂志的版面一样，网站的各个页面也需要有一个好的版面布局设计。事实上，网页布局设计的重要性完全不亚于报刊杂志的版面设计。网页布局设计包括整体布局设计、页面框架设计以及采用合适的布局技术等。
    1页面框架设计   
    页面框架设计实际上就是怎样划分页面显示区域的问题，这是网页布局设计中首先要解决的问题。一般说来，页面的框架结构主要有以下几种形式。 
    (1)左右型结构  左右型框架结构是将页面显示区域划分为左面和右面两块。其中一块所占面积较大，通常用来放置页面的主要内容，另一块则用来放置站点内容的索引。 
    (2)上下型结构  上下型框架结构是将页面显示区域划分为上面和下面两块。和左右型结构类似，其中较大的一块通常用来放置页面的主要内容，另一块则用来放置站点内容的索引。 
    (3)复合型结构  这是上下型和左右型结构的结合，图l—8列出了常见的几种复合型框架结构模式。大多数商务网站由于其信息量巨大，都会采用复合型的框架结构，以期在有限的页面空问内安排更丰富的内容。
     2．网页布局技术
     一般说来，有3种技术可以实现网页的结构布局，分别为：帧布局技术、表格布局技术和层布局技术。 
    (1)帧布局  这里所说的帧对应于HTML文档中的一个Frame元素。帧布局就是将页面分成互不重叠的几个部分，每个部分称为一帧并对应于一个前几立的网页。    采用帧布局更大的好处在于可以随意调整各个帧在页面中所占的比例，并且在显示网页时，拖动一个帧的滚动条只会滚动该帧画面的内容而不会影响其他帧。但是帧布局也有一个缺点，就是当某帧的内容超过该帧显示的范围时，就会自动出现滚动条，这在许多情况下将会破坏整个页面的美观。 
    (2)表格布局  这里所说的表格对应于HTML文档中的一个Table元素。表格布局是更常用的页面布局技术，目前大多数网页都采用表格作为其基本布局技术。    表格布局的更大好处在于可以根据需要将整个页面分隔成任意数量和任意大小的单元格，并且可以茬单元格内嵌入任何网页对象。而且在对每个单元格中的对象进行单前几操作时，都不会影响其他单元格中的对象。与帧布局相比，表格布局技术也是将页面划分为多个不同的区域，但各区域不会像帧布局一样出现滚动条。   
    (3)层布局    层(Layer)布局是一种较新的技术，其更大优点是将页面的布局从平面空问扩展到立体空间。采用层布局技术可以将一个页面看作是由多个层面重叠而成的，各个层面不仅允许以像素为单位**地定位其在整个空间中的位置，而且还可以通过一定的设置来控制某一层是否显示以及层与层之问的叠放次序。在网页设计中，层有Div和Layer两种不同的标记，并且不同的浏览器对层的支持是不一样的。

网页布局设计，多多交流。

查看更多宁波网站制作设计布局网页