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

当前题目：ASP.NET编程规范之界面设计标准浅析
文章链接：http://www.hantingmc.com/qtweb/news16/318066.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容