书城计算机网络综合应用软件设计
19118400000058

第58章 附录B开发过程中的各类规范(2)

B3.2数据库使用规范

服务器上有关数据库的一切操作只能由服务器管理人员进行。程序中访问数据库时使用统一的用户及连接文件。原则上每一个栏目只能建一个库,库名与各栏目的英文名称必须相一致,库中再包含若干表。比较大的、重点的栏目可以考虑单独建库,库名与栏目的英文名称必须相一致。数据库、表、字段、索引、视图等一系列与数据库相关的名称必须全部使用与内容相关的英文单词命名,对于一个单词难以表达的,可以考虑用多个单词加下划线“_”连接(不能超过4个单词)命名。不再使用的数据库、表应删除,在删除之前应备份(包括结构和内容)。

注释要求:编码人员自建的存储过程、视图、函数等对象必须加注释,样例如下:

coded by:shaw

coded at:2003—11—1

function:deion:

input variable:

output variable:

other deion:

B4Web开发规范

B4.1导航规范

导航要简单、清晰,应不超过3层的链接。用于导航的文字要简明扼要,字数限制在一行之内。

首页,各栏目一级页面之间需要互联,各栏目一级和本栏目二级页面之间需要互联,超过三级的页面,在页面顶部设置导航条,标明位置,突出最近更新的信息,可以加上更新时间或New标识。

连续性页面应加入上一页和下一页按钮;超过一屏的内容,在底部应有GoTop按钮;

超过三屏的内容,应在头部设提纲,直接链接到文内锚点。

B4.2内容编辑规范

1.内容

必须遵守我国《计算机信息网络国际联网安全保护管理办法》的规定,任何单位和个人不得利用国际联网制作、复制、查阅和传播下列信息:

①煽动抗拒、破坏宪法和法律、行政法规实施的;

②煽动颠覆国家政权,推翻社会主义制度的;

③煽动分裂国家、破坏国家统一的;

④煽动民族仇恨、民族歧视,破坏民族团结的;

⑤捏造或者歪曲事实,散布谣言,扰乱社会秩序的;

⑥宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖,教唆犯罪的;

⑦公然侮辱他人或者捏造事实诽谤他人的;

⑧损害国家机关信誉的;

⑨其他违反宪法和法律、行政法规的。

转载必须找到原出处,经联系后使用。

2.标题

力求简短、醒目、新颖、吸引人。

3.正文

文章的段首空两格,与传统格式保持一致。段与段之间空一行可以使文章更清晰易懂。杜绝错字、别字和自造字。简体版中不得夹杂繁体字。

译名要按我国规范。例如:singapore统一翻译“新加坡”,不能用“星加坡”。

全角数字符号(不含标点)应改为半角。

B5形象设计规范

网站的CI整体形象包括下面几个要素。

B5.1标志(logo)

网站必须拥有自己独立的标志。标志可以以网站中、英文名称设计,也可以采用特别的图案,原则是简单易记。标志可以用黑白和彩色分别清晰表现;标志图片的名称为“logo_域名.gif”,例如:logo_sina.gif。尽量提供标志的矢量图片,尽可能在每个页面上都使用标志。

B5.2标准色

网站应该具有自己的标准色(主体色)。标准色原则上不超过两种,如果有两种,其中一种为标准色;另一种为标准辅助色。标准色应尽量采用216种Web安全色之内的色彩。必须提供标准色确切的RGB和CYMK数值。请尽可能使用标准色。

B5.3标准字体

网站应该定义一种标准字体(指logo,图片上使用的字体)。标准字体原则上定义两种,一种中文字体,一种英文字体(不包括文本内容字体)。必须提供标准字体的名称和字库。请尽可能使用标准字体。

B6CSS书写规范

B6.1所有的CSS尽量采用外部调用

,书写时,重定义的最先,伪类其次,自定义最后(其中a:link、a:visited、a:hover、a:actived要按照顺序写),便于自己和他人阅读。

为了保证在不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px,这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。

B6.2CSS推荐模板

