在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,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>
写在最后
以上仅仅是阿捷自己的经验和心得总结,而且偏重了设计方面。网站工程是一个复杂和全面的规范,还有许多方面和细节需要不断完善和规范,比如:网站工程的风险控制,网站项目的质量管理和人员考核,项目的分解和分配,网站的营销策划等等。希望通过这里的抛砖引玉,吸引更多的网站项目管理者来参与讨论,贡献自己的经验和见解,使我们的行业更加成熟,更加规范。
文章来源于领测软件测试网 https://www.ltesting.net/