咨询热线:400-818-1122
致远科技首页 > 最新更新
优化网站布局:常见的网站布局结构
上传日期:2019-07-04 16:52 文章来源:

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

 

1.国字型布局

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

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

2.T字型布局

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

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

 

3.左右框架型布局

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

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

 

4.上下框架型布局

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

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

 

5.标题正文型布局

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

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

 

免责声明:网站内涉及到图片及相关文字如涉及到侵权,请及时联系我们处理
< 返回列表
最新更新推荐
在线咨询
Tel:400-818-1122
QQ 咨询
【致远科技官微】公众号
致远科技 ©1997-2017 ISO9001国际认证:06909Q12368ROS 软件著作权证:软著登字第0203110号 大连软件协会会员单位:No.131 高新技术企业编号:200513 经营许可证:辽B1-20130020(IDC证) 经营许可证:辽B1.B2-20150257(ICP证) 国家工信部备案号:辽ICP备05002388号 特邀法律顾问:辽宁海星律师事务所 马晓军律师 全国免费咨询热线:400-818-1122 传真:0411-83726031