ASP.NET编程规范之界面设计标准浅析
创始人
2024-04-24 09:50:32
0

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 链接类:

  1. a:link {font-size: 12px;line-height: 20px;text-decoration: none; color: #666666}  
  2.  
  3. a:visited {font-size: 12px;line-height: 20px;color: #666666;text-decoration:  
  4.  
  5. none;}  
  6.  
  7. a:hover {font-size: 12px;line-height: 20px;color: #FF6600;text-decoration:  
  8.  
  9. underline;}  
  10.  
  11. a:active {font-size: 12px;line-height: 20px;color: #666666;text-decoration:  
  12.  
  13. underline;} 

i.ii 表格类:

td{font-size: 12px; line-height: 20px; text-decoration: none;}

i.iii 文本框类:

  1. .inputPM{BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid;  
  2.  
  3. BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid;  
  4.  
  5. HEIGHT: 22px} 

i.iv datagrid类:

  1. .dg_grid /* Grid-总体 */ 
  2.  
  3. {font-size:12px; border-style:solid; border-width:2px; border-color:White;  
  4.  
  5. text-align:center; vertical-align:middle;}  
  6.  
  7. .dg_header /* Grid-页眉 */ 
  8.  
  9. {font-weight :bold ; color:#E7E7FF; background-color :#3366CC; text-align:center;  
  10.  
  11. vertical-align:middle; height:25px;}  
  12.  
  13. .dg_alter /* Grid-交替行 */ 
  14.  
  15. {background-color :AliceBlue; height:22px;}  
  16.  
  17. .dg_item /* Grid-普通行 */ 
  18.  
  19. {color :Black; background-color:WhiteSmoke; height:22px;}  
  20.  
  21. .dg_page /* Grid-页导航 */ 
  22.  
  23. {color:Black; text-align:right; vertical-align:middle; height:22px;}  
  24.  
  25. .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编程规范之界面设计标准有所了解。

【编辑推荐】

  1. ASP.NET编程模型HTTP工作原理
  2. ASP.NET编程模型HTTP协议浅析
  3. ASP.NET编程模型之ASP.NET页面构成浅析
  4. ASP.NET编程模型之ASP.NET页面生命周期图解
  5. ASP.NET编程模型之页面生命周期十一步详解

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...