网站开发简单规范

摘自  http://www.cnblogs.com/skylaugh/category/50295.html

后台数据库设计规范

1           数据库使用规范

1.1            服务器上有关数据库的一切操作只能由服务器管理人员进行。

1.2            程序中访问数据库时使用统一的用户、统一的连接文件访问数据库。

1.3            原则上每一个频道只能建一个库,库名与各频道的英文名称相一致,库中再包含若干表。比较大的、重点的栏目可以考虑单独建库,库名与栏目的英文名称相一致。

1.4            命名:

1.4.1       数据库、表、字段、索引、视图等一系列与数据库相关的名称必须全部使用与内容相关的英文单词命名(尽量避免使用汉语拼音),对于一个单词难以表达的,可以考虑用多个单词加下划线(_)连接(不能超过四个单词)命名。

1.4.2       所有的名称必须统一使用英文小写字母。

1.4.3       所有的名称起始和结尾不能使用下划线(_)。

1.4.4       所有的名称不能包含26个英文小写字母和下划线(_)以外的其他字符。

1.4.5       不再使用的数据库、表应删除,在删除之前必须备份(包括结构和内容)。

2           文档规范

所有的项目必须有相关的文档说明(可以是电子文档)。文档应包含如下内容:

2.1            项目名称。

2.2            项目小组名单,项目负责人。

2.3            项目开发起始时间和结束时间。

2.4            项目内容描述。

2.5            项目位置。(在哪个频道、哪个栏目)

2.6            与项目有关的程序文件名(含路径名),文件内容及实现的功能描述。

2.7            完整的程序流程图。

2.8            数据库、表、视图、索引的名称,用途。字段的名称、类型、长度、用途,必须附上相关的SQL语句。

 

3           源代码与页面嵌套规范

3.1            源代码:

3.1.1       使用自定义变量(包括全局变量、局部变量)之前必须先声明变量,并用注释语句标明变量的类型、用途。

3.1.2       自定义函数必须用注释语句标明函数的用途、参数的数据类型、意义,返回值的类型。

3.1.3       程序中重要的过程或代码较长的过程应使用注释语句标明该过程的起始行和结束行,并注明该过程的功能。

3.1.4       所有的注释文字一律使用简体中文。

3.2            HTML页面嵌套:

3.2.1       网页设计部设计的HTML页面以嵌套的方式确定用于动态显示程序执行结果的位置、宽度、行数(或高度)等,并在相应位置予以文字说明。页面中与程序无关的图片、文字、联结等必须使用完整的URL

3.2.2       项目开发人员和编辑人员可以根据情况协商,将页面文件及图片与程序独立存放在各自的服务器上,页面改版和修改程序独立进行。

3.2.3       使用include技术将分割开的HTML页面分别嵌入程序代码中,要求做到修改HTML页面时无须改写程序,而修改程序时不会影响HTML页面效果,将页面改版和修改程序两项工作分别独立。

3.2.4       页面和程序嵌套以后不能破坏原HTML页面的整体显示效果,字体、字号、颜色等应尽量保持原HTML页面的风格。

3.2.5       动态生成的页面的各项指标(如图片大小、页面宽度、高度、页面文件的字节数等)应符合本公司网页设计方面的要求。

4           测试规范(软件部分)

对于此项目将成立相应的测试小组,小组成员由网页设计人员、技术人员、编辑人员组成。测试过程应参照网页设计部为该项目提供的原HTML页面进行。测试内容包括以下几点:

4.1            页面宽度、高度(行数)。

4.2            页面文字、图片、色彩是否风格统一。

4.3            页面的图片显示是否正常、有无变形。

4.4            弹出页面的效果。

4.5            页面的联接是否正确。

4.6            动态生成的页面是否符合以上几个方面的要求,页面大小(字节数,包括页面的图片、*.js*.css*.class等相关文件)是否符合网页设计的要求。

4.7            系统方面的功能是否实现。如数据库的查询、修改、删除,文件的上传、下载等操作是否正常。

