Web页面设计规范
编号：
版本号：
受控状态：
作者：
分发号：
文档修改历史记录文档修改记录
文档审核记录
目录
1引言 (5)
1.1目的 (5)
1.2范围 (5)
1.3缩略术语 (5)
1.4参考资料 (5)
2WEB页面框架内容 (5)
2.1页面框架 (5)
2.2页面布局 (6)
2.2.1布局原则 (6)
2.2.2布局要求 (6)
2.2.2.1页面分割 (6)
2.2.2.2页面结构 (7)
2.2.2.3页面展现 (8)
2.2.2.4页面美化 (8)
2.3页面字体 (9)
2.4边距 (9)
2.5表格 (9)
2.6段落排版 (10)
2.7F RAME (10)
2.8其他页面元素 (11)
3页面风格 (11)
3.1风格分类 (11)
3.2页面风格应用 (12)
4WEB页面交互 (12)
4.1页面元素焦点切换 (12)
4.1.1信息填写 (12)
4.1.2鼠标交互响应 (12)
4.2页面信息交互 (14)
4.2.1操作结果确认 (14)
4.2.2其他规则 (14)
4.3页面信息提示 (14)
4.4键盘响应支持 (16)
5WEB页面通用规范 (17)
5.1一般页面功能 (17)
5.1.1新增 (17)
5.1.2修改 (17)
5.1.3删除 (17)
5.1.4查询 (17)
5.1.5取消 (18)
5.1.6保存 (18)
5.1.7重置 (18)
5.1.8返回 (18)
5.1.9分页 (18)
5.1.10全选 (18)
5.2一般页面规则 (18)
5.2.1默认值 (18)
5.2.2必填值 (19)
5.2.3界面传递 (19)
5.2.4窗口嵌套 (19)
5.2.5输入框操作 (19)
5.2.6在线帮助功能 (19)
5.2.7菜单功能要求 (20)
5.2.8快捷键功能 (20)
5.2.9快捷键的限制 (21)
5.2.10页面的规范性 (21)
5.2.11系统易用性 (22)
5.2.12输入安全性要求 (22)
5.2.13独特性要求 (23)网页界面设计的定义
5.2.14多窗口的应用与系统资源 (23)
6页面编程技术使用规范 (24)
6.1页面元素命名 (24)
6.2DHTML X控件 (25)
6.3F LEX控件 (26)
7页面资源规格说明 (26)
7.1图标 (26)
7.2图片 (26)
7.3多媒体 (27)
8附录 (28)
8.1基于DHX的CSS规格示例 (28)
8.1.1表格CSS示例 (28)
8.2典型应用的页面示例 (28)
1引言
1.1 目的
本文用于规范我公司所开发的商业软件中对于web页面的设计工作，明确在设计中所要遵循的准则和方法，web页面中各个元素的规格要求，确保所实现的web页面在风格、结构和功能上的统一，提升商业软件的外在品质。
1.2 范围
本规范适用于公司所有的商业软件产品。
1.3 缩略术语
DHMLX：web页面的UI控件
1.4 参考资料
2WEB页面框架内容
2.1 页面框架
WEB的页面框架是指构成完整页面的组织结构。通常是由以下三部分构成：Head，Main，Foot，有些时候出于布局的需要，在“Head”下面还会加上用于页面功能导航的“Menu”。如图：
图  1

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。