一、前期策划
制作方应与客户共同讨论以明确
①网站主题
②栏目设置
③整体风格
④网站功能及实现方法
⑤域名申请、虚拟主机或服务器的购买
⑥开发制作的周期
⑦后期维护的细节及报价
二、页面细化及实施
分工:前台页面设计制作、后台程序及功能实现
1.页面美工设计
美工设计人员在前期策划时,了解客户对网站设计的需求及其个人品味,以便在设计过程中有一个基调,从而提高设计稿的被认同率。
美工首先要对网站风格有一个整体定位,包括标准字、Logo、标准色彩、广告语等。然后再根据此定位分别做出首页、二级栏目页及内容页的设计稿。
首页设计包括版面、色彩、图案、动态效果、图标等风格设计,也包括Banner(旗帜广告)、菜单、标题、版权等模块设计。
一般会设计1-3套不同风格的设计稿交由客户讨论及提出修改意见,直到确定了最终方案,则按需求说明设计出所有需要的页面的设计图。
2.静态页面制作
美工在设计好各个页面的效果图后,就需要制作成HTML页面,以供后台程序人员将程序整合。
①观察图纸
观察图纸,对页面的布局、配色有一个整体的认识和了解,对如何在HTML页面里布局进行规划,以便下一步用软件来划分切片和输出图片。
②拆分图纸
1)分离颜色。其中一般包括3部分配色:页面主辅颜色搭配的基本配色、普通超级链接的配色和导航栏超级链接的配色。
2)提取尺寸。按照设计图的尺寸来搭建网页才会符合图纸上的设计,不过也不是说必须严格按照设计图来做,有些时候可以灵活掌握。
3)分离背景图。背景图可能是大面积重复的图案,也可能就是一张图片,一般和内容没有关系的装饰性图片都可以考虑制作成背景图。
4)分离图标及特殊边框。小图标及花边可以给网页增添细节和亮点,边框的理论上讲,其使用方法和背景图片类似,不过根据情况往往需要单独输出。
5)分离图片。内容相关的图片,比如新闻报道的图片,讲解操作步骤的图片等。
③组装
就是把分离出来的元素按照一定的方法组合成与设计图效果类似的页面。使用层布局方式制作网页的步骤一般为:构建层结构->插入内容->样式表美化->细节处理->优化样式表。
3.程序开发
程序开发人员可以先行开发功能模块,然后再整合到HTML页面内。
三、后期维护
网站制作完成交付用户使用后,可能还会出现问题,或者客户要求修改某些内容,提供这些修改服务及维护服务的条款和费用应该在前期策划的时候,就商定清楚。还可能有包括网站推广、版本功能升级等内容的其他服务。