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开发流程实例/网站开发
![](https://p-blog.csdn.net/images/p_blog_csdn_net/qjzh874/EntryImages/20080727/2006214224346587.jpg)
3.设计流程
1. 布局,设计布局线搞。
2. 文本排版
3. 明暗度,以单色(黑白灰)填充,描绘明暗的分布。
4. 选色,根据各种因素选择要使用的颜色。
5. 配色,完成整个网页的设计。
4.设计理论
Balance|平衡
Rhythm|节奏旋律
Proportion|比例
Dominance|支配
Point|质感
Line|线条
Form|形体
Color|配色
1. 布局,设计布局线搞。
2. 文本排版
3. 明暗度,以单色(黑白灰)填充,描绘明暗的分布。
4. 选色,根据各种因素选择要使用的颜色。
5. 配色,完成整个网页的设计。
4.设计理论
Balance|平衡
Rhythm|节奏旋律
Proportion|比例
Dominance|支配
Point|质感
Line|线条
Form|形体
Color|配色