您的位置: 首页 > 网站制作 > 网站制作的流程是什么

网站制作的流程是什么

2021-05-27 11:39:17        栏目: 网站制作

网站制作的流程是什么一: 流程图怎么画——用什么软件制作流程图

流程图是大家日常工作中必备的工具之一,它可以清楚直接地展现一些复杂的数据和逻辑关系,方便大家观看和分享。那么流程图该怎么画呢?如果你到选择还不会画流程图,那也没关系,我们只要使用一些流程图绘制工具就一定能画好流程图。那么我们使用什么软件制作流程图比较快呢?

要画出一个满意的流程图,我们必须要使用专业的流程图制作软件。即使你不是专业人士,也是可以绘制出专业的流程图来的。下面小编就来手把手地教大家怎么使用迅捷流程图制作软件制作流程图,使用很简单,相信大家看过之后就都会制作了。

绘制流程图步骤如下:

1、首先,我们需要在电脑上下载安装“迅捷流程图制作软件”。

2、运行软件,打开软件后我们可以在界面上看到“创建新图表”按钮,点击直接创建新图表。如果已经有了图表,可以选择“打开现有图表”直接对已有的图表进行编辑。

3、给要绘制的流程图选择一个模板。根据要绘制的流程图的类型和结构选择流程图的模板。软件打开的界面左侧有各种类型的流程图图表模板类型,点击选择其中一个,然后点击界面右下角的“创建”按钮开始创建流程图。

4、在选择的模板中完成流程图的绘制。选择好的流程图模板在软件中打开,我们需要完善这个模板。将文本内容添加到流程图的模板中,添加完成后一个简单的流程图就完成了。完成后的流程图可以根据实际需要做简单的调整。如果需要修改流程图模板,对流程图的图形进行相应的修改即可。

5、创建流程图模板。如果不选择软件提供的模板,就可以自己选择从头创建一个流程图框架。我们只需要自己在软件中选择合适的图形和连接方式,然后将这些不同的图形和箭头组织起来就可以了。软件界面可以看到“通用”等几类图形分类,以及“更多图库”这一选项。只要点击图形就可将图形添加到中间的绘制界面中,点击图形后可以看到图形上下左右都有一个箭头,点击这个箭头就可在这个方向上直接复制这个图形。

6、调整流程图模板。我们使用箭头将不同的图形连接起来后可以根据需要调整组合方式。我们可以按照自己的想法适当调整各个图形的摆放位置、方向,箭头的指向等。右键点击选择图形,就可对图形做进行删除、剪切、复制、添加链接。点击右侧的“排列”菜单,选中图形就可改变整个图形的方向。

7.设置流程图的基本属性了。默认的流程图是没有设置颜色、字体、图形样式等的。我们需要根据实际的需要美化流程图。点击流程图中的每一个图形,可以设置图形的属性,比如图形的样式、文本的格式、图形排列方式等。从图形的边框的线型、颜色、图形的底色、箭头的线型到文字的格式都是可以随意设置的。一个图形的属性编辑好后可以设置为默认样式。点击选择“设置为默认样式”就可以直接应用于流程图中的其他图形,节省编辑的时间。

8.保存制作好的流程图。制作好流程图后,我们可以选择直接将流程图保存到电脑上,之后就可以随意使用了。点击“文件--保存或者另存为”,再选择保存位置即可。


网站制作的流程是什么二: 网站建设流程的具体流程是什么,需要注意哪些事情?

想必大家对网站并不陌生,也或多或少了解一些搭建网站的技术,但却很少有人关注网站建设流程。看到这里有人可能会觉得奇怪,网站建设好不就可以上线了吗?怎么还需要申请呢?其实,每一个网站在上线之前,都必须经过网站申请流程,没有办理备案申请的网站,是不可能出现在大众面前的。所以今天就给大家介绍以下,关于网站建设流程的有关内容。

1、网站建设流程是什么

目前我国网站建设流程有5个步骤,依次为:网站规划,注册域名、服务器,网站备案;网站搭建;域名解析。

2、具体流程

一是网站规划,在进行网站建设之前,要充分考虑网站的用途、风格,需要哪些功能等;二是购买域名和服务器,这两样东西都可以在操作,域名和服务器是网站建设的灵魂和大脑,会提供性价比较高的域名和服务器,较大限度为客户节约建站成本;三是网站备案,拥有域名和服务器后,可以到有关部门办理网站备案,备案需要网站持有者的身份证、营业执照等材料,获得备案许可后,网站即可上线运营;四是搭建网站,该步骤大多由程序员操作,你只需要提出自己的要求,然后按照约定查看网站搭建进度即可;五是网站搭建完成后,建站平台会将网站上传到特定的局域网,试运行网站,并且进行域名解析,网站运行顺畅,域名解析完成后,就可以正式上传到互联网,客户通过网站后台上传相关信息。

