`

网站开发流程-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|配色

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

相关推荐

    基于snaker-web的可视化流程页面纯html

    然而,在现代Web开发趋势下,前后端分离成为主流,为了满足这种需求,将Snaker-Web的流程页面转换为纯HTML格式显得尤为重要。本篇将深入探讨如何实现基于Snaker-Web的可视化流程页面的纯HTML化,并分享其整合到前...

    工作流程-工作流程系统-工作流程系统源码-工作流程管理系统-基于Web的工作流程系统设计与实现-工作流程系统设计与实现-java

    工作流程-工作流程系统-工作流程系统源码-工作流程管理系统-工作流程管理系统java代码-工作流程系统设计与实现-基于springboot的工作流程系统-基于Web的工作流程系统设计与实现-工作流程网站-工作流程网站代码-工作...

    学科竞赛全流程-学科竞赛全流程系统-学科竞赛全流程系统源码-基于Web的学科竞赛全流程系统设计与实现-毕设项目java代码-代码

    学科竞赛全流程-学科竞赛全流程系统-学科竞赛全流程系统源码-学科竞赛全流程管理系统-学科竞赛全流程管理系统java代码-学科竞赛全流程系统设计与实现-基于ssm的学科竞赛全流程系统-基于Web的学科竞赛全流程系统设计...

    Java Web开发流程图--适合刚学Web开发的人员

    Java Web开发流程图--适合刚学Web开发的人员 Java Web开发流程图是一种总体的开发思路,涵盖了从View层到数据库的整个开发过程。下面是对Java Web开发流程图的详细解释: 一、View层 View层是Web开发的最前端,也...

    工作流程-工作流程系统-工作流程系统源码-工作流程管理系统-基于springboot的工作流程系统-工作流程管理系统java代码

    工作流程-工作流程系统-工作流程系统源码-工作流程管理系统-工作流程管理系统java代码-工作流程系统设计与实现-基于springboot的工作流程系统-基于Web的工作流程系统设计与实现-工作流程网站-工作流程网站代码-工作...

    snaker-web界面管理小例子,直接运行

    - **API调用**:Web应用程序通过调用Snaker提供的API来启动流程、处理任务、查询流程状态等。 掌握Snaker的使用不仅能够帮助你实现高效的工作流管理,还能在企业级应用中提高业务流程自动化水平,减少人工干预,...

    UAP63-Web平台培训-Web开发

    通过上述内容,UAP63-Web平台培训为开发者提供了一套全面的Web开发解决方案,不仅包含了工具使用方法,还包括了开发流程、项目结构设计、技术规范遵守等多方面内容,旨在帮助开发者利用UAP平台高效地完成Web开发项目...

    activiti5.22-web流程设计器整合demo

    《Activiti 5.22 Web 流程设计器整合实战详解》 在信息化管理中,流程自动化扮演着至关重要的角色,而Activiti作为一款开源的工作流引擎,深受开发者喜爱。本示例“activiti5.22-web流程设计器整合demo”提供了一个...

    snaker-web

    总的来说,Snaker-web是一个全面的工作流管理系统,集流程设计、执行、监控于一体,支持多种数据库,提供可视化操作界面,既适合初学者快速上手,也适合专业人士进行深度开发。它的存在大大简化了企业内部的流程管理...

    基于Java和Snaker工作流的smart-web2流程引擎设计源码

    本源码提供了一个基于Java和Snaker工作流的smart-web2流程引擎设计。项目包含1495个文件,其中包括530个Java源文件、286个PNG图片、185个JavaScript文件、181个JSP页面、124个CSS样式文件、75个GIF图片、49个HTML...

    购物网站_java-web

    对于初学者,这是提升技能并理解实际应用开发流程的良好实践。项目的核心目标是模拟真实的购物体验,如浏览商品、添加到购物车、结算以及用户登录注册等功能。 首先,项目采用了MVC(Model-View-Controller)设计...

    用友UAP-WEB6.3开发1

    UAP-WEB6.3的核心在于实现了一个轻量级的Web开发环境,它基于纯Web技术,支持丰富的UI组件和统一的渲染引擎框架,结合MVC框架、流程引擎、缓存机制等,提供了从开发到部署的全角色集成开发工具。接下来,我们将深入...

    JBPM-web开发部署tomcat-实现流程部署

    【JBPM-web开发部署在Tomcat中的流程实现详解】 JBPM(Java Business Process Management)是一个开源的工作流管理系统,用于设计、执行和管理业务流程。它提供了丰富的API和工具,允许开发者构建灵活、可扩展的...

Global site tag (gtag.js) - Google Analytics