1.3 网站的开发设计

建立一个网站不仅仅是完成一组网页的设计，一个优秀的网站应事先进行一系列的调查、分析和规划。首先应做好充分的市场调查和目标分析，明确网站的类型和设计目标，对网站的内容、风格及技术等做出恰当的定位，在提出一个合理方案的基础上再实现网站开发。一个经过认真策划和设计的网站，是艺术和技术的完美体现。

1.3.1 网站类型的确定

Internet上的网站种类繁多，按功能和主体性质的不同可分成以下几类。

1.资讯门户类网站

资讯门户网站是 Internet 上最普遍的形式之一，这类网站涵盖的信息量大、访问群体广，信息更新快，通常非常注重网站与用户之间的交流。其开发的技术主要涉及3个因素：（1）承载的信息类型；（2）信息发布的方式和流程；（3）信息量的数量级。目前，大部分的政府机构、新闻机构的综合门户网站都属于该类网站，如首都之窗（www.beijing.gov.cn）和搜狐网（www.sohu.com），如图1-8所示。此外，还有一些资讯类网站属于有偿资讯网站，其提供的资讯要求有偿回报，如视频观看网站、在线读书网站等。

2.交易类网站

该类网站的主要目是实现商务交易。交易对象可以是商家对商家（B2B），可以是商家对消费者（B2C），还可以是消费者对消费者（C2C）。有三个内容是这类网站必须实现的：（1）商品如何展示；（2）订单如何生成；（3）订单如何执行。这类网站的成功与否，其关键在于业务模型的优劣，同时也要求网站中运行的程序要具备极高的安全性和稳定性。该类网站中最著名的当数亚马逊（www.amazon.com）、淘宝网（www.taobao.com）、当当网（www.dangdang.com）等。图1-9所示为淘宝网和当当网。企业为配合自己的营销计划搭建的电子商务平台，也属于这类网站，如海尔的网上商城（www.ehair.com）等。

3.企业品牌类网站

企业品牌网站建设用于展示企业综合实力，树立企业形象，体现企业CIS（Corporate Identity System，企业识别系统）的品牌理念。企业品牌网站非常强调创意，对美工设计要求较高，精美的 Flash 动画是常用的表现形式。网站内容、组织策划、产品展示体验方面也有较高的要求。网站利用多媒体交互技术、动态网页技术，针对目标客户进行内容建设，以达到品牌营销传播的目的。图1-10所示为著名的企业品牌网站。

4.搜索引擎网站

搜索引擎（Search Engine）是指根据一定的策略，运用特定的计算机程序从互联网上搜集信息，在对信息进行组织和处理后，为用户提供检索服务，将用户检索相关的信息展示给用户。搜索引擎网站功能包括用户查询、信息搜集、信息分类三部分。从用户的角度看，搜索引擎提供一个包含搜索框的页面，在搜索框输入检索关键词，通过浏览器提交给搜索引擎后，搜索引擎就会返回跟关键词相关的信息列表供用户参考。搜索引擎网站看似页面简单，却涉及信息检索、统计数据分析、数据挖掘等非常多领域的综合技术，挑战性大。搜索引擎网站往往投资巨大、效益可观。中国地区常用搜索引擎网站有百度（www.baidu.com）、搜狗（www.sogou.com）等，如图1-11所示。

5.办公类网站

办公类网站主要包括企业办公事务类网站、政府机构办公管理网站等。该类网站多为政府、企业机构为办公自动化而建立的内部网站，相当于一个在线的办公管理系统，主要功能是实现办公事务管理、人力资源管理、财务资产管理等。

6.互动游戏网站

这是近年来国内逐渐风靡起来的一种网站。这类网站的投入是根据所承载游戏的复杂程度来定的。现在许多该类网站的发展趋势是向超巨型方向发展的，其建设的投入非常惊人。互动游戏网站的目的是创建独立、新奇的网络世界和游戏机制，吸引用户投入参与游戏并从中获利。