3、注意事项

其实网站建设流程很简单,但其中有几个步骤对专业技术要求很高,所以在挑选建站平台时,要尽可能和大公司合作,大公司不仅技术好,服务质量好,在必要的时候还可以帮忙代办手续,非常方便。

综上所述,网站建设流程有5个步骤,而且是缺一不可的,如果你近期也有建站需求的话,可以再深入研究一下各个步骤的注意事项,做好充足准备。


网站制作的流程是什么三: 逻辑篇 | 制作不被批的流程图,教你画出大厂标准流程图(2)

这是系列文章的第二篇。上一篇文章介绍了“流程图的表达方法和基本的使用”,这一篇是介绍“如何制作人人喜欢的流程图”。具体内容如下:

1.为什么你的流程图别人不满意?以一些例子来看研发和业务人员流程图要看什么。

2.流程图的尺度如何把握?能够根据给研发还是给业务人员,来画出尺度得当的流程图。

2.如何一步步画出流程图?手把手教你一步步画出人人喜欢的流程图,理顺你的思路。

下面我们就进入正题。但如果看了下文,对流程图的UML表达方法还不了解,则请移步第一篇《如何制作正确的流程图?》。

首先看下面的两张流程图,以下流程图如果给研发或业务人员看都是有问题的。

那为什么有问题,这里就要明白对方看流程图的目的是什么?

1.业务人员:看了流程图,好明确自己在其中做什么,或者对工作流程提出不同意见。

2.研发人员:看了流程图,好进行相关的研发设计。

3.给自己:看了流程图便于自己梳理逻辑,不需要给任何人看。

那么我们就以例子来看问题,相关人等对流程图都有什么疑问呢?

先回到我们上面两个案例的第一个图,如果这是一个给业务人员看的,对于业务人员只关心自己需要做什么。此时把“生成送货单”加入就极为不合适。此时业务人员会一脸疑惑的说:“系统生成订单?这个和我有什么关系吗?我去送货当然要送货单了?”。这里发现画了一些多余的内容。另外补充一下,给业务人员的流程图,研发也需要看,目的是为了理解整体业务,便于设计业务。

另外上面的流程图逻辑上也出现了错误,具体请移步系列文章《第一篇:如何制作正确流程图》的错误案例三。

再来看第二个图,如果作为初学人员,画一下给自己梳理逻辑显然是合理的,这也就是我们说的第三类作用“流程图画给自己看”。但此时研发会一脸不耐烦的说:“来点干货,不就是两个页面吗?给个原型看看?我不关心你思考的过程”。此时倒不如直接给出1-2张页面流程图更直接。在简化的页面里面,体现主要功能和下一步的按钮。

上面两个流程图,一个就体现了给业务人员用的,一个就体现了给研发人员用的。那么流程图应该怎么把握尺度呢?

可以按照两个尺度来画流程图,称其为:给业务人员看的“人人交互模式”和给研发看的用“人机交互模式”。下面我们分别表述:

对应去掉系统后,人和人之间的交互,此时忽略系统在其中做了什么。以下面的流程图为例:

你发现我们的表述的意思是“用户支付订单-只有用户支付完订单后,客服才能确认订单-客服确认订单后物流才能来收货”,这里体现了人每做一步后,另外一个人才能做另一件事情,没有体现系统在这其中专递信息做了什么,如“系统创建订单-系统显示订单给客服”等中转过程。因此我们称其为人人交互模式的表达。这个维度上,可以让业务人员聚焦于自己需要做什么事情上。

从递送发票这个环节看,我们也是这样的逻辑“财务打印发票-打印完毕后物流才能寄送发票”,也体现了一个人人交互模式。

而这里特殊的地方是是:1)“用户支付完订单”步骤:虽然是对系统的操作是人机交互了,但没有这一步就不会进行发货。2)“用户点击确认收货”步骤:没有这一步,订单就不算完成。因此也要在流程图里面体现。

注意人机交互级别的流程图,主要涉及到人输入什么,系统会反馈什么,但是有两个原则需要注意。

原则一:一个页面定义成一个操作。

看下面的例子:

假设在商品详情页此时展示的是一件衣服,则可以选择衣服数量,选择衣服颜色和大小等操作,但流程图的作用不是表达具体功能的,所以忽略这些操作。一个页面只表达一个操作,下面的页面的第一个操作就是“用户点击确定”,概括为“用户选择商品”。而后面的两个页面也可以概括成“用户提交订单”和“用户支付订单”。

另外不要写画成“用户选择商品-系统显示订单-用户确认订单-系统显示支付界面-用户支付订单”,没有错但略显啰嗦。

流程图重点表达做了什么事情,是不关心所有的功能。用流程图表达功能也不是最佳方案。如果这个例子想表达的是页面的功能,建议直接画页面流程图即可,这个表达对研发更容易阅读,或者用用例图来表达都是比这个更恰当的表达方式。

