网页可以说是一个网站的基本要素。当我们点击鼠标在互联网上漫游时，一系列精彩的网页会出现在我们面前。那么，使网页精彩与否的因素是什么呢？色彩的搭配，文字的变化，图片的处理等。是不可忽视的因素。除了这些，还有一个很重要的因素：——网页的布局。接下来我们来说说网页的布局。
网页布局类型的网页布局大致可以分为“国家”型、边角型、标题文字型、左右边框型、上下边框型、综合边框型、封面型、Flash型、可变型，下面分别讨论。
1、“国”字型：也可以称为“桐梓”，是一些大型网站最喜欢的类型，即顶部是网站的标题和横幅广告栏，其次是网站的主要内容，左右各有两个小项目，中间是主要部分，与左右并列，底部是网站的一些基本信息、联系方式和版权声明。这种结构几乎是我们在网上看到的最多的一种。
2、拐角型：的这种结构只是在形式上与前一种不同。其实很像。上面有标题和广告横幅，左边是一个狭窄的链接列表，右边是一个宽阔的文字，下面是一些网站的辅助信息。在这些类型中，很常见的一种是顶部是标题和广告，左边是导航链接。
3、标题正文型：是标题或类似的东西在顶部和下面的文字，如一些文章页面或注册页面。
4、左右框架型：是一个框架结构，左右各有两页。一般左边是导航链接，有时候顶部有小标题或者标致，右边是文字。我们看到的大部分大型论坛都有这种结构，一些企业网站也喜欢采用。这种类型的结构非常清晰，一目了然。
5、上下框架型：与上面类似，只是它是一个分成两页的框架。
6、综合框架型：上一页的两种结构组合是一种比较复杂的框架结构，比较常见，类似于“转角结构”，但只采用框架结构。
7、封面型：基本上出现在一些网站的首页。大部分都是一些精致的平面设计结合一些小动画，有几个简单的链接或者只是一个“回车”链接，甚至是直接在首页图片上的链接，没有任何提示。这些类型大多出现在公司网站和个人主页上。如果处理得好，它们会给人一种赏心悦目的感觉。
8、Flash型：和封面式结构差不多，只是这种类型采用Flash，目前很流行。与封面类型不同，由于Flash的强大功能，页面上表达的信息更加丰富，其视觉效果和听觉效果，如果处理得当，绝不逊色于传统的多媒体。
9、变化型：是上述类型的结合和变化。比如这个站点在视觉上比较接近转角式，但实现的功能本质是上、左、右结构的综合框架式。
关于第一屏 所谓的折叠上方是指我们到达网站时不用拖动滚动条就能看到的部分。那么折叠上方有多大呢？其实这个是未知的。一般来说，在800*600(也是最常用的)的屏幕显示模式下，在IE安装后的默认状态下(即工具栏地址栏没有变化)，IE窗口中可见的部分是778px*435px。一般来说，我们只能以这个尺寸为标准。毕竟，我们只能在不适合所有人的时候为大多数人考虑。说了这么多，无非是个标准问题。其实接下来就不需要了
我说大家也能想到，第一屏当然要放最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，积于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。
什么样的布局是更好的
这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，我只是想把这个留给读者了，因为，只有不断的变化才会提高，才会不断丰富我们的网页。
鲁ICP备15001313号
鲁公网安备 37039402000105号