---------------------考试---------------------------学资学习网---------------------押题------------------------------Web页面设计规范号：编号：本版受控状态：者：作号：发分文档修改历史记录文档修改记录日期版本号更改人更改内容文档审核记录日期版本号审核人审核意见---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---录目61引言6目的1.16范围1.26缩略术语1.361.4参考资料6WEB页面框架内容26页面框架2.16页面布局2.262.2.1布局原则72.2.2布局要求72.2.2.1页面分割82.2.2.2页面结构92.2.2.3页面展现102.2.2.4页面美化102.3页面字体112.4边距11表格2.512段落排版2.612Frame2.7132.8其他页面元素页面风格143143.1风格分类14页面风格应用3.24WEB页面交互1414页面元素焦点切换4.115信息填写4.1.1---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---15鼠标交互响应4.1.217页面信息交互4.217操作结果确认4.2.117其他规则4.2.2174.3页面信息提示204.4键盘响应支持20WEB页面通用规范520一般页面功能5.1205.1.1新增215.1.2修改215.1.3删除21查询5.1.4215.1.5取消225.1.6保存225.1.7重置225.1.8返回22分页5.1.922全选5.1.10225.2一般页面规则22默认值5.2.1235.2.2必填值235.2.3界面传递23窗口嵌套5.2.4235.2.5输入框操作245.2.6在线帮助功能24菜单功能要求5.2.7255.2.8快捷键功能255.2.9快捷键的限制265.2.10页面的规范性275.2.11系统易用性285.2.12输入安全性要求285.2.13独特性要求29多窗口的应用与系统资源5.2.14296页面编程技术使用规范296.1页面元素命名32DHTMLx控件6.232控件6.3Flex327页面资源规格说明327.1图标337.2图片33多媒体7.3348附录DHX基于的CSS规格示例348.134CSS8.1.1表格示例348.2---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---典型应用的页面示例引言目的本文用于规范我公司所开发的商业软件中对于web页面的设计工作，明确在设计中所要遵循的准则和方法，web页面中各个元素的规格要求，确保所实现的web页面在风格、结构和功能上的统一，提升商业软件的外在品质。范围本规范适用于公司所有的商业软件产品。缩略术语DHMLX：web页面的UI控件参考资料WEB页面框架内容页面框架WEB的页面框架是指构成完整页面的组织结构。通常是由以下三部分构成：Head，Main，Foot，有些时候出于布局的需要，在“Head”下面还会加上用于页面功能导航的“Menu”。如图：图1页面布局布局原则对于WEB应用来说，页面布局是和web应用的功能区相对应的，并且对于页面中各个部分之间的切分比例也需要遵守一定的规则。---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---页面布局的设计，首先需要考虑用户在浏览web页面时视觉流向上的要求：图2从视觉流向上看，用户首先看到的是页面“Head”部分的左面，通常那里是标识这个WEB应用的Logo；然后是陈列WEB应用主要功能的“Menu”来用于页面导航；接下来用户将看的是处于页面左侧的“sidebar”，通常这里也是用于页面功能导航的，和“Menu”出的选择相呼应，这里的内容可以通过类似树状结构的方式展示更为详细的功能；接下来是处于页面中心位置的内容部分，最后用户的视线落在WEB页面的底部。布局要求页面分割以上面图示的布局方式为例，按照通常web页面设计时所遵循的方法，并结合黄金分割比例的方法：首先，将页面按照3*3的方式进行分割，如下图：---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---在高度方向上，对上部1/3区域按照黄金分割的方法分出head和menu的区域；在宽度方向上，对中部左边1/3区域按照黄金分割的方法分出sidebar的区域，剩下的空间留给content区域；在高度方向上，对下部1/3区域按照黄金分割的方法分出foot的区域；页面结构页面的布局中，各个区域大小的定义方式是不同的，请见下图：---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---图3在页面布局中，对各个功能区域的切分是按照“像素”和“比例”方式来进行的，以1024*768的分辨率做为基准，其中：Head区域...