web界面设计规范
一.页面设计部分
1.img控件
alt:所有展示类图片都要具有能简要描述图片内容的文字说明。
2.Input控件
maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度。
readonly:所有不可更改的信息都要使用readonly属性。
3.Form控件
action:所有Form都要指定action,如果提交给本身就指定action=""
method:执行不可逆动作使用POST,可逆动作使用GET
onsubmit:所有form都要指定提交前需要的检查程序。
所有form都要有对应的reset button。
4.button控件
onclick:form中用于提交的button不容许使用此方法,所有数据检查通过form的onsubmit激活。
5.title属性
所有页面都要具有和本页标题相同的title。
6.控件的命名
采用控件类型缩写(小写)+英文单词(第一个字母大写)的方法。
开发中控件基本涉及一下几类
button:btn
form:frm
select:sel
textarea:txt
input:ipt
7.语言设置
所有中文页面都要加上如下语句:
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
8.控件属性赋值
所有控件的属性值都要使用双引号或者单引号包括起来。
二.客户端程序部分
1.错误提示信息的处理(2-1)
所有错误信息全部使用中文提示错误信息,标点使用中文半角符号,格式如下:
"错误:"+提示信息+"!"
2.成功提示信息的处理(2-2)
所有成功信息全部使用中文提示成功信息,标点使用中文半角符号,格式如下:
"成功:"+提示信息+"!"
3.页面的返回
所有需要返回上一页的时候使用history.back();不使用history.go(-1);
需要返回前n页(n>1)时使用history.go(-n);
所有返回都使用连接的方式而不是button。
4.提交前数据的判断
保证提交前的数据都会通过J***aScript进行数据类型以及长度的判断
是否为数字:使用函数isNaN()
长度判断: 长度要判断去掉前后空格后的实际长度
为空判断: 所有不容许为空的输入字段都要在去掉前后空格后进行判断,同时如果该字段为查询条件则必须不能为空
如果判断条件发现数据错误,则通过(2-1)提示错误信息,然后通过方法focus()聚焦错误字段。
5.删除数据前的提示
所有涉及删除的操作,在用户选定以后都要再进行一次确认操作。
三.服务器端程序部分
1.数据的取得
通过Get,Post,连接传递过来的数据在使用前都要通过trim去掉数据前后的空格。
2.数据的判断
通过request的得到的参数数据需要再次进行空,类型,和长度的判断。
3.对象的关闭
所有数据库和文件对象都要在使用后尽可能早的close,同时赋nothing。
4.提示信息
所有错误提示信息使用J***aScript提示,保证使用者看不到任何内部错误信息。(如1-1)
涉及数据库Update,Del,Insert的操作成功都要提示。(如1-2)
5.变量的使用
所有变量在使用前都需要声明,并且赋初值。
6.变量的命名
采用变量类型缩写(小写)+英文单词(第一个字母大写)的方法。
开发中变量基本涉及一下几类
整数:i
小数:f
字符: s
布尔:b
日期:d
特殊的:
循环依次采用i,j,m,n;
数组用ary
指针p,q
临时变量tmp
七.SQL语句
1.排序
order时应该尽量提前使用建立索引或者主键的字段排序。
2.select
select时避免使用*,即使需要所有字段也应尽量一个一个按照使用的顺序罗列出来。
3.尽量避免使用in和not in
八.测试
所有页面要在800*600,1024*768两种分辨率下运行通过。
所有页面要在IE5.0,5.5以及6.0下运行通过没有J***aScript错误。
分享到:
相关推荐
WEB界面设计规范 WEB界面设计规范是指对WEB界面设计的规范设计,主要讲解了不同的分辨率、响应式布局。以下是WEB界面设计规范的详细知识点: 浏览器与屏幕分辨率 * 浏览器有IE内核浏览器和非IE内核的浏览器两种。...
Web 界面设计规范详解 本文将详细介绍 Web 界面设计规范,包括界面设计的目的、适用范围、文件命名规范、控件命名规范、控件外观规范和界面设计规范等方面的知识点。 一、界面设计的目的 界面设计的目的是为了使...
Web界面设计规范是开发部门制定的一套指导原则,旨在确保网站的用户友好性、一致性和易维护性。规范包括了目录结构、命名规则、布局等多个方面,以下是对这些知识点的详细说明: 1. **目录结构规范**: - **目录...
通过建立一套完整的Web界面设计规范体系,可以确保设计的一致性和专业性。 #### 四、界面设计开发流程 - **开发流程概述**:界面设计的开发流程一般包括需求分析、设计草图、原型制作、用户测试等多个阶段。每个...
腾讯网Web页面设计规范,对于web界面设计者来说很有参考价值,想大网站学习下他们的设计思想总是没错的。
Web界面设计及UI设计就是要多看多学,这里提供Web界面设计及UI设计、WEB界面设计.pdf、Web界面设计-样章.pdf、交互设计那些事儿.pdf和Web界面设计规范.doc,需要的人可以下载看看
Web 应用界面设计规范 一、软件界面规范的重要性及其目的 在软件开发过程中,界面设计规范扮演着非常重要的角色。它可以使最终设计出来的界面风格一致化,开发编码人员相互之间开发更轻松,遵循统一的操作规范,以...
web界面设计规范标准 1.WEB 界面规范标准 2.界面元素要求 3.设计规范
以下是一些关键的Web界面设计规范及其详细解释: 1. **布局与结构**:良好的网页布局应该清晰地组织信息,使得用户能快速理解页面内容。通常,头部包含导航,主体部分展示主要内容,底部则是页脚链接。使用网格系统...
在IT行业中,软件界面设计规范是提升用户体验和产品易用性的重要组成部分。这些规范涵盖了颜色搭配、布局设计、图标选择、字体使用、交互设计等多个方面,确保了软件或Web应用的视觉一致性、功能清晰性和操作简便性...
### WEB端设计规范 #### 一、网页尺寸 在网页设计中,网页尺寸的选择非常重要,它直接影响到用户的浏览体验。通常来说,一个较为常见的网页宽度是996px,但国内许多网站为了适应更多用户的屏幕尺寸,往往选择不...
《Web功能界面设计规范》是一份详尽的指导文档,旨在为软件技术有限公司提供一套标准的Web应用界面设计准则,确保用户体验的一致性、易用性和高效性。这份规范不仅适用于内部开发团队,也可供合作伙伴和第三方开发者...
### Web页面设计规范知识点 #### 一、引言 **目的**:该规范旨在标准化公司内部商业软件中Web页面的设计工作,确保所有Web页面在风格、结构和功能方面的一致性,进而提升软件产品的整体质量。 **范围**:此规范...
Web 功能界面设计规范方案 本文档旨在提供一份详细的 Web 功能界面设计规范方案,旨在规范 Web 页面的设计和开发,以提高用户体验和系统的可维护性。 一、引言 在设计 Web 页面时,需要考虑多个方面的因素,如...
### HTML界面设计规范文档知识点详解 #### 一、界面设计原则概述 HTML界面设计规范文档主要阐述了在设计网页或软件界面时应遵循的一系列基本原则,这些原则旨在提高用户体验、保持界面一致性以及确保功能与美学的...
本文档为前端开发和测试提供参考,文档定义了开发组件的标准说明,各种开发组件的规范定义,对于前端开发想要做到更优秀可以参考这个文档,养成习惯有助于今后长久的工作。测试页可以参考这个文档去把控产品质量的哦...
1. "土巴兔web UI设计规范.jpeg" - 这是土巴兔公司的Web界面设计规范,可能涵盖了网页布局、按钮样式、色彩搭配、图标设计等方面的细节。 2. "papa啪啪UI设计规范.png" - 这可能是另一款产品或应用"Papa啪啪"的UI...