网站项目管理规范手册
网站项目管理规范手册 一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点: 1.正确性:每个功能必须清楚描写交付的功能; 2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求; 3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时砍掉; 4.简明性:不要使用专业的网络术语; 5.检测性:如果开发完毕,客户可以根据需求检测。 三.系统分析 网站总体设计 在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定: 1.网站需要实现哪些功能; 2.网站开发使用什么软件,在什么样的硬件环境; 3.需要多少人,多少时间; 4.需要遵循的规则和标准有哪些。 同时需要写一份总体规划说明书,包括: 1.网站的栏目和版块; 2.网站的功能和相应的程序; 3.网站的链接结构; 4.如果有数据库,进行数据库的概念设计; 5.网站的交互性和用户友好设计。 网站建设方案 在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分: 1.客户情况分析; 2.网站需要实现的目的和目标; 3.网站形象说明; 4.网站的栏目版块和结构; 5.网站内容的安排,相互链接关系; 6.使用软件,硬件和技术分析说明; 7.开发时间进度表; 8.宣传推广方案; 9.维护方案; 10.制作费用; 11.本公司简介:成功作品,技术,人才说明等。 当您的方案通过客户的认可,那么恭喜你!您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计: 网站详细设计 总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。 四. 项目实施 整体形象设计 在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。 整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格,完成后,供客户选择。 记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。 开发制作 到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。 调试完善 在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。 为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。 宣传推广 宣传推广的基本方法有: 1.网页里设置适当的META标签; 2.各搜索引擎登录; 3.准备新闻稿件在各新闻公告板发表; 4.合理使用Email邮件列表; 5.广告条交换; 6.付费广告。 至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。 维护 网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是 1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复; 2.网站流量统计分析和相应对策; 3.尽量推广和使用您的网址; 4.网站内容的及时更新和维护。 五.遵循的规范 1.网站建设目录规范 2.网站文件命名规范 3.网站建设尺寸规范 4.网站首页head区代码规范 5.网站连接结构规范 网站目录设置规范 目录建立的原则:以最少的层次提供最清晰简便的访问结构。 根目录。 根目录指DNS域名服务器指向的索引文件的存放目录。 服务器的ftp上传目录默认为html 根目录文件 根目录只允许存放index.html和main.html文件,以及其他必须的系统文件。 每个语言版本存放于独立的目录。已有版本语言设置为: 简体中文 gb 繁体中文 big5 英 语 en 日 语 jp 每个主要功能(主菜单)建立一个相应的独立目录。 根目录下的images为存放公用图片目录,每个目录下私有图片存放于各自独立images目录. 例如:menu1images menu2images 所有的js文件存放在根目录下统一目录script 所有的CSS文件存放在根目录下的style目录 所有的CGI程序存放在根目录并列目录cgi_bin目录 网站文件命名规范 文件命名的原则:以最少的字母达到最容易理解的意义。 索引文件统一使用index.html文件名(小写) index.html文件统一作为桥页,不制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.html 按菜单名的英语翻译取单一单词为名称。例如: 关于我们 aboutus 信息反馈 feedback 产 品 product 所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写; 所有文件名字母间连线都为下划线 图片命名原则以图片英语字母为名。大小原则写同上。 例如:网站标志的图片为logo.gif 鼠标感应效果图片命名规范为图片名+_+on/off。 例如:menu1_on.gif/menu1_off.gif 五. 其它文件命名规范 1.js的命名原则以功能的英语单词为名。 例如:广告条的js文件名为:ad.js 2.所有的CGI文件后缀为cgi 所有CGI程序的配置文件为config.cgi 网站建设尺寸规范 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 网站首页head区代码规范 head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!--- The site is designed by Maketown,Inc 06/2000 ---> 2.网页显示字符集 简体中文:<META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312> 繁体中文:<META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=BIG5> 英 语:<META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=iso-8859-1> 3.网页制作者信息 <META name=author content=webmaster@maketown.com> 4.网站简介 <META NAME=DESCRIPTION CONTENT=xxxxxxxxxxxxxxxxxxxxxxxxxx> 5.搜索关键字 <META NAME=keywords CONTENT=xxxx,xxxx,xxx,xxxxx,xxxx,> 6.网页的css规范 <LINK href=style/style.css rel=stylesheet type=text/css> (参见目录及命名规范) 7.网页标题 <title>xxxxxxxxxxxxxxxxxx</title> .可以选择加入的标签 1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 <META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT> 2.禁止浏览器从本地机的缓存中调阅页面内容。 <META HTTP-EQUIV=Pragma CONTENT=no-cache> 3.用来防止别人在框架里调用你的页面。 <META HTTP-EQUIV=Window-target CONTENT=_top> 4.自动跳转。 <META HTTP-EQUIV=Refresh CONTENT=5;URL=http://www.yahoo.com> 5指时间停留5秒。 5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 <META NAME=robots CONTENT=none> CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。 6.收藏夹图标 <link rel = Shortcut Icon href=favicon.ico> 所有的javascript的调用尽量采取外部调用. <SCRIPT LANGUAGE=javascript SRC=script/xxxxx.js></SCRIPT> 附<body>标签: <body>标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景<body bgcolor=#FFFFFF> |