页面结构

 

 

网站编辑器

 

页面结构需求文档

编制：吴畏竞

日期：2018-2-24

版本说明

版本号	编辑者	内容
V1.0	吴畏竞	创建网站页面结构需求说明

文档说明

该文档主要阐述一个网页的整体结构分区；及每个区域的属性；

功能清单

功能点	概述	备注
网站整体结构
栏位属性

网站页面整体结构

一． 组成结构

1. 一个网站页面由4部分组成：顶栏区，横幅区，内容区，底栏区
2. 顶栏区：网站顶部位置通栏
3. 横幅区：顶栏下方的区域
4. 内容区：横幅下方的区域
5. 底栏区：网站底部位置通栏

示例：

各栏位属性

一． 通用属性

1. 各栏位均为容器，可容纳建站组件摆放至每个区域的任意位置，仅只有内容区可放置布局组件，其他三个区域无法放置布局组件；
2. 栏位宽度：所有栏位宽度均为100%显示器宽度；
3. 栏位高度：每个栏位有初始高度，且栏位高度均可自定义
4. 栏位背景：每栏位背景均可自定义，颜色填充，图片填充，纹理填充；
5. 栏位边框：每栏位边框是否显示，可选择显示四条边框中的任意条数；
6. 栏位内距：栏位中的内边距属性；
7. 栏位显示：可设置每个栏位是否显示；

二． 特殊属性

1. 底栏特殊属性：

（1） “管理登陆”文字是否显示；

（2） “手机版”文字是否显示；

（3） “版权信息”文字信息编辑及是否显示；

（4） “技术支持”文字是否显示，某些网站版本技术支持必须显示，不可隐藏；

（5） 以上文字位置调整，居左，居中，居右；

（6） 以上文字样式调整，大小，字体，颜色；

（7） 全站公用：全站所有页面公用底栏

1. 横幅区特殊属性

（1） 可添加多张横幅图片，图片数量上限可根据不同网站版本配置；

（2） 横幅切换样式：数字，圆点，左右箭头等，具体可参考凡科横幅切换样式

（3） 横幅切换动画：淡入淡出，水平滑动，垂直华东，具体可参考凡科横幅切换样式；

（4） 横幅自动切换：展示时间设置，单位秒；横幅切换速度设置，单位秒；

（5） 横幅特效：横幅上的页面特效，是否开发待定，先预留位置，会有某些浏览器不兼容的情况，或缺少插件导致无法使用；

（6） 全站公用：可设置是否全站公用，还是仅该页面使用该横幅；

1. 顶栏特殊属性

（1） 全站公用：全站所有页面公用顶栏；