文档介绍：Web页面设计规范编号:
版本号：
受控状态:
作者:
分发号：
文档修改历史记录文档修改记录
版本号更改人更改内容
目
录
1
引言6
目的6
范围6
缩略术求是一样的，宽度按照100%设置，高度结合
“head”［勺高度设置来确定，一渝占?px;Sidebar区域，宽度是结合与“content”之间的黄金切分比例，按照固定任票确定的，一般占？1px；高度是按照比例方式来设置的；!/Content区域，高度和宽度方向布局都是按照比例方式来设暨的；1Foot区域，宽度按照100%设置，高度采用所占的固走俾素值来确定的，一般占?
px;页面展现对于页面布局来说，除了上述要求外，还需要考虑如下要求：
能自适应1024*768、800*600两种分辨率；界面层次不超过3层；默认窗口设置下，不应出现水平、垂直滚动条；当界面内容超出显示区域时，以浮动层的形式显示；还有，对于用户的感官而言，屏幕对角线相交的位置是用户直视的地方，而页面正上方四分之一处为易吸引用户注意力的位置，所以在放置页面时要注意利用这两个位置。
要求：
父页面或主页面的中心位置应该设计在对角线焦点附近；子页面的位置应该靠近主窗体的左上角或正中；需要多个子页面弹出时，应该依次向右下方偏移，以显示窗体出标题为宜；在页面上方四分之一处放置用户的logo、主要功能导航和一些系统操作功能;页面美化界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。
建议和要求：
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度；布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间；同一页面上的按钮大小应该一致，不同页面的按钮大小尽虽相近，按钮上忌用太长的名称；按钮的大小要与界面的大小和空间要协调；避免空旷的界面上放置很大的按钮；放置完控件后界面不应有很大的空缺位置；字体的大小要与界面的大小比例协调，通常使用的字体12px;前景与背景色搭配合理协调，反差不宜太大，主色要柔和，最好少用深色，如大红、大绿等，可以借用Windows界面色调；大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等；界面风格要保持一致，字的大小、颜色、字体要相同，需要艺术处理或有特殊要求的地方建议使用图片表现；如果窗体支持最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放；系统对话框页面不应该支持缩放，即右上角只有关闭功能；通常父窗体支持缩放时，子窗体没有必要缩放；如果能给用户提供自定义界面风格，则由用户自己选择颜色、字体等；页面字体页面字体属性的设置在相应的CSS中进行定义，页面文字编码要求是UTF-8,在规定字体属性时，需要设置：中文采用“宋体”，英文采用“Arial”或“verdana”，CSS文件中的font-family里面必须保证有“宋体”。
对于页面属性中字体大小的设置，需要内容的不同级别来设置，通常：
“Head”中标题文字，20px;
“Menu”中的导航文字，14px;
“Sidebar”中的文字，12px;
“Content”中的正文，12px或14px,标题；
“foot”中的文字，12px或10px;有关页面字体属性的具体设置参见附录中的CSS示例。
边距
WEB页面和其中的表格都应该设定边距，避免页面元素紧贴边沿的情况发生，最小边
距值为“3px”，默认边距值应在
CSS中设定。
例如:
表格对于表格，其属性的设置同样在
CSS中进行定义
表格使用最多的情况是显示装在的数据，由于有很多表项需要在页面中完整显示，因此原则上对于表格各个单元搭宽度睡置应采用百分比方式来进行，这样表格术4能够临数据完整地显示「而且还耐够适II不同分辨率的情况。5平表格中存在不定长MUG6的内容，所以为了保证表格的宽度不被挤变形，对于不定长的内容，可固定显示宽度，当、出&息血度后:以？?显示，光标停留后，详细内容再在浮动层显示。
,T1WfJIt
IIII||ArNfflv其他要求：
1IIf1|HjIWK“表』中的数据应水平/垂直居中1M表单中内容如为定长，则为居中显示；如为不固定的中英文内容，则为居左显示；如为数值形式，则为居右显示。
表格的表头应采用不同于表格内容的背景颜色，并要求对比明显；表格表头的文字应采用加粗，或不同于表格内容的字体；表格中相邻行需要通过两种有一定对比差异的浅色作为背景色；1vvWfHmVFWVWHrnnfiVvVfnrinWIIq个页面的表格边框风I格需要统一，建议设置细边框；
11由叫涉I*jj，格站布加文字需要采用不同于其他内容的颜色或字体显示；，于表格的嵌套尽虽控制在三层以