网页布局设计理念

网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网

页会呈现在我们面前，那么，网页的

精彩与否的因素是什么呢？色彩的搭配、文字的变化、

图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素

——网

页的布局。下面，我

们就有关网页布局谈论一下。

网页布局类型

网页布局大致可分为

“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架

型、封面型、

Flash 型、变化型，下面分别论述。

1、 “国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标
题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内

容，中间是主要

部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结
构是我们在网上见到的差不多最多的一种结构类型。

2、拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广
告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信
息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接

3、标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章
页面或注册页面等就是这种类。

4、左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面
会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有
一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5、上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。
6、综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐
角型

”结构的，只是采用了框架结构。

7、封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合
一些小的动画，放上几个简单的链接或者仅是一个

“进入”的链接甚至直接在首页的图片上

做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会
给人带来赏心悦目的感觉。

8、Flash 型：其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的
Flash，与封面型不同的是，由于 Flash 强大的功能，页面所表达的信息更丰富，其视觉效
果及听觉效果如果处理得当，绝不差于传统的多媒体。

9、变化型：即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实
现的功能的实质是那种上、左、右结构的综合框架型。

关于第一屏

所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有

多

“大”呢？其实这是未知的。一般来讲，在 800*600 的屏幕显示模式(这也是最常用的)下，

在

IE 安装后默认的状态 (即工具栏地址栏等没有改变 )下，IE 窗口内能看到的部分为

778px*435px，一般来讲，我们以这个大小为标准就行了，毕竟，在无法适合所有人的情况
下，我们只能为大多数考虑了。

找互联网资料，就到一览互联网文库