`

网站开发流程-WEB开发的流程

阅读更多
1. web开发流程概括

1.)项目的角色划分

如果不包括前期和后期的市场推广及销售人员,开发团队一般可以划分为项目负责人、程序员、美工三个角色。

项目负责人习惯称为项目经理,负责项目的人事协调、时间进度等安排,以及处理一些与项目相关的其他事情。程序员主要负责项目的需求分析、策划、设计、代码编写、网站整合、测试、部署等环节的工作。美工负责网站的界面设计、版面规划,把握网站的整体风格。如果项目比较大,可以按照三种角色把人员进行分组。

角色划分是Web项目技术分散性甚至地理分散性等特点的客观要求,分工的结果还可以明确工作责任,最终保证了项目的质量。分工带来的负效应就是增加了团队沟通、协调的成本,给项目带来一定的风险。所以项目经理的协调能力显得十分重要,程序开发人员和美工在项目开发的初期和后期,都必须有充分的交流,共同完成项目的规划和测试、验收。

2.)开发工具的选取:

不象C/S结构程序开发,可以一门语言从头到尾,你用Delphi,就是Delphi程序员,你用VC++,你就是VC程序员。B/S结构的Web开发工作,工具的选择是一件痛苦的事情。从Windows到Linux,从IIS到 Apache,从J2EE到 .NET,从EJB到COM到.NET组件……还有 Asp、Asp.net、Jsp、Php、Perl、Javascript、Vbscript……

美工也轻松不了多少,什么"网页三剑客" "新网页三剑客"、FrontPage、Photoshop、CorelDraw……谁都说自己是最强大的!

我们的经验是,选用工具时最好是统一的,但是也不必刻意强求一致。正是Web开发工具的多样*,才成就了今天互联网多姿多彩的局面。只要程序员的纯Html代码的功夫足够过硬,一般不会影响网站最后的整合工作。

3.)项目开发流程

常规流程:

由项目经理牵头,以程序员为重心,共同讨论,完成用户需求分析,产生网站的栏目规划(用树形图表示),标出哪些是静态页面,哪些是动态页面。动态页面须要程序实现。制定网站的界面框架,包括首页构图,及各页面间的钩稽关系。产生各栏目文件夹的结构图(一些公共文件夹如images、scripts、 styles等需要固定存放,共同调用)。然后由美工根据内容表现的需要,设计静态网页和其它动态页面界面框架,该切分的图片要根据尺寸切割开来。给需要程序动态实现的页面预留页面空间。制定字体、字号、超级链接等CSS样式等。在美工设计页面的同时,程序员着手开发后台程序代码,做一些必要的测试。美工界面完成后,添加程序代码,组合网站,由项目组共同联调测试,发现bug,完善一些具体的细节。最后进行网站部署。以上的每一部都会产生一些阶段性成果,项目经理需要及时进行审核、监督,发现问题即使纠正。

一些技术规则

1.数据库命名约定

2.文件夹命名约定

3.对象及变量命名约定

web2.0下的开发流程:

web2.0注重交互,注重人性化和用户体验,所以一切以设计师和用户体验师为中心。

大致是:体验需求分析--总体设计--UI设计页面设计--程序设计--项目整合--调试--架设+维护

其实和传统的没太大的区别,但是观念上已经改变了,采用开发/任务为主导的页面UI设计, 而不是美工主导的UI设计。一个不好用的东西,再漂亮又有什么用?而且现在的风格趋向是简单,而KISS(Keep It Simple, Stupid) 一直是设计界的最高境界。

2. web开发流程实例/网站开发



3.设计流程

1. 布局,设计布局线搞。

2. 文本排版

3. 明暗度,以单色(黑白灰)填充,描绘明暗的分布。

4. 选色,根据各种因素选择要使用的颜色。

5. 配色,完成整个网页的设计。

4.设计理论

Balance|平衡

Rhythm|节奏旋律

Proportion|比例

Dominance|支配

Point|质感

Line|线条

Form|形体

Color|配色

我想:我们最好还是能试着做个网站,这样我们都能学到较多的东西,学到网站的开发过程及网站开发的相关技术。说到技术,我认为我最好能够尝试使用最新的有前景的技术,当然技术总是会过时的,但我们呢应学习写水准较高的。如果我们自己开发网站的话,我想大部分人都还不懂这方面的东西,需要学习,由于部分同学懂得,因此最好能分成组,分阶段学习相关的东西,学习中相互交流促进,打好基础,或者边学边做。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics