ASP.NET编程规范之界面设计标准浅析

　　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编程规范之界面设计标准有所了解  。