|
第一部分：界面设计标准
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] 下一页 | 
