当前位置:首页 » 网页前端 » web开发标准流程
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web开发标准流程

发布时间: 2023-08-19 19:16:52

‘壹’ 前端开发具体的工作流程是怎样的

web前端开发流程:

  1. 领导或甲方提出需求,然后产品分析需求,并且根据需求画出原型图,然后根据原型图出设计稿。

  2. 设计稿团队评审,过后交与前端制作静态页面,然后静态页面,交与设计审核,过后交给开发人员,进行动态数据的添加。

  3. 发布测试环境,产品测试领导审核,成功后,直接发布产品环境,进行版本迭代。

  4. 整个的一个设计,开发,部署的流程。

前面的所有流程中的灵魂是原始需求提出者,但人随着客观条件的变化,思维认识会有所不一致,所以产生了文档,文档是贯穿整个流程的一个灵魂。而产品是整个流程中文档的编写者,因为产品最能接触最原始的需求,对需求的理解更深刻或专业。

‘贰’ WEB前端项目开发流程

这个环节是由项目经理完成,项目经理首先和客户进行交流,了解客户的需求,然后分析项目的可行性,如果项目可以被实现,项目经理写出项目需求文档交给设计师完成后续的开发。

这个环节主要是UI设计师参与,UI设计师根据产品需求分析文档,对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。

这个部分由程序员来实现。(程序员分为WEB前端开发工程师和后台开发工程师。前端开发人员主要做我们可以在网页上看的见的页面,后台就做一些我们看不见的管理系统以及功能的实现。)程序员根据UI设计师的设计,用编码来完成整个项目的各个功能。

这部分由程序测试员来完成。程序测试员主要就是测试寻找程序还存在的bug,一般来说刚编码完成的程序都是存在问题的,就需要测试人员反复不断的测试并将存在问题的测试结果交给编码人员进行bug的修复。等到几乎所有bug修复完成,这个项目差不多就可以上线了。

程序的维护是整个项目的最后一个阶段,但也是耗时最多,成本最高最高的的一个阶段。程序的维护包括程序上线后后续bug的修复和程序版本的更新。

‘叁’ 开发一个WEB项目的流程是怎样的

  1. 首先了解项目需求,形成项目需求文档

  2. 根据web项目未来的运行方式和场景选择web运行服务器,数据库以及开发语言,还有支持的浏览器最低版本

  3. 小型的web项目最好边开发边和用户交流,以尽可能满足用户需求

  4. 大型的web项目最好能将需求让用户确认,便于未来需求修改时评估修改成本或以合适理由拒绝修改

  5. 小型组网测试。小范围内测试web项目的功能和交互方式。

  6. 压力测试。如果web项目的使用人数将来会非常大,可能要找工具对该项目进行压力测试。

  7. 试运行。试运行也可和前期测试相结合。

  8. 正式上线。

  9. 后期维护。

‘肆’ 一个网站的开发流程是怎样的

就以我司流程为例子,1项目经理(业务经理)跟客户沟通采集并确定需求点,签订合同。2.产品经理根据需求文档画原型,同时架构师或者技术总监根据客户要求系统的承载量写出系统架构方案,3UI设计师根据产品原型图设计软件界面,同时后端小伙伴根据架构图编写和设计数据模型实体。4前端小伙伴根据UI设计图编写前端界面页面,后端小伙伴编写接口,并前后端联合调通接口。5测试工程师测试程序bug,前后端小伙伴修复。6运维工程师部署程序到测试环境,7交给客户测试并修复反馈bug。8运维工程师推送程序到客户生产环境。

1.注册网站域名 :注册一个简短易记的,一般建议用com结尾的。大概几十到一百元左右。

2.购买网站服务器 :服务器是网站的存储空间,可以分为独立主机,云服务器,个人和中小型企业在建站初期,流量不是很大时候,租用一个中等的云服务器就可以满足网站的基本需求;网站空间费用预算需要考虑两点,其一是空间商品牌是否为知名品牌,其二,空间大小。角点 科技 与国内外大型空间提供商有着长期的合作,会为客户推荐最适合你的空间容量和品牌,减少空间浪费和费用支出。

