教你初学者建设网站需要掌握什么布局知识。

当用户打开一个网站的时候，首先映入用户眼前的就是网站的页面布局。而且优秀的页面布局可以让用户第一时间就找到想要的内容。那么作为初学者建设网站到底要怎样做好页面布局呢?又应该掌握什么布局知识呢?小编为你解答!

首先、要了解页面布局的类型有哪些?页面的布局大概可以分为以下几种：国字型、拐角型、标题型、左右框架类型、上下框架类型、综合框架类型等等。

国字类型，也被称为同字型，很多大型网站都比较喜欢使用这种布局类型。这种类型的布局：最上面部分是网站的标题、网站横幅、广告条，然后是网站的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容。而最下面就是关于网站的一些基本信息、联系方式、版权等等一些比较固定的信息。互联网上最多的就是这种类型。

拐角型，这一种类型就是国字型的变形，只是在形式上不一样。最上面的部分是网站的标题以及网站的横幅广告条，下面的左侧比较窄，是一些链接，右侧比较宽，是正文内容，最下面是网站的一些常规信息。

标题正文类型，上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面。

左右框架类型，这种类型是左右分别为两页的一种框架，一般布局是：左边是导航链接，最上面有时是一个标题，而右面就是主要内容。最常使用这种类型布局的是论坛网站，企业网站中的内页有很多是采用这种布局方式的。这种类型的布局的特点是结构清晰明了。

上下框架类型，与左右框架类型类似，只是这种类型是上下两页的结构。

综合框架类型，其实就是左右框架类型和上下框架类型的结合体。

第二、了解了布局有哪些类型之后，就来谈谈第一屏的设计。第一屏指的是不用滚动就能看到那一部分。第一屏的大小是不确定，因为每个终端的分辨率是不一样的。例如：1024*768的分辨率下，IE浏览器默认状态下，可以看到的那一部分，很多时候都是以这个为标准的。第一屏肯定要展现一些最重要的内容，首先要对第一屏的空间做一个估算。在网站建设过程中，最困难的一个地方就是用户使用的终端与浏览器是未知的。