页面排版介绍
浏览数量: 9 作者: 本站编辑 发布时间: 2019-05-10 来源: 本站
1、可以把一个页面分为页头区域、正文区域、页脚区域,页头区域与页脚区域默认是网站所有页面的共享部分,如果某个页面不需要这个共享页头或共享页脚,可以把它们隐藏。
页头区域
位于一个页面的有部分,用橙色虚线框起来的这部分,如下图所示;
把鼠标放到“页头”两个字上出现“隐藏页头”四个字,单击即可把页头隐藏起来。
页脚区域
在页面最下端,用橙色虚线框起来的这部分,称为页脚区域。
把鼠标放到“页脚”两个字上出现“隐藏页脚”四个字,单击即可把页脚隐藏起来。
正文区域
处于页头与页脚中间的那一部分我们称之为正文区域。
2、通过拖拽组件的方式可以对页面进行排版。
增加一行
把鼠标放到组件名称上,按住鼠标左键拖动组件,直到要放置组件的位置出现一条实线时即可松手,黑色实线代表:在同一行中增加一行形成一个嵌套行,蓝色实线代表额外增加一行。
增加一列
按住鼠标左键拖动组件,直到要放置组件的位置出现一条黑色实线时即可松手。关于组件拖动的方法我们正在录制视频敬请期待。
区块不支持组件重组,但是支持上移或下移,单击查看区块操作方法。
当一行超过两列时,如何调整两列所占的宽度?
把鼠标放到两列中间区域,左右晃动鼠标左键,会出现一条黑色的竖线,用鼠标左键按住此黑色实线,往左或往右拖动来调整两列的宽度。
3、12栅格设计规范
在一行里调整某个组件(某一列)所占宽度时,每拖动一次就是拖动1个栅格,关于栅格的介绍,请参考下图: