郑州网站设计规范文档（二）
2.网站总体设计
在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：
a.网站需要实现哪些功能；
b.网站开发使用什么软件，在什么样的硬件环境；
c.需要多少人，多少时间；
d.需要遵循的规则和标准有哪些。
同时需要写一份总体规划说明书，包括：
a.网站的栏目和版块；
b.网站的功能和相应的程序；
c.网站的链接结构；
d.如果有数据库，进行数据库的概念设计；
e.网站的交互性和用户友好设计。
在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：
a.客户情况分析；
b.网站需要实现的目的和目标；
c.网站形象说明；
d.网站的栏目版块和结构；
e.网站内容的安排，相互链接关系；
f.使用软件，硬件和技术分析说明；
g.开发时间进度表；
h.宣传推广方案；
i.维护方案；
j.制作费用；
k.本公司简介：成功作品，技术，人才说明等。
当您的方案通过客户的认可，那么恭喜你！您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。
附：国外网站的定价方法
如何制定网站价格？对于那些小企业，价格开得太高，他们会吓跑，开的太低，自己得不到利润。由于行业竞争的无序性，国内现在的价格千奇百怪，有1000元制作整个商务网站的，也有2000元一页的快刀斩客。国外网页制作公司是如何指定网站制作价格的呢？
首先是根据员工工资，各项费用，利润率来计算每小时工作成本，即：总价 = 工资 + 费用 + 利润
举例说明：
假设公司的月支付工资为5000元，费用为5000元，希望的利润率为20%,一月工作时间为22*8=176小时，根据调查，一般网页制作公司有20-40%时间为非工作时间。实际工作的时间为
176*(1-25%)=132
所以，每工作小时成本是：
(5000+5000)*(1+20%) / 132 =90.90元
当你了解了每小时工作成本，开价格就心里有数了。国外常见报价方法分三种：套餐法，时间法，项目评估法。
套餐法：也称页面法，指定明确的页面数，图像数，链接数，功能等。这个办法最通用，但不是一个好办法，因为按照页面计价，解释很含糊 ：（
时间法：就是按照每小时成本计算。但是这种方法经常会遭到客户的质疑和拒绝，实行起来比较困难。
项目评估法：将整个项目拆成一个一个小工作，评估工作的技能难度，计算完成时间，再根据每小时成本计价。
网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。(这里不详细展开说明)
1.整体形象设计
在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。
(整体形象设计这里简略带过，详细说明见 http://www.realsky.com 网页制作版《网站设计的思考》系列文章)
记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。
2.开发制作
到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。
3.调试完善
在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。
为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。
4.宣传推广
宣传推广的基本方法有：
a.网页里设置适当的META标签；
b.各搜索引擎登录；
c.准备新闻稿件在各新闻公告板发表；
d.合理使用Email邮件列表；
e.广告条交换；
f.付费广告。
至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。
(附)维护
网站成功推出后，长期的维护工作才刚刚开始，我们需要做到的是:
a.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；
b.网站流量统计分析和相应对策；
c.尽量推广和使用您的网址；
d.网站内容的及时更新和维护。
1.网站目录规范
目录建立的原则：以最少的层次提供最清晰简便的访问结构。
a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；
b.每个语言版本存放于独立的目录；
c.每个主要功能(主菜单)建立一个相应的独立目录；
d.当页面超过20页，每个目录下存放各自独立images目录.共用的图片放在根目录下的images目录下；
e.所有的js文件存放在根目录下统一目录script；
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
2.文件命名规范
文件命名的原则：以最少的字母达到最容易理解的意义。
a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为"桥页"，不制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.htm；
b.菜单图片名称按菜单名的英语翻译为名称。例如：
关于我们 aboutus
信息反馈 feedback
产 品 product
所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；
c.所有文件名字母间连线都为下划线
d.图片命名原则以图片英语字母为名。大小原则写同上。
e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:ad.js
f.所有的CGI文件后缀为.cgi。
3.链接结构规范
链接结构的原则：用最少的链接，使得浏览最有效率。
首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。
4.尺寸规范
a.页面标准按800*600分辨率制作，实际尺寸为778*434px
b.每个标准页面为A4幅面大小，即8.5X11英寸
c.大banner为468*60px，小banner为88*31px
head区是指首页HTML代码的< head>和< /head>之间的内容。
必须加入的标签:
a.公司版权注释
< !--- The site is designed by Maketown,Inc 06/2000 --->
b.网页显示字符集
简体中文：< 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">
c.网页制作者信息
< META name="author" content="webmaster@maketown.com">
d.网站简介
< META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">
e.搜索关键字
< META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.网页的css规范
< LINK href="style/style.css" rel="stylesheet" type="text/css">
g.网页标题
< title>xxxxxxxxxxxxxxxxxx< /title>
写在最后 以上仅仅是阿捷自己的经验和心得总结，而且偏重了设计方面。网站工程是一个复杂和全面的规范，还有许多方面和细节需要不断完善和规范，比如：网站工程的风险控制，网站项目的质量管理和人员考核，项目的分解和分配，网站的营销策划等等。希望通过这里的抛砖引玉，吸引更多的网站项目管理者来参与讨论，贡献自己的经验和见解，使我们的行业更加成熟，更加规范。
- 上一篇： 郑州网站设计规范文档（一）
- 下一篇： 个人网站如何盈利
