常见布局结构

极海网络  发布于:2014-11-22  浏览:

摘要:如果细心地去观察一些网站,总是能根据其呈现内容区域、导航区域及标题Logo区域看到它的布局原理。下面介绍一些常见的网站布局类型,以便于初学者能够更快地理解布局的一些概念。 1.国字型布局 这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个国字。其布局结构如图4.3所示。 国字型结构是目前比较常用的一种网页布局结构,它
 
     如果细心地去观察一些网站,总是能根据其呈现内容区域、导航区域及标题Logo区域看到它的布局原理。下面介绍一些常见的网站布局类型,以便于初学者能够更快地理解布局的一些概念。
     1.国字型布局
     这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个“国”字。其布局结构如图4.3所示。
     国字型结构是目前比较常用的一种网页布局结构,它适用于信息分类繁多、需要良好组织的网站,比如电子商务网站,比较经典的例子是“互动出版网”。W3school网站也使用了国字型布局的网站,浏览网址如下:
     http://www.w3school.com.cn/
     这个网站的首页就是一个经典的国字型结构的实现,其首页如图4.4所示。
     2:T字型布局
     这种布局类型由上边栏、左边栏、内容区、下边栏组成,因其形状有点像一个英文大写的“T”字而得名,其布局结构如图4.5所示。
     T字型结构目前在一些权威机构、企事业单位的公司网站中出现得比较多,比如建设银行网上银行就是T字型结构典型实现,如图4.6所示。
     3.左右框架型布局
    这类网站由一个左边栏和一个内容区域组成,组成比较简洁,主要用于精彩内容的呈现,主要是很多个人站点、博客的首选,如图4.7所示。
     一些家庭展示或者是文章类网站也会选择左右型的结构,左侧可以展示家庭的成员,右侧可以显示一些家庭的趣事或留言等,图4.8就是一个经典的左右结构框架的示例,浏览网址如下:
     http://www.ourswisslife.com/
     4.上下框架型布局
     上下型框架结构与左右型框架结构非常类似,只是由上下边栏组成,上边栏用来放置网站Logo、链接等信息,下边栏放置网页的主要内容,布局结构如图4.9所示。
     上下型结构的网站经常用来进行个性化的展现,在企业门户网站的公司展示中也比较常用,图4.10演示了一个优秀的个人网站,采用了经典的上下型结构。
     5.标题正文型布局
     这种类型的布局结构由上边栏和内容栏组成,上边栏用于显示文章的标题,主要用于一些文章显示的页面,它提供了比较精简的结构,在一些论文、学术文章网站的设计中比较有用。其组成结构基本上与上下框架布局相似,在此就不再进行图示了。
     其实大多数时候,网站设计都不会单独使用以上列出的某一种布局结构,而是通过混合使用多种布局结构来实现自己想要的效果,这类布局通常称为“综合型布局”。如果不希望网页的造型太过方正,可以自行定义一种满足设计需求的布局。
 
 

文章链接:http://www.jihai.com/a/jiaocheng/wybj/201411/638.html
标签:心地(1)去(1)观察(2)结构(15)常见(4)如果(13)细(2)一些(15)布局(27)
作者:极海网络 来源:未知 发布于2014-11-22 17:00
您可能喜欢的文章

热门模板
热门阅读
热门插件