4.8            测试结束后,根据《软件开发需求书》在《测试报告》上如实填写测试结果,包括测试通过的、未通过的,指出出错的页面和相关的程序文件,并附上测试中出现的错误信息。

 

 

前台界面设计规范

1           界面的设计规范包括尺寸规范,层级样式(CSS, Cascaded Style Sheet)规范,文件大小规范,文件类型规范、操作规范等。

1.1            根据CIS把企业风格(Style)应用到网站布局(Web Layout),使其整体化。挖掘企业风格所在,并将版式转换成这类风格。

1.2            尺寸的一般规范:参考现在carrier china的页面,页面标准将按800×600分辨率制作,实际尺寸宽度为770-778px ,页面长度原则上不超过2

1.3            banner标准尺寸:468×60像素

1.4            英文、数字标准字:verdanaarial

1.5            标准字号:12像素,14像素

1.6            其他类型字体因为考虑到无法细致显示,或是因为客户方面没有安装,都将尽量转化成图片形式

2           CSS定义规范:

2.1            a:link a:visited a:hover a:actived 的排列顺序将照上面的样例代码,否则或多或少会出问题。另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!

2.2            字号使用样式表实现,不允许出现<font size=??>这样的标记

3           文件尺寸规范:

3.1            每个非首页静态页面含图片字节不超过60K

3.2            banner不超过14K

4           文件类型规范:

4.1            站点目录中不会出现没有链接上的无效文件

4.2            文件按逻辑安排在相应的文件夹内

比如图片文件将放在同一个文件夹里:images

4.3            静态图片标准类型为: .gif .jpg .jpeg .png

4.4            标准动画格式:.gif .swf

4.5            页面文件类型:.htm .html .asp 

5           操作规范:

5.1            网页中尽量减少图片数量与大小。空白部分或纯色部分使用表格做填充。

5.2            尽量不使用大表格,尽量将表格横向拆分。

5.3            尽量不要使用背景音乐。

5.4            为用户考虑浏览速度、浏览分辨率、浏览器兼容性。

5.5            在同一页面中使用动态图片或动画不超过三个。动画能够吸引用户的注意力,体现了页面的浏览重点。动画太多会让页面显得杂乱无序,主体不明。

5.6            使用鼠标经过翻转图片的时候请预先加载翻转图。

5.7            认真填写<head>区的代码,包括版权注释、显示字符集、制作者信息、网站简介、搜索关键字、CSS、网页的到期时间等等。

文件管理

网站是由非常多的文件组合而成。因此,文件管理工作也显得非常必要。

1           应用于UNIX系统的文件名应该全部小写。

2           文件名应该全部使用英文。

3           对文件、文件夹的说明可以新建一个名为“_notes”的文件夹存放说明文件。如“dwSiteColumnsMe.xml”文件、“sitenotes.txt”文件。

4           图像文件通常使用“images”文件夹存放,Java Script脚本文件通常存放于“js”文件夹,临时文件存放在“temp”文件夹中,CSS文件存放到“style”文件夹中,CGI程序存放到“cgi_bin”中,做到一目了然。

5           通用图像文件存放在“images”文件夹中,各栏目私有图片文件存放在“images”下设的私有的文件夹中,如“images/channel3/”等形式。

6           对于更新非常快的网站来说也可以以时间段划分文件存放逻辑,如“2003”文件夹存放所有2003年的文件内容。

7           首页文件取名为index或者default,但不允许同时出现。如不允许在站点根目录下同时出现index.htmindex.htmlindex.aspdefault.aspx等。如首页出现框架结构,则总框架的名称为index或者default,内嵌主页面通常可以取名为main.htm等。

8           文件名称以容易理解、简洁明了为标准,如定义鼠标经过图像文件的取名可以为:“menu5_off”和“menu5_over”,广告文件取名为“ad.gif”,网站标志文件取名为“logo.gif”等等。

posted @ 2008-09-25 13:17  赖文华.NET  阅读(192)  评论(0编辑  收藏  举报