单列通栏布局版式示意HTML,整体布局2——页面排版布局

一、页面整体布局说明

网页总共由三部分组成页面顶部、页面正文、页面底部。页面顶部和页面底部一旦进行了设计，那么无论是新建网页还是选择系统内页都会是统一的头部和底部，所以我们设计一般是对正文进行布局。

如何区分页面的头部和底部、正文部分。如图所示：

所以，一般网站首页做了网站头部和底部的设计，内页会直接继承过来，都是统一的头部和底部，内页就只需设计网站正文部分。

二、页面布局——容器组件的使用

对页面进行布局。布局即对页面展示布局搭建，主要通过名企云提供的4种排版容器(通栏容器、通列容器、自由容器及选项卡排版容器)对页面进行基本的排版布局。

以下为用容器进行布局(内容居中排版)示例图：

注释：页面容器里面的颜色，是为了更好的区分容器的位置及大小。

三、容器布局具体操作示例

网站布局一般分为内容居中式布局与满屏布局。内容居中式布局方式一般内容区的大小是固定的，所以当浏览器窗口大小改变的时候，页面的布局不会改变，只是距离两边的距离会改变。这也是这种布局比较受欢迎的原因之一。除内容居中式布局外，我们在浏览一些管理类网站的时候