WEB开发细则初稿1.docVIP

WEB开发规范初稿 目 录 一 整体页面效果 2 二 表单类 4 三 表格类 5 四 控件外观类 6 五 代码类 8 六 SQL类 9 七 命名类 10 八 自行测试类 11 一 整体页面效果 1 所有页面都要具有和本页标题相同的title。 2 所有中文页面都要加上语言设置语句。 3 所有页面要在1024*768 1440*900两种分辨率下运行通过，其中宽屏如客户无特殊要求采用居中方式不变形即可。 4 所有页面要在IE6.0以及7.0下运行通过没有脚本程序错误。 5 界面设计原则：风格必须统一，界面风格依据美工原始效果图。 6 B/S结构开发原则：使用框架。 7 页面使用表格（Table）进行格式设置：表格百分比定宽，居中，隐藏边框。 8 主页面Body设置：bgcolor=#FFFFFF。 9 框架子页面Body设置：bottomMargin=0 leftMargin=0。 10 冒号必须是在中文输入状态下键入。 11 控件外观在CSS内设置，主要包括：链接，表格，文本框，数据集。 12 一般性项目开发的主框架是三个，其命名规则如下： 顶部框架：_topFrame 左侧框架：_leftFrame 主框架 ：_mainFrame 13登录界面完成用户身份和权限识别的功能，要求界面简单明了，美观大方。界面功能键包括登录、取消和重置。若输入密码有问题，需要提示重新输入，提示规范请参考下一节。部分项目提供图形验证码功能。 14 整体界面背景颜色设为白色，大部分字体采用黑色。整个WEB程序采用统一的CSS样式表来控制界面风格。 15 字体一般情况下中文采用楷体；英文采用Arial。 16 字形一般情况下应采用常规字型，仅当特殊需要时才考虑其他字型(如下划线、粗体字、斜体字等)。 17 按钮形状统一由CSS样式表控制。 18 相同类别的按钮应放在一起，组成按钮组，按钮组之间保持适当的距离，“确定”、“取消”、“退出”等按钮归为一类；“新增”、“修改”、“保存”、“删除”等按钮归为一类；“查询”、“打印”、“下载”等按钮归为一类；“各类按钮按以上列出的顺序从左向右排放，例如第一类中“确定”按钮放在最左边、“退出”按钮放在最右边、“取消”按钮放中间。按钮的排放顺序遵循常用和重要的放左边的原则。 19 菜单层次一般采用两层菜单。设计原则是将常用的、需单独处理的功能模块作为主菜单；将可归并为主菜单上的某一项、功能上相近或相关的作为二级菜单。 20 滚动条采用自动方式，只在窗口的宽度和长度小于数据显示所需宽度或长度时才滚动条，而且只在主框架和左侧框架中出现，顶部框架不允许出现滚动条。 21 界面布局统一为“顶部和左侧的嵌套框架”形式进行界面设计，顶部框架放置LOGO、BANNER和一些公共功能，如返回主页、退出等，左侧框架放置系统菜单和各子菜单，右侧框架作为主显示窗口。每个框架的显示内容都应占据整个页框架的可用部分，不应留下空白。 22顶部框架占页面高度的15-20%。 23左侧框架占页面宽度的15-18%，呈目录树结构。 24 主框架要求： 主框架第一行显示当前选择的功能界面名称且尽量按导航方式显示。 按钮放在框架的底部中间或右侧。 字段排列的优先顺序为从左到右，从上到下。 需要用户输入或点选操作的字段应优先排放，并要求按主关键字、索引关键字、其他字段的顺序依次排放，使用频率高的字段排在前面，按TAB键的时候能按次序跳到下一个字段。 不允许用户输入或点选的字段应明显表示，采用背景变灰的方式。 25 链接路径全部采用相对路径Label，不要使用类似修改的form页面。 6 除非客户要求，数据表格上均支持按某些键值的自定义排序，排序要求需在设计文档中详细描述。 7 翻页的条数一般限制在20-25条之间。 8 除特殊类数据字典外（比如树形结构、数量很少的字典内容），其余数据集必须使用翻页功能。 9 标题属性字段默认为“查看”链接。 10 数据列表上的操作按钮，一般应以新开窗体或对话框的形式完成，且新开窗体或对话框必须有“关闭”按钮。 四 控件外观类 控件类型 Control Type Label {适应文本} {适应文本} TextBox {150px|100%|超短|超宽} {默认值} Button {50px|文本宽度} {默认值} LinkButton {适应文本} {适应文本} ImageButton {适应图片} {适应图片} HyperLink {适应文本} {适应文本} DropDownList {150px|100%|适应文本} {默认值} ListBox {150px|100%|适应文本} {100px |适应项目数|按需}