网页的制作是一个循环往复的过程,大致要经历前期策划、规划框架、整理相关素材、设计与制作网页、测试完善及推广维护更新这六个步骤,如果有一天需要对网站进行大型改版则又会回到到第一个步骤。对网页的制作流程清楚地认知有利于把控网页设计与开发的进度,下面将一一详述这六个步骤所包含的内容。
1.前期策划
首先是由产品经理组织策划网站主题,明确网站建设的目的意义,进行前期调查。网站主题是网站的中心内容,前期调查是紧紧围绕这一主题展开的。前期调查包括:一、了解目前同类型网站的发展趋势,了解目标用户的需求,分析其优劣势;二、根据调查结果,结合自身特点,确定网站的产品和服务方向;三、考虑网站所用技术。
2.规划框架
在前期策划的基础上,产品经理需要分析消费者的需求和市场状态,以用户为中心,规划网站的内容框架。这里的框架是指网站的服务范围,即提供哪些服务,拥有哪些功能。明确网站各个页面之间的关系,知晓每个页面上的功能及栏目划分。
3.整理相关素材
在网站的内容框架下,凡是网站所涉及的文本、图像和多媒体素材都是需要收集的。收集的材料越丰富,设计与制作时的选择空间也就越宽泛。这些资料主要来源于两个方面,一是网站甲方提供,另外则主要是由产品经理、UI设计师从书籍、期刊和网上等收集而来。然而,这些资料良莠不齐,使用时还需整理、取舍,做到辨伪存真、去粗存精,保证不出现版权问题。
4.设计与制作网页
设计与制作网页时,首先由交互设计师确定网站页面间的交互关系,接着设计一个交互原型。然后,由UI设计师为网站界面布局、拟定视觉风格,进而为各个主题栏目布局、绘制框图、设计平面效果图。该效果图应注意页面间交互合理、风格一致、图像精美、色彩统一、字体易于识别。
待确认平面设计稿无误后,再交付给前端开发工程师实现设计效果。在编写代码时要遵循由大到小、由简到繁的规律,即先布局框架、再实现动画效果。此外还需注意各个浏览器的兼容性及代码的规范性问题,方便团队合作。最后由后端开发工程师实现网页的数据库设计及交互功能。架构师统筹安排网站开发进度,对于技术难题要及时应对、解决。
5.测试完善
网站成型后由测试工程师对产品进行功能、性能、安全等测试,并对测试结果进行分析,给出专业测试报告,与其他部门紧密协作,跟踪缺陷并及时推动修复。完善好网站的最终效果后,最后要利用FTP工具将网站发布到Web服务器上,这样全世界的朋友都能看到你的网站了。
6.推广、维护更新
网站上传后,并不意味着网站制作真正意义上的结束。据调查,网上最著名的10%的站点吸引90%的用户,可见网站的宣传与维护的重要性。运维工程师会采用多种措施提高网站的知名度与访问量,如通过杂志、电视等传统媒介推广、网络广告推广、搜索引擎推广、友情链接推广等。
有了好的推广,还需持续维护该网站以保障网站的信息安全和新鲜感。维护的内容包括:网络安全、动态信息更新、新产品更新、咨询回复等。维护中的更新有大有小,大到对整个页面风格的改版更新,小到对图文信息的增加、减少和修改。不过,页面的风格是网站的形象标签,不宜频繁更新,否则在用户脑海中难以形成定势。小的信息修改周期是根据网站的性质而定的,如新闻网站的信息更新的频率较高,而其他网站的更新周期一般是一周到一个月不等。适度的更新网站信息能培养忠实用户,增加网站的黏合度。