(完整word)Web页面设计规范

1、（完整（完整word）Web页面设计规范第第 页共27页排除可能会使程序非正常中止的错误；应当检查用户录入无效的数据；采用相关控件限制用户输入值的种类;当用户面临的选择是两个或多个选一时，请采用单选框，而当选择的可能再多一些时，可以采用复选框；当选项特别多时，可以采用列表框，下拉式列表框；确保未经授权或没有意义的操作不能进行；对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽;对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态；对一些特殊符号的输入,与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符,并提前给出输入提示；对错误操作最好支持可逆性处理,如

2、取消系列操作；在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作；对可能造成等待时间较长的操作应该提供取消功能;特殊字符常有；,：、|+=)-(_*&线$#!,.。？/还有空格；在读入用户所输入的信息时，应根据需要选择是否去掉前后空格，例如：有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理；独特性要求如果一味的遵循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用要求:安装界面上应有单位介绍或产品介绍,并有自己的图标；主界面，最好是大多数界面上要

3、有公司图标；登录界面上要有本产品的标志，同时包含公司图标；帮助菜单的关于中应有版权和产品信息；公司的系列产品要保持一致的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致；多窗口的应用与系统资源设计良好的软件不仅要有完备的功能，而且要尽可能的占用最低限度的资源，因此在出现多窗口的情况下需要避免下述一些情况。要求：在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口；在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS系统资源；关闭所有窗体，系统退出后要释放所占的所有系统资源,除非是需要后台运行的系统；

4、尽量防止对系统的独占使用；6页面编程技术使用规范页面元素命名在使用javaScript来进行页面动态控制编程时，需要对程序中的页面元素和功能操作的名称引用进行约定:页头:header外套:wrap页脚：foot内容:content页面主体：main容器：container标题：title当前的：current主导航：mainnav顶导航：topnav子导航：subnav边导航:sidebar左导航:leftsidebar右导航：rightsidebar栏目:column面包屑：breadcrumb（即页面所处位置导航提示）菜单：menu子菜单：submenu菜单内容:menucontent菜单

5、容量：menucontainer按钮：button表单:form页签：tab文章列表：list滚动：scroll提示信息：msg摘要：summary标签：tag标签文字：tagTitle标签内容：tagContent当前标签：tagCurrent/currentTag搜索范围：range图标：icon当前位置：currentPath列定义:column1of3（三列中的第一列）column2of3（三列中的第二列）column3of3（三列中的第三列）商标：label旗志:logo标语：banner注释：note搜索:search搜索关键字：keyword登陆:Login注册:regsiter

6、热点：hot新闻：news下载：download打印:print版权：copyright服务：service友情链接：friendlink版权：copyright小技巧：tips栏目标题：title加入：joinus指南：guild服务：service状态:status投票:vote合作伙伴:partner其它相关注意事项1.一律小写；2.尽量用英文;3.不加中杠和下划线；4.尽量不缩写，除非一看就明白的单词DHTMLx控件控件的命名控件的外观属性控件使用规则Flex控件控件的命名控件的外观属性控件使用规则7页面资源规格说明图标图标需要按照用途分类来定义：通用类业务相关类风格类图标应采用矢量图来表示，在创建时需要考虑的属性有：色彩大小形状图案动作状态建立在统一的资源库中。图片这里所规范的图片是在WEB应用中使用的预置图片，需要定义图片的属性:图片的格式图片的尺寸