页面排版介绍

1、可以把一个页面分为页头区域、正文区域、页脚区域，页头区域与页脚区域默认是网站所有页面的共享部分，如果某个页面不需要这个

共享页头或共享页脚，可以把它们隐藏。

页头区域

位于一个页面的有部分，用橙色虚线框起来的这部分，如下图所示；

把鼠标放到“页头”两个字上出现“隐藏页头”四个字，单击即可把页头隐藏起来。

页脚区域

在页面最下端，用橙色虚线框起来的这部分，称为页脚区域。

把鼠标放到“页脚”两个字上出现“隐藏页脚”四个字，单击即可把页脚隐藏起来。

正文区域

处于页头与页脚中间的那一部分我们称之为正文区域。

2、通过拖拽组件的方式可以对页面进行排版。

增加一行

把鼠标放到组件名称上，按住鼠标左键拖动组件，直到要放置组件的位置出现一条实线时即可松手，黑色实线代表：在同一行中增加一行形

成一个嵌套行，蓝色实线代表额外增加一行。

增加一列

按住鼠标左键拖动组件，直到要放置组件的位置出现一条黑色实线时即可松手。关于组件拖动的方法我们正在录制视频敬请期待。

区块不支持组件重组，但是支持上移或下移，单击查看区块操作方法。

当一行超过两列时，如何调整两列所占的宽度？

把鼠标放到两列中间区域，左右晃动鼠标左键，会出现一条黑色的竖线，用鼠标左键按住此黑色实线，往左或往右拖动来调整两列的宽度。

3、12栅格设计规范

在一行里调整某个组件（某一列）所占宽度时，每拖动一次就是拖动1个栅格，关于栅格的介绍，请参考下图：

4、嵌套行和12栅格的运用

如果需要把多个组件放到同一行里（即嵌套行），应该怎么操作？常见的嵌套行和12栅格的操作演示请参考此页面的视频：

http://www.leadong.com/wangzhanzhizuo.html《嵌套行和12栅格运用》，密码：leadong