ASP.NET编程规范之界面设计标准都有哪些呢?那么我们首先来
ASP.NET编程规范之界面设计标准1.开发环境设置:
屏幕设置为800*600/1024*768
ASP.NET编程规范之界面设计标准2.界面设计原则:
风格必须统一
ASP.NET编程规范之界面设计标准3.B/S结构开发原则:
使用框架/模板
ASP.NET编程规范之界面设计标准4.页面使用表格(Table)进行格式设置。
最外面的表格设置:width=778px align=center border=0
ASP.NET编程规范之界面设计标准5.主页面Body设置:
bgcolor="#cccccc"
ASP.NET编程规范之界面设计标准6.框架子页面Body设置:
bottomMargin="0" leftMargin="0"
ASP.NET编程规范之界面设计标准7.对齐:
文字(标签)右对齐;数字(数据)右对齐;文字(数据)左对齐,比较短的可以居中对齐;金额,需加上 千位符
ASP.NET编程规范之界面设计标准8.冒号必须是在中文输入状态下键入
ASP.NET编程规范之界面设计标准9.控件使用原则:
尽可能使用Html控件,需要提交而又不用在客户端使用Javasrcipt的可以使用Web控件
ASP.NET编程规范之界面设计标准10.
控件使用约定:
(1)控件外观设置:style.css
i.i 链接类:
- a:link {font-size: 12px;line-height: 20px;text-decoration: none; color: #666666}
- a:visited {font-size: 12px;line-height: 20px;color: #666666;text-decoration:
- none;}
- a:hover {font-size: 12px;line-height: 20px;color: #FF6600;text-decoration:
- underline;}
- a:active {font-size: 12px;line-height: 20px;color: #666666;text-decoration:
- underline;}
i.ii 表格类:
td{font-size: 12px; line-height: 20px; text-decoration: none;}
i.iii 文本框类:
- .inputPM{BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid;
- BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid;
- HEIGHT: 22px}
i.iv datagrid类:
- .dg_grid /* Grid-总体 */
- {font-size:12px; border-style:solid; border-width:2px; border-color:White;
- text-align:center; vertical-align:middle;}
- .dg_header /* Grid-页眉 */
- {font-weight :bold ; color:#E7E7FF; background-color :#3366CC; text-align:center;
- vertical-align:middle; height:25px;}
- .dg_alter /* Grid-交替行 */
- {background-color :AliceBlue; height:22px;}
- .dg_item /* Grid-普通行 */
- {color :Black; background-color:WhiteSmoke; height:22px;}
- .dg_page /* Grid-页导航 */
- {color:Black; text-align:right; vertical-align:middle; height:22px;}
- .dg_select{font-weight :bold ; color:White; background-color :#9471DE;} /* Grid-选择行 */
(2)几点补充:
ii.i 控件datagrid的数据显示:文字(短)居中对齐;文字(长)左对齐;日期左对齐;数字左对齐;金额左对齐,千位符
ii.ii 控件text的长度MaxLength按数据结构要求设置
ii.iii 因为操作主要跟数据库相关,所以控件类型可以与数据表字段(field)类型形成对应,此处约定为:
◆字段类型为文本、数字时,控件使用文本框
◆字段类型为布尔值时,控件使用单项选择按钮(checkbox控件)或下拉框
◆字段内容在固定的几个值中选择时(不论其类型),控件使用下拉框
◆字段类型为日期时间时,控件使用文本框+按钮(按钮可以选择日期,按钮.Value=”…”)
◆字段为其它表的外键,则分为两种情况:
a)、如果是属于基本资料的,控件使用下拉框。
b)、如果不是属于基本资料的,控件使用文本框+按钮(按钮用于跳出查询窗口,按说钮.Value=”…”
◆数据操作窗口一般为DataGrid+录入框
a)、DataGrid用于显示数据
b)、录入框用于输入/显示数据
c)、浏览窗口基本样式,主要以表格形式显示纪录,单表控件使用DataGrid/DataList/Repeater,多表使用NestedDataGrid
ASP.NET编程规范之界面设计标准就向你介绍到这里,希望你对ASP.NET编程规范之界面设计标准有所了解。
【编辑推荐】