售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网站常见布局的结构

网站编辑:小润 | 发表时间:2019-01-18 15:49:55

常见布局的结构

布局的结构指整个网页的大体骨架,在其确定结构之前,应该将布局的版面大小确定好。版面一般根据主流屏幕的分辨率而定,并且遵循向下兼容的原则。一般而言,用户对于拖动横向滚动条非常反感,而比较愿意拖动纵向滚动条。因此,对于布局的版面而言,一般只有宽度的限制,而高度是随着内容增多而自动增加的。由于浏览器的边框和纵向滚动条要占用一些宽度,在网页布局设计的时候,对应于屏幕分辨率640×480、800×600、1024×768,版面的宽度应该设计为620 px、780 px、1 000 px。
 
 
(1) 2列,即整个布局结构只有左右2大块。
 
这种布局结构一般将主要导航放在左侧,右侧则放置内容。是早期网页布局的主要方式,目前也常用于一些个人、小型的组织站点中。powerpoint另存为网页也是生成这样的布局结构,一些BBS也是用这样的结构。
 
 
(2) 3列,即整个布局分为左中右3大块。
 
这种3列布局比上面的布局多了一栏右侧的导航,由于网站内容越来越丰富,仅仅靠左侧栏提供导航显得有些不足。右侧栏提供了一部分导航功能,并且放置了一些站外链接、辅助要素等。由于中间内容部分宽度有所减少,因此一般这类网页高度加大了。目前这种布局结构在一些个人、中小型的组织站点和BLOG(博客)中非常常见。
 
 
(3)顶行+3列,即一个页头盖在左、中、右3块之上。
 
这种布局比上面的布局多了一个页头,放置Logo等重要标志,这种布局结构一般多用于企业或者组织的站点,内容比较多,导航也由左右两侧进行分担。
 
 
(4)顶行+2列(又称为T字形布局)。
 
这种布局比第一种布局多了一个页头,放置Logo等重要标志,这种布局结构一般多用于微型企业或者组织的站点,内容不太多,层次也不太复杂,导航的压力也比较小,都集中在左侧。
 
 
(5)顶行+N列+尾行。
 
这种布局一般存在于常见的商务公司站点,由于内容众多,逻辑层次非常复杂,导航的压力非常大,不仅仅是左右两侧就能够摆平的。并且这类站点非常注重版权,一般都有独立的尾行,专门用于摆放版权声明、经营许可证号等信息。
 
此外,如果采用图片布局或者Flash布局,布局结构可以是任意形状,比如圆形、不规则形等,按照表现的需要而定。但是这类布局的应用一般限于首页等比较重要的页面,会给人耳目一新的感觉,而对于次级页面采用不规则形将会使得网站不宜使用和维护。
 

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130