⑴ web开发流程图 一般用什么软件
1. Codepen
Codepen应该是全世界最受欢迎的开发环境之一了。CSS技巧的作者Chris Coyier是Codepen的联合创始人之一，这也就是为什么这款app看起来那么豪华。除了视觉上的优秀效果，它可以生动地展现预览，当你修改了代码，就可以看到效果，使你能够更容易地找出变化。
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有CoffeeScript和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。另外，它还包含了8个可用的内置的JS库。Codepen中合作和私人的“pens”需要付费使用。【前往Codepen】
2. JSFiddle
JSFiddle可以说是成就了开发环境的流行，它是第一个也是最出名的平台。JSFiddle有超过30个可以立即使用的JavaScript库，你还可以轻松的添加外部文件。在预处理方面，它有用于CSS的SCSS、用于JS的CoffeeScript以及用于HTML的简单Vanilla。
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
但JSFiddle没有的是预览功能，你需要手动刷新页面。和其它开发平台相比，JSFiddle确实也比较慢。另外，JSFiddle还有一个不足就是它的执行键不是很灵敏，有时需要多点击几次才能够执行代码。【前往JSFiddle】
3. JS Bin
JS Bin是由JavaScript开发大师Remy Sharp创建的，他拥有一家专注于JavaScript和HTML5的web开发公司。JS Bin的JS预处理器包括CoffeeScript、TypeScript、Traceur、JSX以及可供使用的超过40个的JS库。你同样可以添加外部文件，但是必须在编辑器上手动操作。而用于CSS的预处理器，它提供了LESS。
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。【前往JS Bin】
4. CSSDeck
CSSDeck已经存在一些年了，但它的影响力好像不是很大。不过，由于它的简洁性，它还是值得关注的。如果你不需要其它平台里那些复杂的功能，那CSSDeck就应该是你的选择。
CSSDeck的预处理器包括用于HTML的HAML、Markdown、Slim和Jade，用于CSS的LESS、Stylus、SASS和SCSS，以及用于JS的CoffeeScript。它还有几个可用的CSS和javascript库，对于没有的库，你只需要将其手动地添加到库的列表中就可以使用了。
CSSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。【前往CSSDeck】
5. Dabblet
当我还在使用十六进制颜色代码的时候，Dabblet的特性让我惊讶了，它的颜色预览居然显示在代码旁，这是我第一次见到这样的设置。虽然我不确定这是否是一个有用的特性，但是它的整洁性还是给我留下了很深的印象。
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS编辑器和效果，HTML编辑器和效果，CSS和HTML的编辑器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
它也有不足，第一，Dabblet缺乏HTML和CSS的预处理器，这是令人困惑的。第二，它没有内置的JavaScript库，不过你可以通过手动插入JavaScript库来解决。第三，它的每个板块大小是固定的，无法作出调整，这和以前传统的调试平台是一样的。第四，它缺少一个用于演示其他用户作品的板块。【前往Dabblet】
6. Liveweave
Liveweave是一个拥有很多功能的开发平台，比如可以关闭的实时预览。你也可以为了保护视力，开启夜间模式，将所有界面都变暗。Liveweave提供了20多个JavaScript库，甚至还支持SVG。其内置的标尺使测量更加精确，更符合美学标准。
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
你甚至可以下载你的weave文件，并把它保存为单独的HTML文件或者保存为包含独立HTML、CSS和JS文件的zip压缩包。对了，Liveweave还有一个内置的Lorem Ipsum生成器。 【前往Liveweave】
结语
当然，每一个平台和工具都有它自己的特性，都会对你有所帮助
⑵ 设计WEB站点的一般步骤
(1)对Web站点作出具体的规划
(2)准备Web站点的素材
(3)创建 Web站点和制作网页
(4)测试Web站点
(5)发布Web站点
(6)宣传自己的Web站点
(7)对Web站点进行维护和更新
⑶ 如何制作网站 web
第一步：建站系统选择
不懂技术和设计的情况下，你就需要用到自助建站系统了，需要找网页制作公司的模板，这样可以让你零基础做出一个比较美观的网站。后台都是可视化操作，模板设计感强，简洁典雅，做出来的网站效果也非常好。
第二步：头图设计
访客打开你的网站后，浏览顺序一般是从上至下……因此，若想快速吸引访问者注意力，就一定要重视头图banner！让客户感受到视觉上的美观和愉悦，而不是看了你网站一眼就迅速关掉。头图一定要要足够显眼、吸睛。让客户一眼明白你是干什么的，千万不要太啰嗦，免得浪费客户时间。
第三步：详细信息展示
在标题头图之下，一般是企业简介、重要产品展示、团队成员、详细业务介绍、媒体报道等，网站靠后部分则是留言表单、联系方式。中间可以根据需求添加商城、博客等版块。这样的版块排列顺序比较有逻辑，便于客户理解。
如何制作网页，添加这样的功能呢？在上线了网站编辑器点击左侧【添加新版块】，可以添加各种功能——商城、定价表、相册、产品展示、大尺寸媒体、留言表单、横向布局、纵向布局等。版块的布局、顺序均可调整，版块内的文字内容、图片也可随时更改。
第四步：加强客户联系
网站是从互联网引流的好渠道，你可以在网站底部添加自己的社交媒体平台按钮，吸引客户关注你，进而为自己积攒私域流量。
第五步：发布上线
在网站后台的“设置”里你可以设置网站域名、标题、logo等等。全部做好并预览无误后点击左下角的“上线”，就成功发布自己的网站了。
⑷ 应该如何制作web流程图
一、设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
⑸ WEB网站的设计过程有那几个阶段
1,确定用途(功能)
2,资料搜集
3,美工
4,框架设计
5,加入代码/程序/数据库
6,整体测试
⑹ web程序的一般设计过程
web程序，就是说B/S架构的系统么，刚好在做一个网站开发，我按照自己的开发过程好想法说说吧
1.
需求分析，可能感觉很虚，但是这是必须的，你这个系统是为什么而做的，就是它的需求是什
么？有了需求，你去分析，将这种需求转换成E-R图，让客户能够看懂，他们的需求都被概括进去了
2.
概要设计，根据你的需求分析文档，都要完成哪些功能，需要你设计好怎么去完成这些功能。最好是能够直接设计出大概的数据库表以及之间的关系
3.
数据库的设计（这个是我感觉非常有必要单独列出来），我感觉数据库是一个系统的核心，当你的数据库的表，以及之间的关系，都设计的非常的好，能考虑到这些表之间的可能关联，后面可能会碰到的问题，系统基本上问题也不大了。
4.
架构设计，你要考虑系统规模大小，主要的关注点，然后考虑你是使用什么数据库，什么框架，什么界面技术等等。
5.
详细设计，根据你考虑的架构，输出详细设计文档。这个阶段的最后最好将数据库弄好。前面只是将数据库设计出来了，还没有正式的建库建表，你就先把数据库弄好
6.
开发，然后就是按照详细设计开发，界面等等。。。。。
⑺ 我是做web前端的，要实写一个流程图，不会写，没思路，求指教
如果这个流程图是固定的，也就是说是不会随着数据，改变位置的话，那就做五行七列的格子，然后往格子里加东西应该就可以了。像那个蓝色四个角，你可以在这个包裹电话的小盒子里，定位四个小正方形，定位到四个角上。
例外那个每个图标样式都是固定的上图下文，上图带四个小正方形的交互，并且大部分带箭头，可以写公共样式。像那些线，如果嫌麻烦，可以用图片代替，定位上去。
⑻ 请教公司里web开发的流程
首先策划出文案，然后设计出效果，通过后制作切图做页面，前后台可以同时做，套页面应该是把任凭做的html静态页与程序员开发的后台绑定起来
⑼ 一个完整的web项目开发流程
1 需求确定
通过各种方法确定系统的功能与性能。
功能：注册、登录、查询、搜索。。。
性能：可同时支持N个并发访问，并且响应时间不低于M毫秒。。。
方法：
会议
询问
头脑风暴
原型-界面原型、业务原型。。。
本阶段是项目开发的最重要的阶段。
在WEB项目中，通常界面设计会在本阶段进行。
2 分析与设计
1 架构分析与设计
逻辑结构：
3层架构、多层架构。。。
MVC。。。
Model1或Model2
。。。
物理架构：
web服务器的分布
数据库服务器的分布
。。。
技术解决方法的确定：
Java/.net
Open Source/商业
。。。
2 业务逻辑分析
根据需求分析业务逻辑：
有哪些人使用本系统
他们会使用本系统做什么
通常他们使用本系统的步骤是怎么样的
会有哪些明显的类来支撑本系统的运行
会有哪些不同的提示会反馈给用户
。。。
本阶段与需求的确定密切相关，通常在确定需求的时候就会进行相关的分析。
3 业务逻辑设计
根据需求的分析来确定具体的类
确定类的属性
确定类的接口（方法）
确定类之间的关系
确定用户操作流程在设计上的反映
进行数据库的设计
注意：不同的项目步骤可能不尽相同
4 界面设计
设计系统的界面风格：
颜色、style
设计系统的具体“模拟”界面：
能够从头到尾
方便进行需求的确定
方便JSP程序员进行开发
。。。
3 开发环境搭建
开发工具的确定：
eclipse、Myeclipse。。。
配置管理工具的确定
测试工具的确定
文件服务器/配置服务器等的确定
。。。
4 开发-测试-开发-测试
按照设计进行开发
迅速开发原型
进行迭代开发
提早进行测试：
单元测试
黑盒测试
白盒测试
性能测试
易用性测试
。。。
5 编写文档
⑽ 网页设计流程是什么
策划阶段
每一个网站的建立同时，都伴随着诸多尚未解决的需求。为什么要做这个网站？是制作之处需要想到的问题，无论是为了宣传业务、提升业绩，还是表达观点、传递价值，一个网站都会承载着诸多的功能需求。那么，在策划阶段，就要围绕着需求及功能点，将其一一解析出来，并整理成册为：PRD产品需求文档。通常这部分是由产品经理（PM）完成，需要在与客户详细交谈过数次后，才能一并输出。如果项目中途突然加个需求，程序和设计的心里一定会很难过的，所以一个新站的策划初期，至少要考虑到未来2~3年，网站的功能添加的可拓展性。
2.交互设计
这一阶段的工作通常由专业的交互设计师来完成，当然也时常可由产品经理兼职。交互设计师得根据解析出的PDR需求文档，合理地组织网站框架，建立一级、二级导航栏目，规划网站内页的浏览路径，以及页面跳转关系。通常会用到Sketch、或OminiGraffle、mindnote等软件来梳理页面逻辑及框架结构，以完成交互设计稿的绘制。以便网站受众在浏览过程中能高效、愉悦地获取到他们想要的信息。如果是页面不多，可在白板上或几张A4中完成这个环节的工作；页面巨多，则要将交互稿整理出图，打包为电子手册，方便下一工作环节的实施。
3.视觉设计
现在该网页设计师正式出场了，这一环节中，设计师主要根据交互设计稿，确定网站内页的具体设计规范，包括网站颜色VI的选用、字体字号大小、以及素材的编排、选取及处理、每一根线条、每一个像素，都是由作为准网页设计师的你来把控了。将所有页面设计稿完毕后，标注好尺寸、颜色等数值信息，输出必要的图片、icon等资源，打包好后一并交给Web前端工程师。
4.前端制作
这个环节的主角是Web前端工程师。其主要根据网页设计师出具的设计稿，运用HTML、CSS代码实现页面重构和页面逻辑跳转，运用JavaScript、JQuery等技术优化网站浏览体验，以及网站界面交互动效、功能实现的制作。相信你的程序员哥哥定能给你办得稳妥妥的，当然在这个过程中会遇到些许问题，作为网页设计师的你要及时与之沟通，一起将界面的细节做到99%还原设计稿。
5.后端制作
实现后端数据的逻辑处理，比如数据的提交存储、更新修改、查询等。这个环节的主角是Web后端工程师，通常要用到PHP、java、C语言或C++等编程技术。作为网页设计师的我，对于这一环节的工作是持仰望态度，无法展开来讲了。
6.测试上线
在网页重构及后端制作完成后，将代码模板套入CMS（即：内容管理系统）完成本地测试，以检验其可靠性。在排除bug问题后，就可准备上线了。买个域名和服务器，做些必备的服务器配置工作，完成DNS解析，将域名和服务器连接起来，最后再运用FTP工具上传资料到服务器。于是该网站就可以正常访问了。