中国.巩义 网站设计流程

网页顽主论坛版权所有，转载请注明出处 www.go2here.net


在这里把从创意到制作的整个流程写下来与大家分享。本案例主要围绕[中国.巩义]网页设计来进行介绍。本案例共分

五个部分：
1、制作前的准备
2、效果图的设计
3、网站页面的生成
4、网页特效的制作
5、Flash动画的制作
页面效果图初稿效果如图1.1所示：

点击放大图片

图1.1 效果图的初稿
通过对效果图初稿的修改和整理，最终确定下来的完成效果如图1.2所示：

点击放大图片

图1.2 最终确定稿件
在本教程中，首先会以效果图初稿的制作来进行介绍，然后再来对最终确定的稿件的修改部分进行介绍。

1.1制作前的准备
制作网页效果图之前，首先需要进行相应的准备，而不是打开软件上来就进行制作。俗话说，巧妇难为无米之炊，只有

做到心中有数，才能够设计出最符合要求的页面效果。
在这里，我把前期的准备分为以下几个阶段：
1.网站的策划阶段
2.网页的版式布局阶段
3.网页的配色阶段

1.2 网站的策划阶段
说到网站的策划，主要包含哪些工作呢？根据我个人的经验，应该包含以下几点内容：
1.所要设计网站的类型。
2.网页的构成。
3.页面的安全尺度。
4.所要设计网站的内容。
5.页面功能设计。
6.素材的收集和整理。
前期策划可以说是最花费时间和精力的部分，但是前期准备的越充分，设计的时候就越灵活。

1.2.1 网站的类型
说到网站的类型首先就要从网站的分类来进行介绍。现在Web技术仍然处于一个高速发展期，要给网站一个比较准确的

定义，必须要有很好的前瞻性。在这里给出网站分类的两个标志性的使用特征：
1、使用者通过浏览器就可以获得网站所提供的信息与服务。
2、使用者在浏览器中只输入一个地址，不管这个地址是域名还是IP地址还是其他，就可以使用完网站所提供的服务。
根据网站所提供的服务，我们可以把网站分为：资讯类网站、交易类网站、互动游戏类网站、有偿服务类网站、功能型

网站、综合类网站、办公类网站。因为提供的服务不同，所以要求包含的功能也就不同。这样的分类角度，应该能够为

网站的定位带来帮助。网站的分类归属不清，会带来网站定位的模糊，这样设计得到的效果难免会差强人意。

1.2.1.1 资讯类网站
这类网站以提供信息为主要目的，其网站投资者的主要目的是在互联网上建立一个宣传册，不要求实现业务或工作逻辑

。这类网站所包含的功能比较简单，通常包含的功能有检索、论坛、留言，也有一些提供简单的浏览权限控制，如好多

企业网站中就有只对代理商开放的栏目或频道。这类网站技术构架简单，开发工作量主要与三个因素相关：1、承载的

信息类型。如是否承载多媒体信息，是否承载结构化信息等。2、信息发布的方式和流程。3、信息量的数量级。目前大

部分的政府和企业网站都属于这类网站。如图1.3所示为首都之窗网站首页。

点击放大图片 
图 1.3 首都之窗网站首页

1.2.1.2 交易类网站
就是人们通常所理解的电子商务网站。之所以不直接叫电子商务网站，是因为现在根据电子商务的正式定义，其外延要

比这个大的多。这类网站是以实现交易为目的，以订单为中心的。有三个的内容是这类网站必须实现的：1、商品如何

展示；2、订单如何生成；3、订单如何执行。这类网站的成功与否，其关键在于业务模型的优劣。这类网站中最著名的

当数亚马逊，国内的当当、卓越也是其中的佼佼者。企业为配合自己的营销计划搭建的电子商务平台，也属于这类网站

，如海尔的网上商城：www.ehair.com。但象联想在自己的官方网站www.lenovo.com上直接加入定购功能，这样的网站

不属于这类型的网站，因为实现交易不是它的主要目的。按照本文的分类方法，www.lenovo.com应该属于综合型网站。