7.个人网站

个人网站是以个人名义开发创建的具有较强个性化的网站，一般是个人因兴趣爱好或为了自我展示而创建的。个人网站往往带有很明显的个人色彩，无论从内容、风格或样式上都显得形色各异。目前个人网站更多是以“博客”的形式呈现在网络上。而博客（Blogger）指写Blog的人，Blog是“网络网志”。

在实际应用中，很多网站往往不能简单地归为某一种类型，无论是建站目的还是表现形式都可能涵盖了两种或两种以上类型。设计制作一个网站，首先一定要明确所开发网站的类型，清楚该网站的用途，才能确定合理主题及风格，运用适当的方法和技术，更好地完成设计目标。

1.3.2 网站整体风格的定位

网站的风格主要指网站的色彩、版式等方面给浏览者的整体视觉感受。不同类型、不同主题的网站都应具有自己的独特的风格。例如资讯型网站的设计应简洁整齐，不需要太多花俏的装饰以转移读者的视线；商务型的网站要稳重大方，各功能模块易看易用，给人以规范、可信任的感觉。整体上讲，在设计网站风格上，既要突出网站的 Logo 标识，又要让网站主页和内页均具备一致的色调或排版样式，突出网站特有的统一风格。

1.3.3 网站标识与色彩设计

1.网站标识

网站标识也称为网站Logo。如同商品的商标一样，网站Logo是传播特殊信息的视觉文化语言，是站点特色和内涵的体现，其作用是加深访问者对网站的印象，提高网站的知名度，并最终形成网站文化的标志。

网站 Logo 可以是字母、文字、符号或图案，也可以是文字加图案的结合体。在设计上，网站 Logo 除了与该网站整体风格相融合外，还应遵循以下原则：①构图简洁，个性突出；②形象生动，易于识别；③内涵明确，精美隽永。以下是一些大家非常熟悉的 Logo 个例，其中图1-12所示为搜狐网Logo，图1-13所示为京东网Logo，图1-14所示为360网Logo，图1-15所示为百度系列Logo，其中左图为普通工作日Logo，中间图为“520”Logo，右图为“中秋节”Logo。

2.网站色彩设计

色彩是人的视觉元素之一，不同的色彩有着不同的象征含义，代表不同的情感及理解。网站色彩的运用是网站设计中一个相当重要的环节，这将直接影响到访问者对网站的整体评价。其中，网站标准色彩主要用于网站的标志、标题、主菜单和主色块，给人以色调统一的感觉。至于其他色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有蓝色、黄/橙色、黑/灰/白色三大系列色，要注意色彩的合理搭配。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。

1.3.4 网站导航与布局设计

1.网站导航设计

一个优秀网站应具备良好的导航功能，导航的作用是引导访问者游历网站的各类信息。所以，网站的主页及内页建议使用相同的导航栏，并置于相同的位置上。导航栏的设计要醒目，既可以是文本链接，也可以是一些图形按钮。一般来说，导航栏通常位于网页的顶部或一侧。

2.版面布局设计

网站设计者在进行整体的网页排版布局时，如何综合运用文字、图片、色彩、网站Logo、导航等元素，设计出令人满意的、风格独特且具备美感的页面效果呢？网页版面设计可能更需要经验，对新手而言，参考大量优秀网站的设计不失是一个获得灵感的方法。一个好的网页布局应该给人一种平稳、成熟的感觉，不仅表现在文字、图像的恰当运用，还体现在色彩的巧妙搭配，形成整体协调美观的页面效果。

在网页布局设计上，最好先进行纸上草案绘制，综合考虑各种元素的对称性、对比性、疏密度、比例分布等因素，不断精细化、具体化，然后再定稿。一些布局上的不足之处可以用小方法进行修正，如网页的白色背景太单调，则可以加入底纹或色块；又如版面太零散，可以用线条和符号串联紧凑化。这样，经过不断的尝试和推敲，网页一定会生动亮丽起来。