Web界面设计规范说明
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web界面设计规范
Design Specification for Web UI （仅供内部使用Only for inside of ****）
作者：********
日期：2005年5月31日
****财务HFS
版权所有不得复制
Copyright by **** 2005,All rights reserved
Web界面设计规范－文档修改记录
Design Specification for Web UI—Revision History
目录
一、目的 (3)
二、适用范围 (3)
三、文件命名规范 (3)
四、控件命名规范 (4)
五、控件外观规范 (5)
六、界面设计规范 (6)
6.1字体 (6)
6.2颜色 (6)
6.3边距 (6)
6.4尺寸单位 (6)
6.5表格排版规范 (6)
6.5.1表格代码对齐 (6)
6.5.2表格高宽 (7)
6.5.3表格其他规范 (7)
七、其他规范 (7)
7.1网站目录结构 (7)
7.2排版规范 (8)
7.2客户端脚本 (8)
7.3状态管理 (9)
一、目的
为了使最终设计出来的Web界面风格一致化，开发者之间相互协作更轻松，特制定此Web 界面设计规范！
回目录
二、适用范围
1.此规范适合所有Web Form的UI设计。
2.有关Windows Form的UI设计请参考＜＜Windows界面设计规范＞＞。
回目录三、文件命名规范
Web Form
扩展名Extension 描述
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
回目录五、控件外观规范
说明：{50px|文本宽度}，表示该参数可以的取值为：“50px”或者“文本宽度”
控件类型Control Type 宽度(像素)
Width(px)
高度(像素)
Height(px)
备注
Remark
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 {适应文本} {默认}
CustomValidator {适应文本} {默认}
ValidationSummary {默认} {默认}
Xml {默认} {默认}
Litteral {默认} {默认}
CrystalReportViewer {默认} {默认}
回目录