第一部分:界面设计标准
1.开发环境设置:屏幕设置为800*600/1024*768
2.界面设计原则:风格必须统一
3.B/S结构开发原则:使用框架/模板
4.页面使用表格(Table)进行格式设置。
最外面的表格设置:width=778px align=center border=0
5.主页面Body设置:bgcolor="#cccccc"
6.框架子页面Body设置:bottomMargin="0" leftMargin="0"
7.对齐:文字(标签)右对齐;数字(数据)右对齐;文字(数据)左对齐,比较短的可以居中对齐;金额,需加上 千位符
8.冒号必须是在中文输入状态下键入
9.控件使用原则:尽可能使用Html控件,需要提交而又不用在客户端使用Javasrcipt的可以使用Web控件
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)类型形成对应,此处约定为:
u 字段类型为文本、数字时,控件使用文本框
u 字段类型为布尔值时,控件使用单项选择按钮(checkbox控件)或下拉框
u 字段内容在固定的几个值中选择时(不论其类型),控件使用下拉框
u 字段类型为日期时间时,控件使用文本框+按钮(按钮可以选择日期,按钮.Value=”…”)
u 字段为其它表的外键,则分为两种情况:
a)、如果是属于基本资料的,控件使用下拉框。
b)、如果不是属于基本资料的,控件使用文本框+按钮(按钮用于跳出查询窗口,按说钮.Value=”…”
[1] [2] [3] [4] [5] [6] [7] 下一页 [C语言系列]NET 中C#的switch语句的语法 [系统软件]托拽Explore中的文件到VB.net的窗口 [系统软件]Boost库在XP+Visual C++.net中的安装 [常用软件]新配色面板:Paint.Net3.0RC1官方下载 [常用软件]用内建的“Net Meeting”聊天 [VB.NET程序]Henry的VB.NET之旅(三)—共享成员 [VB.NET程序]Henry的VB.NET之旅(二)—构造与析构 [VB.NET程序]Henry的VB.NET之旅(一)—失踪的窗体 [VB.NET程序]在托盘上显示Balloon Tooltip(VB.NET) [VB.NET程序]Henry手记-VB.NET中动态加载Treeview节点(二)
|