登陆注册
8724600000058

第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”命名。

同类推荐
  • 一本书读懂大数据

    一本书读懂大数据

    本书是深入研究互联网思维的经典之作,从互联网思维的定义到互联网思维应用的具体案例表现。作者深入浅出、条分缕析,全面阐述互联网思维的内核与精神,逐一点评当前关于互联网思维的各种观点。本书从最初级的互联网思维应用到高端的粉丝经济,平台建设,自媒体营销的方法都有详细讲解介绍。让读者了解什么是互联网思维的同时还能学会把互联网思维运用到自己的工作学习已经生活中。
  • Delphi程序设计教程

    Delphi程序设计教程

    本书为适应不同层次读者的需要,从Delphi的基本知识讲起,由浅入深,全面讲述了Delphi的集成开发环境、Delphi的编程语言——ObjectPascal、常用组件的使用、窗体的设计、菜单的设计、对话框的设计、多文档界面程序的设计、多媒体编程和数据库应用程序设计等内容。
  • 云计算和现代远程教育

    云计算和现代远程教育

    本书介绍了云计算知识、云计算的特性、云计算技术、云计算中的访问云、云计算中的云存储、云计算在远程教育中的应用等内容。
  • 创业在微软

    创业在微软

    身处软件巨擘微软之中,何来“创业”二字?本书详尽勾勒了微软亚洲工程院(ATC)的成长历程,披露了工程院人在“创业”过程中不为人知的种种酸甜苦辣,生动展现了工程院的独特文化,并从另一个角度展现了其领袖人物张宏江博士的心路历程和管理思想。
  • 如何建设网站

    如何建设网站

    本书以问答的方式介绍了建设网站的基本知识,内容包括:网站设计的八个步骤、建设网站需要掌握的工具软件、网页中插入图像、在网页中隐藏内容等。
热门推荐
  • 十年项链

    十年项链

    初恋像是一颗糖果。甜甜的。爱情就像一颗酸果,有些甜,也有些酸。
  • 末世记事

    末世记事

    胡波有一个神秘的老祖宗,老祖宗传下了一个看似鸡肋的空间法器,胡波本以为这辈子他都要守着家里的小超市混吃等死,却不想一夜之间,天地大变样,末世来了。偶然的发现再次改变了胡波的人生,原来……
  • 三国群雌传

    三国群雌传

    小卜同学是某建筑工程学院的高材生,一次在安装避雷设备的时候莫名其妙地招来了旱天雷,惨遭五雷轰顶的小卜同学被劈回了三国时代,可令他郁闷的是,同样都是穿越,为啥他会穿到那人未开化、鸟蛋不生的交州呢?语言不通的小卜同学很不幸地被山林里的野人直接当成野猪之类的牲口抬回了部落!指点江山、问鼎三国?先别想了,还是想想眼前该怎么脱困自救吧!半年后……曰:主公,今有单福来投,想见你。答:单福?没听过,不见。曰:主公,今有典韦来投,想见你。答:典韦?嗯,将见面档期排到三日后吧。曰:主公,今有庞统来投,想见你。答:凤雏?给我好好招待,我明天会见。曰:主公,今有女将璎珞来投,想见你。问:相貌身材如何?复曰:相貌姣好,身材……起码36D。答:理应礼贤下士,怎可怠慢,速速带我去见她。
  • 重逢的相遇

    重逢的相遇

    这是诉说一个小时候相遇的两人,因一些事情而分开,而长大后,再次相遇,却不认识对方,经过种种事情,双方才知道那是小时候相遇的人。想了解更深入加群:314793637
  • 读者文摘精粹版7:善待自己每一天

    读者文摘精粹版7:善待自己每一天

    人可以对不起你,但你不可以对不起自己。对自己好,珍惜自己,是最基本的要求。尽量让自己快乐,尽量让自己简单、相互在复杂的氛围中。世上没有比生活在自己的阴影里更可怕的事了。我们不能要求社会对每一个人都公正,因为那就是上苍的考验。
  • 初中诡事

    初中诡事

    据说,这所学校有着不可对外告知的诡异事件。谁能克服对恐怖邪灵的恐惧,对黑夜漫漫的害怕?恐怖诡异的医务室里,一个年轻女鬼从那黑暗的尽头走出来,她竟委托夜若离办事?瞬息万变的校园之内究竟埋藏着什么秘密?诡异的教室中,又有神秘组织研制惊人武器,夜若离大难临头!是谁唤醒了这次恐怖的经历?谜团迭起的故事层层展开。
  • 有兽将临

    有兽将临

    被师妹坑了,前去招魂现场收拾烂摊子,捡到俊美厉鬼,不知是惊是喜。
  • 重生之如水岁月

    重生之如水岁月

    几世梦来几世休,似梦似幻,似水流年,暮年迟回,几人可待。岁月匆匆,伊人可期?似年如火,只落得一身轻狂
  • 从不靠岸的时光

    从不靠岸的时光

    本文带你走进上一代人的生活经历和精神世界,一段没有手机,wifi和互联网,却依然充满喜怒哀乐的时光。作者热爱写作,喜欢用文字记录生活,若文章中存在不合理之处,请多多包涵,也可以在评论区直接发表意见,我会逐一回复。
  • 不如一世沉欢

    不如一世沉欢

    【生子抵不过情人。本文已完结】你一定不知道,我曾这样毫无指望地爱过你。这场婚礼,她整整等了三年,还未交换戒指,就已经被突然闯进来的女人打破了一切,美好全部化为苍白。这个女人,就是曾经占据着容湛的心整整十年的青梅竹马。曾经因为他入狱,当她刑满释放奔到婚礼现场的时候,楼念念嘴角挂着死灰般的笑容。***四年前。她是江城日报的实习记者,为了第一手材料,误上了江城刑警大冰山的床,并且从此赖上了他。而他是容少,腹黑冷峻。修长的手指勾着楼念念的下巴,俯身,鹰隼般的眸子盯着楼念念,令她无所遁形,薄唇轻启:“我有没有告诉你,我死都不会爱你?”“可是,我爱你就好了啊。”***“我怀孕了。”“打掉。”楼念念看着眼前这个冷漠的男人,她深爱着的男人,苦笑着开口,水眸里蒙上一层薄雾:“我就不应该奢望你这种冷血动物能够回心转意。”“那你就更应该打掉孩子了。”***四年后。“我们离婚吧!”几近绝望地看着他,眼底已经没有了半点眷恋。容湛,我爱了你整整四年,果然抵不过那十年陈旧的时光。