网页的制作流程-网页设计的制作步骤

网页的制作流程-网页设计的制作步骤

网页制作的流程主要有这些：前期策划——规划框架——整理相关素材——〔制定〕与制作网页——测试完善;其中前期策划是由产品经理组织策划网站主题，明确网站建设的目的意义，进行前期调查。

一、网页的制作流程

1.前期策划

首先是由产品经理组织策划网站主题，明确网站建设的目的意义，进行前期调查。

2.规划框架

在前期策划的基础上，产品经理必须要分析消费者的必须求和市场状态，以用户为中心，规划网站的内容框架。

3.整理相关素材

在网站的内容框架下，凡是网站所涉及的文本、图像和多媒体素材都是必须要收集的。收集的材料越丰富，制定与制作时的选择空间也就越宽泛。

4.制定与制作网页

制定与制作网页时，首先由交互制定师确定网站页面间的交互关系，接着制定一个交互原型。然后，由UI制定师为网站界面布

局、拟定视觉风格，进而为各个主题栏目布局、绘制框图、制定平面效果图。

5.测试完善

网站成型后由测试工程师对产品进行功能、性能、安全等测试，并对测试结果进行分析，给出专业测试报告，与其他部门紧密协作，跟踪缺陷并及时推动修复。

完善好网站的最终效果后，最后要利用FTP工具将网站发布到Web服务器上。

二、静态网页的工作流程

静态网页的工作流程可以分为以下4个步骤：

(1)编写一个静态文件，并在Web服务器上发布。

(2)用户在浏览器的地址栏中输入该静态网页的URL(Uniform Resource Locator，统一资源定位符)并按Enter键，浏览器发送请求到Web服务器。

(3)Web服务器找到此静态文件的位置，并将它转换为HTML流传送到用户的浏览器。

(4)浏览器收到HTML流后显示此网页的内容。

三、动态网页工作流程

动态网页的工作流程分为以下4个步骤：

(1)编写动态网页文件，其中包括程序代码，并在Web服务器上发布。

(2)用户在浏览器的地址栏中输入该动态网页的URL并按Enter 键，浏览器发送访问请求到Web服务器。

(3)Web服务器找到此动态网页的位置，并依据其中的程序代码动态建立HTML流传送到用户浏览器。

(4)浏览器接收到HTML流后显示此网页的内容。

从整个工作流可以看出，用户浏览动态网页时，必须要在服务器上动态执行该网页文件，将含有程序代码的动态网页转化为标准的静态网页，最后把静态网页发送给用户。