文档介绍：B/S系统界面设计规范
引言
界面美观、操作易用性、维护成本低是评价B/S系统的关键。本规范参考了一些成熟产
品科学的开发方法，将开发过程中的方式、规则等强行的约束。希望藉此来提高用户操作感受，提升B/S产品的质量。
。
（版式）设计
1．页面布局基于表格Table建立完全符合设计效果图。
2．文字容易阅读。行间距、字体大小等通过样式表统一控制。
3．页面链接根据不同功能、不同状态用不同颜色、状态标志，增加页面层次。
4．基于表格Talbe的布局（Layerout）控制，便于控制实现不同分辨率下的适应，和
“容器”规范外观和规格，不同页面中的行列分布
5．使用样式表修饰页面表格Table,如表格单元格、背景，表格内字体等，方便今后对
于整个站点的维护和扩展。
6．页面分组页面查询区域、数据列表、详细信息、编辑区域等根据不同功能分组，所在区域主题（Title）标注该区域的名称，类似功能页面间布局保持一致。
7．建立数据表格关系包含数据的表格使用户在视觉上理解相互间关系，如序列、父子
表等。
8．页面留白页面有明显留白区域，且不同群组之间距离保持一致。
9．分辨率适应页面布局以保证在低分辨率[800*600]下的正确显示为前提，适应高分
辨率情况使用表格宽度等参数使用百分比方式自动适应；

1表格作为控件物理上包含的容器和内部包含的控件之间的属性定制互不影响，

即实现
其无关性，这样才能完整的保证页面的基本结构在局部修改时不发生变化。
2力求样式表实现页面格式全部控制，废弃如<font>、<backcolor>等内嵌标记，实例化
坐标位置的<div>标记、页面中控制布局的标记修饰含style属性的内嵌样式修饰，便于使用
第三方页面维护工具修改页面。
3页面基本HTML及服务器端控件扩展标记等均保持代码干净整洁，便于检查和控制；
4含有复杂嵌套结构的,<tr>,<td>标记在行间留白及结构的缩进，便于今后的维护。
5非数据操作使用客户端脚本实现，减少非必要的服务器[WEB服务器、数据库服务器

]
负载；

控件控制
1第三方服务器端控件的使用要保证具有广泛兼容性和安全性，且具有完备的接口指定
外观属性和交互方式。
复杂的应用程序中非标准交互控件给出详细的操作方法的提示。
3页面中尽量使用统一的导航类型，如使用基于点击“图形”的链接、“文字”的链
接或文字图形混合其中一种方式。
举例：
4页面按钮作为基本交互控件，提倡使用有鼠标响应状态变化和禁用状态的BUTTON按钮，除特殊界面需要，不提倡使用图形按钮，而且保证同一应用程序内只使用一种外观的
按钮。
5
中

拖放的服务器端控件在页面表格Table里在执行过程中不能破坏页面原布局。
CANLENDAR控件建议在弹出的子窗体内独立使用。

6包含数据的表格使用中没有数据的情况有文字标注

[无**

数据]]，表头字段名用区别于
数据行的格式显示。
7分栏目的主题名称使用用户容易理解的，

以用户第一人称角度的命名方式，

减少生硬
的称谓给用户带来的不友好感。
B/