企业做网站网页布局

发布：2019-03-05 12:54:25 浏览：4632

其实网页布局结构就像是超市里物品的摆放方式，在超市中理货员按照商品不同的种类、价位，将琳琅满目的商品进行摆放，这种商品的摆放方式有助于消费者快速便捷地选购自己想要的商品。另外，这种整齐一致的商品摆放方式还能够激发消费者的购买欲望。网页布局也是同样的目的，通过对信息进行分类整理，使其系统化和结构化，以便浏览者简捷和快速地了解信息。

网页布局必须能够正确传达网页信息，而且要主次分明，网页布局的具体内容和操作顺序可分为以下几点。

整理消费者和浏览者的综合观点和意见。

仔细分析浏览者的综合特性，划分浏览者类别并明确目标消费人群。

确立网站创建的目的，并规划未来的发展方向。

整理网站的内容并使其系统化，定义网站的内容结构，其中包括层次结构、超链接结构和数据库结构。

收集内容并进行分类整理，检验导航系统的功能性。

确定适合内容类型的有效标记体系。

不同的页面放置不同的页面元素，且构建不同的内容。

综上所述，信息结构是以消费者和浏览者为主体的，并且经过收集、整理和加工后，简单明了的方式传递给浏览者。因此，就要求设计者站在消费者的立场上进行设计，充分体现出网页的实用性。

由此得知，实用性是以规划好的用户界面为主，且用户界面的策划是在网页布局结构的基础上进行的，网页布局结构的确立则以信息构架为标准。

在设计网页界面时，需要从整体上把握好各种要素的布局，只有充分利用、有效分割有限的页面空间，才能设计出好的网页界面。常见的网页布局方式主要有：“国”字形，“T”字形，标题正文型、左右分割型、上下分割型、封面型、Flash型和综合型。

1、“国”字形

“国”字形结构是网页上使用最多的一种结构类型，是综合性网站界面中最常用的板式。网页通常会在页面最上面放置Logo、导航和横幅广告条。接下来就是网站的主体内容，分为左、中、右三大块。页面最下面是网站的一些基本信息、联系方式和版权声明等，这种板式的优点是页面充实、内容丰富和信息量大，缺点是页面拥挤并且灵活度不高。

2、“T”字形

“T”字形布局与“国”字形布局十分相似，只是在形式上略有区别。页面上方同样是Logo、导航和广告条，页面中间部分左侧是一列略窄的菜单或链接，右侧是比较宽的主体部分。页面下方也是一些网站的辅助信息和版权信息等内容。

3、标题正文型

这种类型的布局方式在页面最上方是标题或一些类似的元素，中间是正文部分，最下面是一些版底信息。我们常用的搜索引擎类网站和注册页面基本都采用这种布局方式。

4、左右分割型

左右框架型结构的页面通常会在左侧放置一列文字链接，有时最上面会有标题或Logo，页面的右侧则是正文或主题部分，大部分的论坛都采用这种布局方式。这种类型的网页布局，结构清晰且一目了然。

5、上下分割型

上下框架结构与左右框架结构类似，区别仅限于上下框架型页面的导航菜单和Logo在上方，正文和主体内容在下方。

6、POP型

POP源自广告术语，指页面布局像一张宣传海报，以图片作为页面的中心。常用于时尚类网站，优点是漂亮吸引人，缺点是速度慢。

7、封面型

封面型布局的页往往会直接使用一些极具设计感的图像或动画作为网页背景，然后添加一个简单的“进入”按钮就是全部内容了。这种布局方式十分开放自由，通常出现在一些网站的首页，如果运用得恰到好处，会给用户带来十分赏心悦目的感觉。

8、Flash型

Flash型布局方式与封面型类似，只是采用了目前流行的Flash动画。相较于图形来说，Flash具有更强的交互性，不仅可以表现更多的信息和内容，还能更好地渲染页面的活跃气氛。游戏类网站和设计类网站喜欢采用这种布局方式作为首页。