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

web制作流程和方法

发布时间: 2022-06-23 06:09:42

‘壹’ 开发一个web 项目的大概流程

1.
首先了解项目需求,形成项目需求文档
2.
根据web项目未来的运行方式和场景选择web运行服务器,数据库以及开发语言,还有支持的浏览器最低版本
3.
小型的web项目最好边开发边和用户交流,以尽可能满足用户需求
4.
大型的web项目最好能将需求让用户确认,便于未来需求修改时评估修改成本或以合适理由拒绝修改
5.
小型组网测试。小范围内测试web项目的功能和交互方式。
6.
压力测试。如果web项目的使用人数将来会非常大,可能要找工具对该项目进行压力测试。
7.
试运行。试运行也可和前期测试相结合。
8.
正式上线。
9.
后期维护。

‘贰’ java开发一个简单的web网页的具体流程是什么

web网页的主要流程就是 从请求到响应,从jsp页面的参数传递到后台的 控制层(action)再调用相应的服务层(service)进行处理,其中可能会用到数据层(),将处理后的结果响应给页面,或是跳转

‘叁’ 网页设计流程是什么

  1. 策划阶段

    每一个网站的建立同时,都伴随着诸多尚未解决的需求。为什么要做这个网站?是制作之处需要想到的问题,无论是为了宣传业务、提升业绩,还是表达观点、传递价值,一个网站都会承载着诸多的功能需求。那么,在策划阶段,就要围绕着需求及功能点,将其一一解析出来,并整理成册为: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工具上传资料到服务器。于是该网站就可以正常访问了。

‘肆’ 一个完整的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 编写文档

‘伍’ 怎么做WEB网站

真正建立属于您自已的网站之前,您有必要先了解一下网站建设的基本流程:
注册域名、租用空间、网站建设、网站推广、网站维护,我们称之为网站建设五步曲。
其中,域名和空间下来以后,要去备案,一般3-5天就OK了。
提供几个免费空间和论坛,你可以先试试,感受一下。
www.5d6d.com
很好的免费论坛申请
http://h.8wa.com
我朋友开的免费空间申请
http://www.5944.net
最近很热门的免费空间申请.但不是很稳定.不推荐~~~~

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

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

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

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

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

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

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

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

  8. 正式上线。

  9. 后期维护。

‘柒’ 设计WEB站点的一般步骤

(1)对Web站点作出具体的规划
(2)准备Web站点的素材
(3)创建 Web站点和制作网页
(4)测试Web站点
(5)发布Web站点
(6)宣传自己的Web站点
(7)对Web站点进行维护和更新

‘捌’ 怎样制作自己的网页 web开发教程 企业建网站

我这边主要介绍一下企业找外包团队制作网站的一些流程,一般都是这样:

第一个步骤,就是网站制作公司的人员,来公司了解一下客户的主要目标和想法。一般的用户可以在这一步的时候,认真的跟网站制作公司的人员进行沟通。只有这样才可以做好网站。

第二个步骤就是进行初步的网站构架。这个主要是为实现网站的基本功能而坐的。有的网站看着很花哨,其实构架很简单,但是有的功能比较复杂。根据网站制作的技术人员的说法,网站框架的搭建比较考验技术,但是网站的整体就比较考验网站美工设计的能力。

第三个步骤就是网站的功能开发。如提交一个信息是否方便,是否能够有效传达企业的信息等。包括页面的特效,菜单展现形式,这些尽管策划人员前期已经规划,但是还是需要在网站功能开发中参与,以保证网站功能与开发需求的一致性,工作量少,但是却不可忽略。

第四个步骤上传网站并测试。网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,如LeadFTP,CuteFTP是常用的网页上传工具。

网站开发制作的过程耗时还是蛮久,如果用网站模板制作,就会方便快捷很多。

‘玖’ web程序的一般设计过程

web程序,就是说B/S架构的系统么,刚好在做一个网站开发,我按照自己的开发过程好想法说说吧
1.
需求分析,可能感觉很虚,但是这是必须的,你这个系统是为什么而做的,就是它的需求是什

么?有了需求,你去分析,将这种需求转换成E-R图,让客户能够看懂,他们的需求都被概括进去了
2.
概要设计,根据你的需求分析文档,都要完成哪些功能,需要你设计好怎么去完成这些功能。最好是能够直接设计出大概的数据库表以及之间的关系
3.
数据库的设计(这个是我感觉非常有必要单独列出来),我感觉数据库是一个系统的核心,当你的数据库的表,以及之间的关系,都设计的非常的好,能考虑到这些表之间的可能关联,后面可能会碰到的问题,系统基本上问题也不大了。
4.
架构设计,你要考虑系统规模大小,主要的关注点,然后考虑你是使用什么数据库,什么框架,什么界面技术等等。
5.
详细设计,根据你考虑的架构,输出详细设计文档。这个阶段的最后最好将数据库弄好。前面只是将数据库设计出来了,还没有正式的建库建表,你就先把数据库弄好
6.
开发,然后就是按照详细设计开发,界面等等。。。。。

‘拾’ 网页设计制作详细流程

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

(10)web制作流程和方法扩展阅读:

网页设计

设计网站要注意两个要点:整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。

网页配色小技巧:

1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;

2.用两种色彩:先选定一种色彩,然后选择它的对比色;

3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。