• 赢生科技
• 23 10 月, 2021

网站建设流程是对项目的把控，好的网页应该象是一场舒适的旅程，让每个进到网站的人都能够轻松找到自己需要的信息和商品後满载而归。因此无论只是业余兴趣或是想要往正值发展，学习硬技能前都应该要有网站开发流程的基础认知！

搭建一个功能完善的网站，从构思到上线，离不开各个岗位成员的共同努力。作为一个准网页设计师，需要提前了解网站开发的流程，有助于在团队协作中更好的配合。通常情况下，任何一个网站的创建，都会经过“策划—交互—视觉—前端—后端—测试”六个环节，其中网页设计师的核心任务则落在了“视觉设计”这个板块。接下来，就来谈谈每个环节的大致工作内容：

1. 策划阶段

每一个网站的创建同时，都伴随着诸多尚未解决的需求。为什么要做这个网站？是制作之处需要想到的问题，无论是为了宣传业务、提升业绩，还是表达观点、传递价值，一个网站都会承载着诸多的功能需求。那么，在策划阶段，就要围绕着需求及功能点，将其一一解析出来，并整理成册为：PRD产品需求文档。 产品需求文档(PRD)怎么写？通常这部分是由产品经理（PM）完成，需要在与客户详细交谈过数次后，才能一并输出。如果项目中途突然加个需求，进程和设计的心里一定会很难过的，所以一个新站的策划初期，至少要考虑到未来2~3年，网站的功能添加的可拓展性。

2. 交互设计

这一阶段的工作通常由专业的交互设计师来完成，当然也时常可由产品经理兼职。交互设计师得根据解析出的PDR需求文档，合理地组织网站框架，创建一级、二级导航栏目，规划网站内页的浏览路径，以及页面跳转关系。通常会用到Photoshop, Sketch或OmniGraffle、mindnode, mindmap, axure等设计软件来梳理页面逻辑及框架结构，以完成交互设计稿的绘制。以便网站受众在浏览过程中能高效、愉悦地获取到他们想要的信息。如果是页面不多，可在白板上或几张A4中完成这个环节的工作；页面过多，则要将交互稿整理出图，打包为电子手册，方便下一工作环节的实施。

3. 视觉设计

现在该网页设计师正式出场了，这一环节中，设计师主要根据交互设计稿，确定网站内页的具体设计规范，包括网站颜色VI的选用、字体字号大小、以及素材的编排、选取及处理、每一根线条、每一个像素，都是由作为准网页设计师的你来把控了。将所有页面的视觉稿设计完毕後，标注好尺寸、颜色等数值信息，输出必要的图片、icon等资源，打包好後一并交给Web前端工程师。

4. 前端制作

这个环节的主角是Web前端工程师。其主要根据网页设计师出具的设计稿，运用HTML 、CSS代码 实现页面重构和页面逻辑跳转，运用JavaScript 、JQuery 等技术优化网站浏览体验，以及网站界面交交互效、功能实现的制作。相信你的进程员哥哥定能给你办得稳妥妥的，当然在这个过程中会遇到些许问题，作为网页设计师的你要及时与之沟通，一起将界面的细节做到99%还原设计稿。

5.后端制作

实现后端数据的逻辑处理，比如数据的提交存储、更新修改、查找等。这个环节的主角是Web后端工程师，通常要用到PHP、java、C语言或C++等编程技术。

6. 测试上线

在网页重构及后端制作完成后，将代码模板套入CMS（即：内容管理系统）完成本地测试，以检验其可靠性。在排除bug问题後，就可准备上线了。买个域名和服务器，做些必备的服务器配置工作，完成DNS解析，将域名和服务器连接起来，最后再运用FTP工具上传数据到服务器。于是该网站就可以正常访问了
以上就是网站建设的6步流程，上线后网站进行维护阶段。