如果细心地去观察一些网站,总是能根据其呈现内容区域、导航区域及标题Logo区域看到它的布局原理。下面介绍一些常见的网站布局结构,以便于初学者能够更快地理解。

1.国字型布局

这种网站布局结构分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个“国”字。

国字型结构是目前比较常用的一种网页布局结构,它适用于信息分类繁多、需要良好组织的网站,比如电子商务网站,比较经典的例子是“互动出版网”。W3 school网站也使用了国字型布局的网站。具体的例子可以参考下面的网站：http://www.zhiyuanit.net.cn/

2.T字型布局

这种网站布局结构由上边栏、左边栏、内容区、下边栏组成,因其形状有点像一个英文大写的“T”字而得名。

T字型结构目前在一些权威机构、企事业单位的公司网站中出现得比较多,比如建设银行网上银行就是T字型结构典型实现。

3.左右框架型布局

这类网站由一个左边栏和一个内容区域组成,组成比较简洁,主要用于精彩内容的呈现,主要是很多个人站点、博客的首选。

一些家庭展示或者是文章类网站也会选择左右型的结构,左侧可以展示家庭的成员,右侧可以显示一些家庭的趣事或留言等。

4.上下框架型布局

上下型框架结构与左右型框架结构非常类似，只是由上下边栏组成，上边栏用来放置网站Logo、链接等信息,下边栏放置网页的主要内容。

上下型结构的网站经常用来进行个性化的展现,在企业门户网站的公司展示中也比较常用,。

5.标题正文型布局

这种类型的网站布局结构由上边栏和内容栏组成,上边栏用于显示文章的标题,主要用于一些文章显示的页面,它提供了比较精简的结构,在一些论文、学术文章网站的设计中比较有用。其组成结构基本上与上下框架布局相似。

其实大多数时候,网站设计都不会单独使用以上列出的某一种网站布局结构,而是通过混合使用多种布局结构来实现自己想要的效果,这类布局通常称为“综合型布局”。如果不希望网站内容策划的太过方正,可以自行定义一种满足设计需求的布局。