三分钟教程之：最强的页面布局

• 作者：励惠
• 来源：帮助中心
• 日期：2010年08月06日
• 点击数：71
• 

布局是设计网页最基本的操作。本平台提供了最易用最灵活的布局设计：表格式布局&绝对布局的有机结合。

一、表格式布局：就象制作WORD表格一般，可以轻松制作出想要的布局。表格布局的基本操作如下：

1.插入一行：在空白页面或已布局表格的某一单元格内，点鼠标右键，在右键菜单中选择插入一行，选择内部、上部、下部，同时选择这一行的栏数（即单元格数），即在相应位置插入包含指定栏数的行。在上面和下面插入，是在当前单元格外部插入行，插入的行与单元格所处的行是同级别的行。在内部插入，是插入嵌套行，嵌套不限层级。

2.拆分单元格：在某个单元格处点鼠标右键，选择拆分单元格，即将这一单元格拆分为横向的两个单元格。拆分的单元格还可以再拆分。

3.删除单元格：在某个单元格处点鼠标右键，先择删除单元格，则将当前单元格删除，注意，单元格删除的同时，也将单元格内的插件同时删除。

4.行高：行高默认为自适应，根据内部插入行的高度或者插件的高度自动适应高度。行高也可以自行设置：方法一：将鼠标方置在行的下边，待其变成双向的箭头时，通过拖动鼠标即可以对行高进行调整；方法二，选择行，点右键，选择属性设置，可以直接输入高度数值。调整过高度的行或单元格，当内部插入行、单元格的高度或插件内容的高度大于该高度时，则默认为超出部分不显示，如果要显示内部所有内容，则需要将该行或单元格的属性设置为溢出显示。
5.行的宽度：行的宽度始终为100%,即如果在空白页面插入一行，则行的宽度为页面的宽度。如果在某一单元格内部插入一行，则行的宽度为单元格的宽度。

6.单元格的宽度：如果插入的一行包含多栏，即多个单元格，则单元格的宽度可以用鼠标进行拖曳调整，也可以在属性中用数值精确控制。

7.单元格的高度：单元格的高度默认为自适应，根据内部插入行的高度或者插件的高度自动适应高度。如果对单元格高度进行过拖曳调整，则高度为调整设定值。内部插入行的高度或插件内容的高度如果大于该高度，则默认为不显示，如果要显示内部所有内容，则需要将该单元格的属性设置为溢出显示。

上述基本操作的组合，可以设计出任意想要的布局效果。

二、绝对布局：是布局的位置可以在一定范围内任意拖动的布局。 本平台提供的绝对布局，是相对于插入点的绝对布局，既可以自由移动，又可以准确定位。绝对布局的基本操作如下：

1.在当前操作的窗口为整个内容区时，点击右键插入绝对布局，则该绝对布局的位置是相对于页面内容区的左上角，这种绝对布局的优点可以在页面内外自由移动，但是在页面浏览状态下显示的位置与设计时的位置不一致，需要反复调试。（这是目前提供绝对布局的自助建站软件所共有的缺陷）。

2.为了解决上述绝对布局的缺陷，来平台还提供了相对于布局表格的绝对布局，在某一单元格处点右键插入绝对布局，则该绝对布局的位置是相对于该单元格的左上角的，可以在页面内自由移动，但可以精确地随着该单元格在页面里的显示位置而定位，从而可以做到精准定位。

        绝对位置是浮于表格布局的上层的，添加的内容会覆盖在表格布局的内容的上层。 表格布局与优化的绝对位置布局的有机组合，可以灵活高效地制作出各种布局效果。