1.5 制作网站的前期准备

制作网站的前期准备包括网站需求分析、网站风格定位、网页版式的类型、网页的字体和网页设计创意等内容，一个网站的创建成功与否，关键在于网站制作的前期准备工作。

1.5.1 需求分析

网站需求分析是进行网站制作的整个流程中的第一步，也是非常重要的一步，只有先明确了网站的需求，才能进行下一步的工作。

网站需求分析主要包括进行市场调查、确定网站规模、确定网站类型和确定网站的目标群体。

1. 进行市场调查

为制作的网站寻找一个好的出发点，首先要进行一项详细的市场调查，内容包括了解目前Internet的发展状况和同类型网站的发展、经营状况。同时还应借鉴同类型网站的优缺点，以此作为参考。

例如，搜狐网站在网站的制作初期就详细调研了国外同类型网站的发展和经营状况，以及国内的发展前景。现在搜狐网站已经发展成为一个著名的网站，如图1.25所示。

2. 确定网站规模

网站的大小是由其自身的实际情况决定的，并不是想做多大就能做多大。确定网站的规模为小型、中型还是大型，或者从小规模开始逐步发展，这关系到网站的后期维护及网站的发展方向。

3. 确定网站类型

下面简单地介绍一下几种典型的网站，包括大型的门户网站、政府部门形象类网站、企业网站和个人网站。

大型门户网站

大型门户网站在网站设计时都很注重其信息量，并尽力避免把网站做得太花哨。如果在制作网站时不注重信息量，就会给访问者留下不好的印象，最终将会影响到网站的访问量等问题。成功的例子如中国最大的门户网站之一搜狐网（参见图1.25）。

政府部门形象类网站

政府部门形象类网站是政府机关对外的窗口，它代表的是政府部门的形象，因此在制作这类网站时应考虑严肃性和亲和性。如图1.26所示为海南省人民政府网站。

企业网站

企业网站制作的主要目的是为了更广泛地宣传自己的产品，以将公司产品推广到世界各地。同时，通过网站的宣传也大大提高了企业在消费者心目中的形象。因此，企业网站与其他类型的网站相比更注重产品的营销。

企业网站的制作通常是结合自身产品的特点来制作出具有特色的网站。另外应注意的是，在设计制作企业网站时，要使网站的风格与企业的文化背景相一致。如图1.27所示的是联想集团的网站。

个人网站

个人网站的制作比较自由，不受什么约束，可以根据个人的特长自由发挥与创作。不过，在制作个人网站时也要先明确自己的定位方向，这样才能设计出比较适合自己的网站。如图1.28所示的是一个比较个性的个人网站。

4. 确定网站的目标群体

由于网站的类别不同，其目标群体也不同。如图1.29所示的中彩网是一个专门针对彩票爱好者的网站。

1.5.2 风格定位

在进行了网站的需求分析之后就要考虑网站的风格定位了。

风格是抽象的，是指网站的整体形象给访问者的综合感受。整体形象包括网站的CI （Corporate Identify，企业形象识别）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义和网站荣誉等诸多因素。

风格是独特的，是一个网站不同于其他网站的地方。或者是色彩，或者是技术，或者是交互方式，都能让访问者明确分辨出这是你的网站所独有的。例如，达芙妮网站以Flash动画为主，如图1.30所示。

风格是人性的。通过网站的外表、内容和文字等，可以概括出一个网站的个性和情绪，是温文尔雅，是热情奔放还是严肃深沉。例如，森马集团的网站是活泼热情的，国家图书馆的网站是严肃的。

因此，在制作网页的时候要根据网站的定位做出具有独特风格的页面。另外，还要注意的是网站页面的风格要统一，否则会给访问者留下杂乱无章的感觉。如图1.31所示的是必胜客网站，网站风格是比较轻松的。

1.5.3 网页版式的类型

所谓版面设计就是在版面上对各种网页元素进行规划和安排。合理的版面设计会表现出各构成元素间和谐的比例关系。网页版式是一个个性思维的展示，因此没有固定的网页版式模式，设计者可以根据自己的喜好随心所欲地设计网页版式。

常见的网页版式类型包括上左右类型、上左中右类型、左中右类型、左右类型、上下类型和单一版式。

1. 上左右类型

该类型版式在网页上部显示的是Banner和导航条，网页左侧显示的是功能类别，比如合作网站和友情链接等，右侧显示具体的内容。例如，图1.32所示的一个公司的首页就属于该类型。

2. 上左中右类型

该类型的版式在网页上部显示的是导航条，左侧、中部、右侧均显示具体的内容。例如，图1.33所示的网页就属于该类。

3. 左中右类型

该类型的版式在网页左侧显示的是导航条，中部显示网页的具体内容，网页右侧显示的是链接等内容。如图1.34所示的网页就属于左中右类型。

4. 左右类型

该类型版式在网页左侧显示的是导航条，网页右侧显示的是具体的内容。例如，图1.35所示网页就是左右类型的网页。

5. 上下类型

该类型的版式在网页上方一般用于放置色彩艳丽或者构思抽象的图形，网页下方用于放置导航条及按钮等。例如，图1.36所示的网页就属于该类型。

6. 单一版式

该版式没有明显的界限，页面为一个整体的图形，是一种展示个性的好选择。例如，图1.37所示的网页即属于该类型。