[转贴]如何开发一个专业的企业WEB网站(一)

小飞

-----设计篇----

一．前期准备工作
>> 明确市场定位

企业正式开发和建设一个WEB网站之前，须先清楚网站所提供产品或服务的对象是哪类群体—这是一个非常关键的问题。如果你的目标市场是那些富有的商业专业人士，那么网站设计应大方得体，简洁易用；但如果是年轻些的客户群体，则可以把版面做的生动活泼一些。总之要因人制宜。要记住：网站是要让目标客户看的，并吸引他们购买，所以永远要把客户的感受放在第一位。
>> 确定网站主题

企业的WEB网站应具有清晰鲜明的主题。要让访问者在读到主页的第一段话之后就能清楚该网站大致是做什么的，而且可以迅速了解到网站所提供的产品或服务。若网站提供了多种不同产品，不要把所有产品都罗列到一个网页中，我们建议大家分门别类，并对每种产品均设立相应的产品页。
>> 色彩选择及搭配

网站给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。不同的色彩搭配会产生不同的效果，并可能影响到访问者的情绪。一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因而确定网站的标准色彩是相当重要的一步。
色彩的数量：网站整体使用色彩以两到三种为宜。颜色过多会使网页看起来很花哨，但缺乏内在的美感。在颜色选择和搭配上可借鉴一些国际大公司网站，他们对颜色的选择相当审慎。

色彩的搭配：色彩搭配一定要合理，给人以和谐愉快的感觉。一般来说，适合于网页标准色的颜色有蓝色，黄/橙色，黑/灰/白色三大系列色。在颜色的搭配上，有几种比较经典的方案：红/黄/白; 蓝/白; 红/灰/白; 蓝/橙/白; 黄/灰/白。实在不行就去Google一下吧，找一个自己喜欢的网站，看看人家的颜色是怎么搭配使用的，或许会对你大有启发。

其它注意事项：避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。避免使用过于明亮或对比过于强烈的颜色，它们会对眼睛造成伤害，如白底黄字等等。颜色对比过于接近或不合理的，如深底浅字，深底深字等(例如深蓝色底和黑字)也是设计之大忌。建议最好用浅色背景(当然白色最好)，黑或深色文字。

>> 遵循K.I.S.S理念

老话说的好：Keep It Simple Stupid。Stupid在这里指“拙朴”，即务求最简洁直观。该设计理念被奉为网站设计、搜索引擎优化和网上商务的黄金规则之一。如果你的网站无法为访问者提供最直接的产品或服务信息，就等于你在把自己的潜在客户往竞争对手的网站上送。
二．设计三要素
无论一个网站是出于什么目的，若想取得最大的成功，则须保证网站的便利、快速和便宜。这是网站设计中最基本的三个要素。
要素一：便利性
保证客户可以用最小的努力得到他们要找的资料信息。要做到这样，你必须确保网站为用户提供了充分的便利性。根据这一原则，我们在网站设计中应：

>> 建立良好网站结构

在设计时不单需要考虑站点的外观是否漂亮，还需要考虑到搜索引擎是否能够很好地支持你的设计结构。我们不建议大家使用下面这些设计形式：
- Frames结构：具有导航清晰且方便维护的优点，但搜索引擎对这类网站在索引上仍有一定难度。
- Flash动画：网页视觉效果较好，但搜索引擎同样在检索上存在一定难度，而且影响网页的打开速度。
- 纯图片网页：搜索引擎一般认为这样的网站没有为用户提供实质的信息内容，因而是无足轻重的。
- 动态页面：具有容易维护和更新的优点，但必须了解：并非所有的搜索引擎都能够象对待静态页面一样来对待动态页面，此外宜使动态页面的参数可能少。
- Javascript/Java Applets：搜索引擎不支持Java Applets，此外Java设计的网站往往会影响网页的打开速度。

小飞

-----设计篇----

>> 建立清晰易用网站导航

