Web界面设计规范说明解释.docVIP

Web界面设计规范 Design Specification for Web UI （仅供内部使用 Only for inside of ****） 作者：日期：2005年5月日 ****财务 HFS Copyright by **** 2005,All rights reserved Web界面设计规范－文档修改记录 Specification for Web UI—Revision History 版本号 Version 日期 Revision Date 所修改页 Revision Pages 注 记 Summary/Comment 修改人 Signature 1.0 2005/5/ALL Create Ben 1.1 2005/6/6 5-10 增加部分规范 XY 目录 一、目的 4 二、适用范围 4 三、文件命名规范 4 四、控件命名规范 4 五、控件外观规范 5 六、界面设计规范 6 6.1字体 6 6.2颜色 7 6.3边距 7 6.4尺寸单位 7 6.5表格排版规范 7 6.5.1表格代码对齐 7 6.5.2表格高宽 8 6.5.3表格其他规范 8 七、其他规范 9 7.1网站目录结构 9 7.2排版规范 9 7.2客户端脚本 10 7.3状态管理 10 一、目的 回目录 二、适用范围 回目录 Web Form 扩展名 Extension File Name 描述 Description 前缀 Prefix .aspx / .ascx Web用户自定义控件 wuc 回目录 控件类型 Control Type 前缀 Prefix 例子 Example Label lbl lblTip TextBox txt txtName Button btn btnOK LinkButton lbtn ImageButton ibtn HyperLink hlk DropDownList ddl ListBox lst DataGrid grd DataList dlst Repeater rep CheckBox chk CheckBoxList chklst RadioButtonList rdolst RadioButton rdo Image img Panel pan PlaceHolder plh Calendar cld AdRotator adr Table tbl RequireFieldValidator rfv CompareValidator cpv RangeValidator rgv RegularExpressionValidator rev CustomValidator cstv ValidationSummary vls Xml xml Litteral ltl CrystalReportViewer crv 回目录 控件类型 Control Type Label 适应文本 适应文本 TextBox 150px|100%|超短|超宽 默认值 Button 50px|文本宽度 默认值 LinkButton 适应文本 适应文本 ImageButton 适应图片 适应图片 HyperLink 适应文本 适应文本 DropDownList 150px|100%|适应文本 默认值 ListBox 150px|100%|适应文本 100px |适应项目数|按需 DataGrid 按需 按需 DataList 按需 按需 Repeater 按需 按需 CheckBox 适应文本 默认值 CheckBoxList 适应文本 适应项目 RadioButtonList 适应文本 适应项目 RadioButton 适应文本 默认值 Image 适应图片 适应图片 Panel 适应内部控件|按需 适应内部控件|按需 PlaceHolder 适应内部控件|按需 适应内部控件|按需 Calendar 按需 按需 AdRotator 按需 按需 Table 按需 按需 RequireFieldValidator 适应文本 默认 CompareValidator 适应文本 默认 RangeValidator 适应文本 默认 RegularExpressionValidator 适应文本 默认 C