p{text—indent:2em;}body{font—family:”宋体”;font—size:9pt;color:#000000;margin—top:0px;margin—right:0px;margin—bottom:0px;margin—left:0px}table{font—family:”宋体”;font—size:9pt;line—height:20px;color:#000000}a:link{font—size:9pt;color:#0000FF;text—decoration:none}a:visited{font—size:9pt;color:#990099;text—decoration:none}a:hover{font—size:9pt;color:#FF9900;text—decoration:none}a:active{font—size:9pt;color:#FF9900;text—decoration:none}a.1:link{font—size:9pt;color:#3366cc;text—decoration:none} a.1:visited{font—size:9pt;color:#3366cc;text—decoration:none} a.1:hover{font—size:9pt;color:#FF9900;text—decoration:none}a.1:active{font—size:9pt;color:#FF9900;text—decoration:none}.blue{font—family:”宋体”;font—size:10.5pt;line—height:20px;color:#0099FF;letterspacing:5em}>;

B6.3body标识

为了保证浏览器的兼容性,必须设置页面背景。

B7JS调用规范

所有的JavaScript脚本尽量采取外部调用。

<; LANGUAGE=”JavaScript”SRC=”/xxxxx.js”>;

B8首页代码规范

首页的代码关键在head区,head区是指首页HTML代码的和 之间的内容。head区必须加入相关的标识。公司版权注释<;! Thesiteisdesignedbyyourcompany,Inc03/2001 >;。网页显示字符集,例如:

简体中文:<; META HTTP EQUIV=”Content Type”CONTENT=”text/html;charset=gb2312”>;;繁体中文:;英语:。

原始制作者信息。

网站简介<; META NAME=”DEION”CONTENT=”这里填您网站的简介”>;。

搜索关键字。

网页css规范;网页标题这里是你的网页标题。

head区可以选择加入的标识:

设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅,,禁止浏览器从本地机的缓存中调阅页面内容。

用来防止别人在框架里调用你的页面,。

自动跳转,。

,”5”指时间停留5秒。

网页搜索机器人向导。用来告诉搜索机器人,哪些页面需要索引,哪些页面不需要索引。,CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

收藏夹图标,。

B9尺寸规范

尺寸规范请根据您的实际情况调整:页面标准按800*600分辨率制作,推荐尺寸为766*430px。

页面长度原则上不超过3屏,宽度不超过1屏。

每个标准页面为A4幅面大小,即8.5英寸×11英寸。

全尺寸banner为468px×60px,半尺寸banner为234px×60px,小banner为88px×31px,另外,120px×90px,120px×60px也是小图标的标准尺寸。

每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。

B10目录结构规范

目录建立的原则:以最少的层次提供最清晰简便的访问结构。目录的命名以小写英文字母、下划线组成(参照命名规范)。

根目录一般只存放index.htm及其他必需的系统文件。

每个主要栏目开设一个相应的独立目录。

根目录下的images用于存放各页面都要使用的公用图片,子目录下的images目录存放本栏目页面使用的私有图片。

所有JS,ASP,PHP等脚本存放在根目录下的s目录。

所有CGI程序存放在根目录下的cgi—bin目录。

所有CSS文件存放在根目录下style目录。

每个语言版本存放于独立的目录。例如,简体中文gb。

所有flash,avi,ram,quicktime等多媒体文件存放在根目录下的media目录。

B11命名规范

文件命名的原则:以最少的字母达到最容易理解的意义。

B11.1一般文件及目录命名规范

①每一个目录中应该包含一个缺省的html文件,文件名统一用index.htm。

②文件名称统一由小写的英文字母、数字和下划线的组合。

③尽量按单词的英语翻译为名称。例如:feedback(信息反馈),aboutus(关于我们)。

④多个同类型文件使用英文字母加数字命名,字母和数字之间用“_”分隔。例如:news_01.htm。注意,数字位数与文件个数成正比,不够的用0补齐。例如,共有200条新闻,其中第18条命名为news_018.htm。

B11.2图片的命名规范

①名称分为头尾两部分,用下划线隔开。

②头部分表示此图片的大类性质。例如:放置在页面顶部的广告、装饰图案等长方形的图片取名为:banner;标志性的图片取名为:logo;在页面上位置不固定并且带有链接的小图片取名为:button;在页面上某一个位置连续出现,性质相同的链接栏目的图片取名为:menu;装饰用的照片取名为:pic;不带链接表示标题的图片取名为:title;……依照此原则类推。

③尾部分用来表示图片的具体性质,用英文字母表示。例如:banner_sohu.gif、banner_sina.gif、menu_aboutus.gif、menu_job.gif、title_news.gif、logo_police.gif、logo_national.gif、pic_people.jpg、pic_hill.jpg等。

④有onmouse效果的图片,两张分别在原有文件名后加”_on”和”_off”命名。