网站常见布局的结构

2021-06-20 分类：网站建设

常见布局的结构
布局的结构指整个网页的大体骨架，在其确定结构之前，应该将布局的版面大小确定好。版面一般根据主流屏幕的分辨率而定，并且遵循向下兼容的原则。一般而言，用户对于拖动横向滚动条非常反感，而比较愿意拖动纵向滚动条。因此，对于布局的版面而言，一般只有宽度的限制，而高度是随着内容增多而自动增加的。由于浏览器的边框和纵向滚动条要占用一些宽度，在网页布局设计的时候，对应于屏幕分辨率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布局，布局结构可以是任意形状，比如圆形、不规则形等，按照表现的需要而定。但是这类布局的应用一般限于首页等比较重要的页面，会给人耳目一新的感觉，而对于次级页面采用不规则形将会使得网站不宜使用和维护。

文章标题：网站常见布局的结构
当前网址：https://www.cdcxhl.com/news12/118062.html

成都网站建设公司_创新互联，为您提供面包屑导航、外贸建站、商城网站、响应式网站、域名注册、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容