再如下图,有的人说是否应该将其中的细节画出来?如:判断是否已经上架,判断是否有库存等。结论是不应该画。

这里也不符合一个页面一个动作。这里的判断是简单的,还是建议直接在原型边上写逻辑即可这个流程图研发是不太看的。但再次强调作为自己梳理逻辑可以做。

原则二:和后端服务器交互的定义成一个操作

具体看下面的流程图:

此时当用户进行登录操作的时候,输入完用户名和密码并点击确定,此时APP需要询问一下服务器:服务器大哥,请告诉我密码是否正确?。系统会回答:密码是正确的,或者密码是错误的,或者这是一个用户名没有注册过。

这些涉及到和服务器的交互,显然不问服务器就不知道,则可以在流程图里体现出来。

注意此时忽略人和APP在一个页面内的交互。如:如输入手机号后提示手机号格式错误,你会发现就是一些简单的前端逻辑判断,还不如在原型页面写备注来的简洁和高效。

下面这两个流程图都属于过度表达了。

给业务和研发部门呈现时:用人人交互模式,忽略系统所做的工作。给研发部门呈现时:一个页面一个动作,可体现和后端服务器交互的动作,而忽略掉简单的前端交互。

了解了流程图的尺度后,我们还要思考如何一步步画出流程图。其中给业务部门的流程图是最常用的。我们下面就以给业务部门的流程图为例进行讲解。

这里有两个基本原则:1.打通主流程:先粗后细,再加泳道。2.完善细节:先加异常,再拆流程,再合并流程。我们分别表述:

打通主流程意思是不考虑任何异常情况,就考虑正常完成订单的流程。在上篇文章中就是按照这个方式完善了主流程。我们当时分了三步,分别是:第一步:完成很粗的主流程,第二步:完善送货流程细节,第三步:完成寄送发票等细节。这里就体现了先粗后细的原则。

线粗后细完成后,这个过程中出现一个问题,即当有财务,物流和运营等多个角色来处理,每个角色不能很清晰的看到自己的业务怎么办?此时可以用泳道来解决,具体见下图:

此时每个角色下面所对应的就是该角色所进行的动作,非常像游泳时的“泳道”。每个泳道对应的可以是:客服、物流,财务等角色。系统也可以算作一个角色,但应尽可能将其看做一个人。

这样算会否就算完成流程图呢?还没有,需要进一步完善。概括一下就是:先加异常,再拆流程,再合并流程。我们一个一个来看。

第一步:加异常

上面的流程图我们始终没有考虑异常情况。此时可以从第一个动作一直到最后一个动作逐一梳理是否会有异常的加入。如本例中,从前往后梳理依次是:用户付款后要求退款怎么办?客服时候可以不发货?用户如果拒收货物怎么办?用户如果一直不点击收货按钮怎么办?用户如果买了以后要退货怎么办?如果用户输错了密码怎么办?

这里包括三类异常:不操作如何处理,反悔如何处理,错误操作怎么处理?

此时对于“用户如果一直不点击收货按钮”这个做法,我们就考虑加入“系统自动确认收货”这个流程了。

第二步:拆流程

列出逆流程后,通常就涉及到每个逆流程的完善。但是我们发现“用户收货后退货”这个逆向流程比较复杂,包括:用户提出退货需求,商家同意,用户寄送和商家退款等环节。则退货流程就可以在其他流程图里面再画,这就体现了拆流程的特点。

再如“用户支付订单”会存在支付成功,支付失败,待支付等等流程也可以在其他流程图里面处理。

第三步:合并流程

我们看订单寄送发票的流程包括“财务打印发票,物流寄送发票”两个步骤,可以抽象成寄送发票。对于财务人员当然要开发票,写不写不影响问题的理解。在这一步重点在于,去掉本次流程图不关心的内容。如果系统自动收货不是你本次重点表达的内容,也可以去掉。

通常小白还会在流程图加入如果用户没有登录去引导登录等判断。在开始做练习的时候做都可以,但提交给研发则是没有必要加入。

本次介绍了三部分内容,分别是:

1.流程图给谁看:重点阐述了给业务人员,研发人员和自己看三者的差异。

2.流程图的尺度如何把握:重点强调了人人交互模型和人机交互模型,其中人机交互分为前端页面交互和后端服务器端交互。

3.如何一步步画出流程图:介绍了1)打通主流程:先粗后细,再加泳道。2)完善细节:先加异常,再拆流程,再合并流程。

最后做一下说明,实际上流程图没有绝对正确的,核心在于给谁看,大家能够看明白主要内容即可。所以需根据每次要重点阐述的内容来画流程图,并最终产出一个完备的原型图才是最终目标。

专注于互联网产品和运营话题,写作目标是“宏观建立知识地图,微观建立基本逻辑”。文章持续更新!