1.4 网页的制作流程

网页的制作是一个循环往复的过程，大致要经历前期策划、规划框架、整理相关素材、设计与制作网页、测试完善及推广维护更新这六个步骤，如果有一天需要对网站进行大型改版则又会回到到第一个步骤（见图1.24）。对网页的制作流程清楚地认知有利于把控网页设计与开发的进度，下面将一一详述这六个步骤所包含的内容。

1.前期策划

首先是由产品经理组织策划网站主题，明确网站建设的目的意义，进行前期调查。网站主题是网站的中心内容，前期调查是紧紧围绕这一主题展开的。前期调查包括：一、了解目前同类型网站的发展趋势，了解目标用户的需求，分析其优劣势；二、根据调查结果，结合自身特点，确定网站的产品和服务方向；三、考虑网站所用技术。

2.规划框架

在前期策划的基础上，产品经理需要分析消费者的需求和市场状态，以用户为中心，规划网站的内容框架。这里的框架是指网站的服务范围，即提供哪些服务，拥有哪些功能。明确网站各个页面之间的关系，知晓每个页面上的功能及栏目划分。

3.整理相关素材

在网站的内容框架下，凡是网站所涉及的文本、图像和多媒体素材都是需要收集的。收集的材料越丰富，设计与制作时的选择空间也就越宽泛。这些资料主要来源于两个方面，一是网站甲方提供，另外则主要是由产品经理、UI设计师从书籍、期刊和网上等收集而来。然而，这些资料良莠不齐，使用时还需整理、取舍，做到辨伪存真、去粗存精，保证不出现版权问题。

图1.24 网页的制作流程

4.设计与制作网页

设计与制作网页时，首先由交互设计师确定网站页面间的交互关系，接着设计一个交互原型。然后，由UI设计师为网站界面布局、拟定视觉风格，进而为各个主题栏目布局、绘制框图、设计平面效果图。该效果图应注意页面间交互合理、风格一致、图像精美、色彩统一、字体易于识别。

待确认平面设计稿无误后，再交付给前端开发工程师实现设计效果。在编写代码时要遵循由大到小、由简到繁的规律，即先布局框架、再实现动画效果。此外还需注意各个浏览器的兼容性及代码的规范性问题，方便团队合作。

最后由后端开发工程师实现网页的数据库设计及交互功能。架构师统筹安排网站开发进度，对于技术难题要及时应对、解决。

5.测试完善

网站成型后由测试工程师对产品进行功能、性能、安全等测试，并对测试结果进行分析，给出专业测试报告，与其他部门紧密协作，跟踪缺陷并及时推动修复。完善好网站的最终效果后，最后要利用FTP工具将网站发布到Web服务器上，这样全世界的朋友都能看到你的网站了。

6.推广、维护更新

网站上传后，并不意味着网站制作真正意义上的结束。据调查，网上最著名的10%的站点吸引90%的用户，可见网站的宣传与维护的重要性。运维工程师会采用多种措施提高网站的知名度与访问量，如通过杂志、电视等传统媒介推广、网络广告推广、搜索引擎推广、友情链接推广等。

有了好的推广，还需持续维护该网站以保障网站的信息安全和新鲜感。维护的内容包括：网络安全、动态信息更新、新产品更新、咨询回复等。维护中的更新有大有小，大到对整个页面风格的改版更新，小到对图文信息的增加、减少和修改。不过，页面的风格是网站的形象标签，不宜频繁更新，否则在用户脑海中难以形成定势。小的信息修改周期是根据网站的性质而定的，如新闻网站的信息更新的频率较高，而其他网站的更新周期一般是一周到一个月不等。适度的更新网站信息能培养忠实用户，增加网站的黏合度。