3.网站备案 :如果想把网站域名放在国内大陆的服务器使用,是需要备案的,不想备案可以放在国外或者香港的服务器上面使用。

4.前端规划页面 :网站各个内容怎么科学的分布在网站上。一般来说,一个网站又首页、频道页、详情页、产品页……你需要想好你的页面有多少个类别,各个类别怎么有序的组织在一起。每个页面又分别展示怎样的内容。这个一般是网站主编或者运营总监来负责。

5.网站设计 :一个好的网站很容易建立公司和用户之间的信任。其中除了打开速度、网页内容等方面的因素,色彩搭配也是其中一环。如果你邀请专业人员给你设计页面的话,单个页面成本在单个页面成本在300—10000元左右,这个是看设计师的经验和水平。一般来说建站公司可以帮你设计页面,如果你要求不高也可以直接设计图片。

6.网站后台开发 :后台的开发是实现企业自主更新和维护网站信息的重要支撑。目前主流的web程序开发是asp,php,.net,jsp。

7.网站携雀猜测试上线: 网站搭建好后,我们需要对网站进行小测试,看看网站是否存在小问题是否符合顾客的需求,在得到客户认可之后就可以上线了。


如果你也想开发一款属于自己的网站,可以通过第三方专业开发平台,来帮助你实现开发需求: 厦门在乎 科技 ( https://www.icarexm.com/pc_build.html )-专注小程序、app、网站开发

1.领导下达命令某个网站给你开发 流程需求自己去摸索

2.拿十多个网上拷过来的模型给领导看决定选择哪个

3.照抄开发

4.测试

5.领导测试

6.不是这样的 改

7.继续改

8.不是这样的 改

9.改 我:你想要怎样的 领导:反正不是这样的 改

10.在修改的路上回不来了

11.领导:算了就这样吧 上线吧

网站早已不再神秘,再也不是什么高技术活。普通用户也可以轻松的建立出岁誉相对专业的网站。下面向大家简单介绍一下个人建站的一些流程和注意事项。

一、域名

要想让人家访问自己的网站,域名是必不可少的。域名要尽可能的短、尽可能的方便记忆,比如.top域名,当然现在好记的、有特征的域名已经不多了,这需要你自己进行考虑,只要辩型觉得有一定的规律或便于用户记忆即可。

二、空间

要建网站,其次必须要有一个空间,即存放网站的地方。对于个人用户,建议购买虚拟主机。在购买虚拟主机时要看其服务、速度、响应时间等。一般选择有一定名气的服务商即可。

注:域名、空间目前国内比较好的服务商像阿里云、西部数码、中国数据等都是非常好的选择。

三、网站程序

网站程序当然是选择现成的,因为个人没有必要去从头开始编制一个网站程序,也没有那个实力。现在网上有现成的网站管理系统,这类系统还有很多,可以在自己综合试用的基本上进行选择。

在选择网站程序时,还必须考虑到其通用性和二次开发。对于通用性不好、不利于二期开发的,虽然功能强大但不建议选用,因为网站有了一定规模后需要进行个性化功能设计时会很麻烦。另外程序尽量选择asp(asp.net),PHP、JSP等在国内不是特别流行;在asp和asp.net之间也尽量选用asp.net,毕竟其基于.net架构是发展的潮流。

四、网站设计

选择好了网站程序后,则需要根据自己的需要进行网站设计。一般来说,如果有专业的美工和程序员进行修改自然最好。不过个人站长可能不一定具备这种条件,可以选择服务商的智能建站。

呵呵,我就是整 java的,现在转了android,说说我的经历吧,之前做过一个项目,叫 社区矫正管理系统,整个项目最开始是做项目需求。当时公司排了俩人去了开封公安局 在那住了一个月搞需求,明确了客户需要什么了以后,根据客户需求和公司开发人员的水平 选了项目框架,数据库等,然后大家分模块开发,每天上报一次项目进度,开发了将近三个月,测试半个月,然后开放账户给客户试用,客户提提意见再改改 就这样

在这里,我们抛开商务层的项目识别、项目论证、投标、签合同等环节,仅从软件项目的生命周期开始谈。

一个完整的网站项目生命周期一般分为可行性分析(计划)、需求分析、软件设计(概要设计、详细设计)、编码(含单元测试)、测试、运行维护等几个阶段。下面就这几个阶段做简要介绍。

一、可行性分析

这部分主要是分析公司技术可行性、人力资源储备、财务储备等方面的分析。由于对我们开发人员关系不大,这里暂略。

二、需求分析

这部分开始就是网站建设的重点工作,通常被认为是一件最困难的工作。需求分析概括来讲就是这个网站应该“做什么”,因该具有什么样的功能,解决什么样的问题。通常是开发组人员和用户多次交流以便了解用户的需求。比如用户需要网站首页展示什么东西、用户可以注册账号、可以充值会员、可以放视频等需求,反复确认记录后按某种模板整理成册。期间伴随着一些文档的产生如《需求调研计划》、《需求规格说明书》等。但软件项目有一个特点就是“渐进明细”,意思就是用户不可能在一开始就确定项目的需求,需要在项目完成的过程中逐步明确。于是才有了与用户各种扯皮的现象,“需求又改变了”这也是大多数程序员工作抱怨和调侃的来源。

三、软件设计

需求完成后,就开始网站设计了。这一部分主要做网站概要设计、网站详细设计以及数据库设计等工作。内容主要就是确定网站的运行环境、技术架构以及根据需求理出系统功能结构,并初步描述出每个功能的设计规则及流程,初步设计数据库表等。

四、编码

这一环节就是程序员接触得最多的内容了,就不多讲了。大致就是根据项目经理划分的模块为每个人分配开发任务,并定期评审,定期给用户演示交流以确保项目实际进度与用户需求不会偏差太多。

五、测试

由于软件项目越来越大,IT岗位中单独衍生出测试人员这一细分岗位。测试环节最好由第三方测试,因为如果项目团队成员自己来测试会下意识的往正确的业务逻辑走,从而不能很好的测出系统的缺陷。测试环节按不同的手段又分为黑盒测试、白盒测试、静态测试、动态测试、压力测试等。测出的缺陷提交给开发团队修正。

六、运维

系统上线后就进入运行维护的阶段。没有哪个系统上线后就是完美的,这也是运维存在的必要性。能多数情况下在企业和客户签订合同的时候会包含一定时间的免费运维期,比如两年,两年后运维需另收费。运维由专人负责。运维的主要目的是解决实际使用中产生的bug、修改小的变更需求、维护服务器稳定等。

‘伍’ 前端开发的工作流程是怎样的

前端开发具体开发过程基本如下:

1、根据UI的界面图进行切图,这里切图其实也有自动化的工具。

2、使用html对切出来的东西进行映射开发,做页面结构,看到几个部分就对应几个模块,从大到小,从外到内,从公共到独立。

3、使用css做样式设计,具体分析模块大小、位置、颜色,做盒模型等等。另外,可以分成三个组,一是重置样式,用于修改一些不合适的默认格式。二是公共样式,主要是头尾以及LOGO等很多页面都会用到的样式;三是独立样式,用于只使用一次的样式。

4、使用JS做交互动作。当然,还需要根据与后端之前的讨论做数据传输接口。

5、自己debug一下,如果有bug要改。

(5)web开发标准流程扩展阅读:

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。

在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显着,功能更加强大。

‘陆’ 网页Web设计流程

在进行Web设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然,我们有最新的Web工具,并且能够将各种可视的小配件上载到网页上。但是我们认为这样做将不利于为访问者提供有效的服务。

事实上,我经常发现一些站点未将重点放在功能上。常见的错误包括:

用户界面元素不一致。例如,同一个控件在不同清贺的页面上功能不同,或者同一个功能对应几个用户界面控件。

导航栏位置不一致。决定站点的哪些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的“全局导航栏”。

不太注意或根本不注意基本的图形设计原则,例如排版式样、色彩和版面的设计。

相关元素和功能的随意分组。注意将元素放置在网页上的位置和目的。这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。

使网页过于庞大以至使访问者需要通过典型的调制解调器速度的Internet连接进行长时间的下载。这并不是说不应该使用图形,但是您需要对它们进行精挑细选,然后用适当的压缩和颜色索引优化它们。

现在的Web站点仍然存在很多问题,这并不奇怪。毕竟,Web设计“艺术”相对来说还是个新生事物。在四、五年以前,Web页甚至是普通的。那时,人们好像认为他们的Web站点将会吸引访问者只是因为它们存在--并且,可能在某些情况下这种方法确实有效。但是这些站点一般很难看,并且更重要的是,它们真的难以使用。接下来便进入“看看我们能做些什么”阶段,在网页中加入了大量的动画、声音文件以及其它附加件,导致访问者需要长时间地进行下载,但是并未获得多少实实在在的内容。

如今的Web设计师们已经吸取了前人的经验和教训。好的站点倾向于简化和快速,同时在功能上有所提高。这是Microsoft的目标,而且我们最先承认自己所犯的错误(参阅“Microsoft的Web简史”看一看以前的主页设计)。

设计错误并不总是显而易见的。有时在设计上对一个小元素的移动或更改将有很少或根本没有影响。但是,在其它情况下,它可能确实会对页面功能有所影响。而且如果说我们从过去几年学到了一些东西,那就是小的改动会使Web页的运行方式有很大的不同。

明确的流程

若要避免类似问题,我们为新服务(例如“搜索”)的创建或关键的Web页(如主页)设计了一个明确的流程。每个项目都是在一定的基础上开始的,即我们有一个受益于我们站点上的页面、部分或用户界面元素的产品或服务。在早期的产品计划阶段(第1阶段),我被要求设计一些初级模型:大致描述页面、部分或功能的草图。然后产品项目组检查产品计划建议,看看此项服务是否可以为microsoft.com的访问者真正带来一些实惠。

如果答案是“可以”,那么此项目会获得批准,我们开始写项目说明书(第2阶段)。我们在第1阶段的草图春高和概念基础上创建并提出一个更为完整的计划。这时,我们一般还会开始可用性测试(一般会有书面的模型)以了解潜在用户将对计划中的设计做出何种反应。在最后开发阶段(第3阶段),我们创建运行计划服务的Web原型,并且进行全面的可用性测试以及内部复查。然后完成站点的代码,修改程序错误,最后站点通过实际运转的Web站点向客户发布。

正如您所见到的,可用性在整个流程中扮演着重要的角色(参阅“创建有效的Web界面需要认真计划”)。我们可以为用户运行某项任务计时,这样我们就可以在产品以后的版本中对比相同的测试。我们可以使用这种方法进行度量,以确定一个功能的重新设计是否为客户带来任何真正的价值。

还有,我们将仔细地观察以了解可用性对象是否可以计算出如何正确使用新功能--我们称为“可发现性”的方法。有时这为我们提供了一些挑战。例如:在我们的站点上,在搜索引擎中键入一个词组或字会产生一列结果。然后我们请用户选择在这些结果中进行搜索,以便进行更细的搜索并且导向某一页或资源。但是即使“在结果范围内搜索”被明显地标记在深色标签上,很少有人熟悉它。一些用户认为他们正开始新的搜索,并且可能毫无结果。我们正在解决这个问题以确保客户可以利用microsoft.com上所有丰富的功能来提高他们对此站点的认识。

选项“在结果范围内搜索”看上去很扒正尺直观,但不是非常易发现的。此问题一直是困扰我们的设计的问题之一。

最后阶段

大体来讲,站点设计是在发生冲突的需要之间求得平衡的艺术。一方面,我要将站点设计得尽量简单易用。另一方面,我要确保站点中所有强大的工具可为经验丰富的用户所用。与此同时,我还要为内部客户服务--Microsoft产品项目组--他们对服务有特殊的需要。所以每天我都要解决一些非常困难的问题,经常处于很紧迫的情形中。我发现这种工作是鼓舞人心和有趣的。

这个职业非常需要更熟练的专业人员。我是经过一系列非常不一般的过程--在大学学习图形艺术,然后在多媒体公司设计CD-ROM,最后加入Microsoft并开发应用程序--才获得这个职位的。非常奇怪的是,当我申请(并获得)这份工作时,我以前从来没有设计过Web页。但是我广泛的设计经历已经证明是非常有用的,并且我自认为已经验证了格言“成功的设计就是成功的设计”(不论是什么媒体)。许多设计问题对Web来说是独一无二的,解决这些问题的方法对于任何媒体都是一样的。

对于那些准Web设计师我的建议是,他们也应该尽可能地扩大设计背景。今天应该确保将一些Web工作作为互动设计培训的一部分--大多数好的设计学校已将其加入课程中。但是在排版、色彩理论、版面设计以及生产等方面的扎实的技术将仍然特别有价值。

在未来,Web设计师们仍将会继续被要求给页面增加更丰富的多媒体内容,从而为Web站点的可视性和可操作性增加了新一级的复杂性和技术要求。作为CD-ROM/多媒体设计师,要求我必须具有图形设计、视频、音频制作、动画等方面的知识和创作能力。我的预言是,Web设计师也将向这些领域发展。

对于属于microsoft.com的我们--以及在Internet上的其它地方--那应该是一个非常有趣的未来。

了解您的观众。调查一下究竟哪些人在访问您的站点,以及他们为什么要访问。新手或不定期上网的Web用户与软件开发商相比有非常不同的兴趣和站点需要。

使您的站点对访问者来说有所帮助。

为您的观众提供所需的信息。使导航元素保持一致,并且确保对访问率最高的区域进行明显的标记,是它们易于被找到。

使用清楚的消息。

确保用户了解此页面的上下文,并且知道需要他们做些什么。如果在注册过程中您要用户输入姓名,那么就直截了当地说。不要让访问者自己计算什么,他们会感到沮丧,于是转到其它更简单的站点(例如您的竞争对手的站点!)。

保持一致性。1.初始会商,主要是收集该站点的关键信息,包括站点的目标读者.要发布的内容.开发Web服务器平台;

2.概念开发,设计师根据收集的信息,开始构思,通常,设计师要把这些构思用草图的形式呈现给顾客,这个草图要有整个网站的结构,不同的布局.设计及导航;

3.内容综合,当决定了设计师的设计,设计师开始制作一些初始图样,这些图样用PHOTOSHOP那样的程序来创建,然后,设计师将图样打印出来配合文字;

4.HTML布局和导航,一旦客户同意了这些内容综合,设计师开始编制Web页面,导航器也被编制到页面中,使客户第一次真正体验一下;

5.图形制作,如果客户同意了站点的外观和感受,设计师将大量制作所需的图形,并进行优化;

6.内容流程,客户的书面材料利用各种网页技术(CSS、JAVA、FLASH),有机的和相关的图形整合在一起;

7.测试,在站点被提交给客户之前,设计师要彻底测试每个Web页面和联结,利用清单,进行修补;

8.交付,一旦签收,客户要经常进行他们的测试,找出排版和内容方面的错误,做完了这些次要的修正后,正式启用站点.

这套完整的计划可以用1-12个月来完成,平均完成时间为4个月.当站点启用后,要进行跟踪调查,以确定人们如何使用站点。经过6-12个月的运行之后,重新收集数据,开始重新设计,然后这个Web设计过程再开始一遍。