在网站的开发和设计中，这也是需要重点考虑的一个重要环节。导航系统应保持结构的清晰和连贯性。应力求访问者轻松浏览整个网站，并很容易就能够找到想找的东西。把导航菜单放在页面左边或顶部都可以。 同时在每个页面的下面也放上导航栏也能体现设计的人性化。这样做一定程度上可以方便访问者对网站的浏览。我们建议最好创建一个模板，并在模板中预先设定好导航菜单的内容，重要的链接都可以放进导航菜单中，这样可以确保网站的整体一致，不但修改起来极为方便，而且也不会把访问者给弄糊涂。
>> 建立高质量丰富内容

- 太花梢的图片，动画等内容，或弹出式(pop-up)或“隐形弹出式”(pop-under)菜单。
- 自动播放的音乐。应把是否要听音乐的决定权交给你的客户。
- 自动的网站点击计数器。象什么“你是第1150位来访者”之类的东西。
- 除非你的网站每天或至少一周更新一次，否则不要在网站上放日我期和时间标志。
- 背景尽量简单，避免繁复。
>> 提供网站地图/网内搜索功能

网页数量超过15页的网站都应该建立一个网站地图或提供相应的网内搜索功能，这样一来不但极大地便利了访问者对站点信息的查找，而且保证了所有重要的页面都能顺利地被搜索引擎检索。此外还须注意：根据Google的相关规定，一个页面中的链接不得多于100个。若站点地图页上的链接超过100个，则需要将页面分成多个页面。

要素二：速度
>> 保证网站速度

即保证客户能以最快的速度进出网站。我们生活在一个高节奏的时代，没人乐意等待，互联网也不例外。虽然互联网速度较几年之前已有了质的飞跃，但事实上技术进步再快，也赶不上人们的要求。所以千万别试图挑战访问者的耐性。网站打开速度以拨号联接的访问者在10到20秒时间内就可以打开你的网站为限。这就要求主页大小不应超过50KB。
影响网页下载速度的因素有很多，包括大量图片，特殊效果等等。可对图片进行优化，或尽量少用图片。特殊效果宜适可而止。如果想要“眩”你的网站，建议最多使用一到两种特殊效果，那些使人眼花缭乱的图片和图标往往会分散访问者对网站内容的注意力，要是这些图片的下载速度再慢一点，很可能访问者等不及它们完全打开就失去耐性了。

要素三：价格
>> 清楚说明所有收费项目

清楚地说明所有收费项目往往能够增加客户对网站和产品的信任感。
>> 保证价格的竞争性

网络是免费信息的沃土，也是淘货者的乐园。作为网上营销，必须为产品提供富有竞争力的价格。
三．其它注意事项
>> 兼容性

公司的Internet Explorer。这两家公司都提供有免费下载服务。应确保网站至少在这两种主要浏览器下都能正常显示。
此外，除了通过计算机上网外，随着科技的发展，其它形形色色的上网渠道亦层出不穷，如PDA，手机，车用显示器，甚至腕表等。因而不难想象，不久之后，网站的兼容性考虑将会占据越来越重要的地位。

>> 字体及大小

文本内容应选用让访问者感觉易读的字体格式，且字体大小亦应合适。最好不要使用草写体或斜体字。对英文内容建议使用“Arial”和“Verdana”这两种字体。
>> 屏幕分辨率

应考虑到不同用户可能使用的不同分辨率，并尽量让网站在所有最常使用的分辨率下都无懈可击。此外，水平滚动栏对浏览者而言并不是很方便，所以最好尽量避免使用。
>> 恰当的链接设置

为便于访问者浏览完其它网站并关闭该窗口后仍能访问你的网站，最好将链接设置成点击该链接后另外打开一个窗口。此外，一些系统往往把“用户访问前显示为蓝色，用户访问后显示为酱红色”当作默认链接颜色设置。如果你的链接用的是默认设置，而且版面用的是深背景色的话，就应当注意把链接的颜色设为浅色。

superzou

up

Q2C

顶顶