WEB流程图的绘制有顺序的描述出来

n 流程图的概念和作用：

在生活中，我们做任何一件事情都有各自的顺序，我们按照这个顺序才能实现一个完整的事情。我们需要把整个过程一步一步的，有顺序的描述出来，传递给其他人。我们可以通过文字描述去传达，或者通过语言口头叙述，这两种表达方式都有各自的优缺点。文字我们可以描述地很详尽，但同时会显得内容很多，我们不能保证所有的人都能仔细地看我们的文字描述。口头的叙述虽然很方便，但容易遗漏，不容易记忆，只适合临时的小范围的临时传递。如何简单、清晰、有步骤的、便于阅读的将我们的整个过程描述出来呢？通过生活实践，前人总结出了绘制流程图的好方式。

流程图，顾名思义，就是以流程的形式反映工作、事件进度的图标。对于从事开发的人员来讲，流程图是十分有效的表示算法和思路的一种方式。一般的软件设计之初都要画出流程图。流程图绘制一般使用Visio绘制，也可以使用Word。对于程序员来说，通过流程图的帮助，能很容易理清程序思路，也能看出程序设计中的不足及考虑欠周全的地方。而UI设计也正是基于流程图，参考流程图才制作出来的。总之，要想成为优秀的程序员，必须具有绘制流程图的习惯和能力。

n 流程图的绘制方法：

Web流程图的图形含义，主要有三种图形：

第一种图形——椭圆，表示开始和结束。

第二种图形——矩形，表示任务。在web编程中就指网页。该矩形中间写明这个网页的用途。

第三种图形——菱形，表示逻辑判断。

结合网页和表单的形状，一个表单验证的流程图如下所示：

除了以上三种主要的图形外，还包括其它如：子流程、多重分支、注释备注、浮动对话框、后台动作等图形。如下图所示：