第4网站的建立和设计

1、第第4章章 网站的建立和设计网站的建立和设计本章概要：本章概要：本章首先针对几种常本章首先针对几种常用的用的webweb服务器，详细服务器，详细说明其特点以及安装说明其特点以及安装和配置的方式和配置的方式; ;接着介接着介绍了网站内容设计的绍了网站内容设计的流程以及网站建设基流程以及网站建设基本模型和常见商务网本模型和常见商务网站的功能模块划分站的功能模块划分; ;最最后介绍网站的组织结后介绍网站的组织结构设计以及风格设计。构设计以及风格设计。 本章知识点本章知识点p 常见常见webweb服务器安装和配置的方法服务器安装和配置的方法p 商务网站内容设计的流程商务网站内容设计的流程p 网站建设基

2、本模型网站建设基本模型p 常见商务网站功能模块的划分常见商务网站功能模块的划分p 网站的组织过程网站的组织过程p 网站的风格设计网站的风格设计4.1 web服务器的安装与配置服务器的安装与配置 对于对于webweb服务器来说，现在使用的很普遍的有服务器来说，现在使用的很普遍的有两种，一种是公开源代码的两种，一种是公开源代码的apache web apache web 服务服务器，另一种是微软公司的器，另一种是微软公司的iisiis服务器。这两种服务器。这两种服务器都有自己的特点，可以灵活选择使用。服务器都有自己的特点，可以灵活选择使用。4.1.1 iis p iisiis是是internet

3、information serverinternet information server的缩的缩写，它是微软公司主推的写，它是微软公司主推的webweb服务器，最新服务器，最新的版本是的版本是windows2003windows2003里面包含的里面包含的iis6.0iis6.0。iis的安装和配置的安装和配置 pwin2000win2000环境下的环境下的iisiis的安装和配置的安装和配置 图4_1 iis安装向导图4_2 iis管理界面图4_3 配置web站点属性图4_4 设置web站点的主目录图4_5 设置启动文档的名称图4_6 设置访问权限图4_7 建立新站点图4_8 设定新站点i

4、p图4_9 设置新站点的主目录图4_10 站点的访问权限设置图4_11 创建虚拟目录iis的安全机制及其设置的安全机制及其设置 图4_12 iis的访问控制过程4.1.2 apache apacheapache是免费的，开放源代码的服务器是免费的，开放源代码的服务器软件，全世界超过软件，全世界超过60%60%的的httphttp服务器在服务器在使用使用apacheapache。 可 以 从可 以 从 a p a c h ea p a c h e 的 官 方 网 站的 官 方 网 站/download.c/d

5、ownload.cgigi下载下载apacheapache的安装文件。的安装文件。 apache web服务器的安装服务器的安装 pwindowswindows平台平台 图4_21 apache的安装界面图4_22 服务器信息配置界面图4_23 apache的安装界面图4_24 apache菜单图4_25 apache的测试页面4.2 商务网站的内容设计商务网站的内容设计可以说，网站成功的关键就在于网站内容的开可以说，网站成功的关键就在于网站内容的开发和让用户感受到网站对他们有用。发和让用户感受到网站对他们有用。 所谓内容设计，就是分析网站所面向的客户群所谓内容设计，就是分析网站所面向的客户群

6、的需求，确定网站达到的目标，进而确定为的需求，确定网站达到的目标，进而确定为达目的而需要提供的信息和服务。显然，这达目的而需要提供的信息和服务。显然，这是实现网站建设目标的关键环节，因而是网是实现网站建设目标的关键环节，因而是网站建设的根本任务。站建设的根本任务。典型的内容设计包括提供哪些信息、提供怎样典型的内容设计包括提供哪些信息、提供怎样的服务功能以及如何方便用户、如何让用户的服务功能以及如何方便用户、如何让用户在网站中得到满意的信息或满意的服务等。在网站中得到满意的信息或满意的服务等。 4.2.1 网站主题定位网站主题定位 p 所谓主题也就是网站的题材。对于任何一个所谓主题也就是网站的题

7、材。对于任何一个网站的设计，首先遇到的问题就是定位网站网站的设计，首先遇到的问题就是定位网站的主题。由于网站的类型、目标、功能和应的主题。由于网站的类型、目标、功能和应用的不同，网站的主题往往各不相同。用的不同，网站的主题往往各不相同。p 对于主题的选择，一般的建议是：对于主题的选择，一般的建议是： (1)(1)主题要小而精。主题定位要小，内容要精。如果主题要小而精。主题定位要小，内容要精。如果想制作一个包罗万象的站点，把所有认为精彩的东西想制作一个包罗万象的站点，把所有认为精彩的东西都放在上面，往往会事与愿违，给人的感觉是没有主都放在上面，往往会事与愿违，给人的感觉是没有主题，没有特色。网络

8、的最大特点就是新和快，目前最题，没有特色。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的最新的调查结果也显示，网络上的“主题网站主题网站”比比“万全网站万全网站”更受人们喜爱。更受人们喜爱。 (2)(2)题材最好是自己擅长的内容。如果擅长编程，就题材最好是自己擅长的内容。如果擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的赛况、球星动态等。这样在制作时，才不报道最新的赛况、球星动态等。这样在制作时，才不会觉得无聊或者力不从

9、心。兴趣是制作网站的动力，会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难制作出杰出的作品。没有热情，很难制作出杰出的作品。 (3)(3)题材不要太滥或者目标太高。即题材选择要富有题材不要太滥或者目标太高。即题材选择要富有特色，制定目标应量力而行。特色，制定目标应量力而行。 网站的主题网站的主题 p网站名称也是网站设计的一部分，而且是很关键的一网站名称也是网站设计的一部分，而且是很关键的一个要素。和现实生活中一样，网站名称是否特别、响个要素。和现实生活中一样，网站名称是否特别、响亮、易记，对网站的形象和宣传推广也有很大影响。亮、易记，对网站的形象和宣传推广也有很大影响。一般的建议是

10、：一般的建议是： (1)(1)名称要合法、合理、合情。不能用反动、迷信和危名称要合法、合理、合情。不能用反动、迷信和危害社会安全的名词语句。害社会安全的名词语句。 (2)(2)名称要易于记忆。根据中文网站浏览者的特点，除名称要易于记忆。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称或直接使用英非特定需要，网站名称最好用中文名称或直接使用英文，但不要使用中英文混合名称。另外，网站名称的文，但不要使用中英文混合名称。另外，网站名称的字数应该控制在字数应该控制在6 6个字个字( (最好最好4 4个字个字) )以内。以内。 (3)(3)名称要有特色。名称平实就可以接受，如果能体现名称要

11、有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现出网站主题的同时，能点出网站的则为上品。在体现出网站主题的同时，能点出网站的特色之处则更好。特色之处则更好。网站的名称网站的名称 4.2.2 商务网站内容规划商务网站内容规划p（1 1）根据网站的目的和功能规划网站内容，一般企）根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。格信息、联系方式、网上定单等基本内容。 p（2 2）

12、电子商务类网站要提供会员注册、详细的商品）电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。息保密措施、相关帮助等。 p（3 3）如果网站栏目比较多，则考虑采用网站编程专）如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。注意：网站内容是网站吸引浏览者人负责相关内容。注意：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，浏览的访客。可事先对人们希望阅读的信息进行调查，并

13、在网站发布后调查人们对网站内容的满意度，以及并在网站发布后调查人们对网站内容的满意度，以及时调整网站内容。时调整网站内容。4.2.3网站内容设计的特性网站内容设计的特性p（1 1）针对性。网站所提供的信息要准确、立场要鲜明，或利用它查照相关信息最）针对性。网站所提供的信息要准确、立场要鲜明，或利用它查照相关信息最容易，总之要对目标用户有用。缺乏针对性或针对性不强，就不用满足用户的信容易，总之要对目标用户有用。缺乏针对性或针对性不强，就不用满足用户的信息需求。息需求。p（2 2）真实性。一方面是指要真实的传达本网站所掌握的客观情况；另一方面是指）真实性。一方面是指要真实的传达本网站所掌握的客观情

14、况；另一方面是指真实的表达网站管理员个人的主观想法，总的说就是遵循诚信原则不加隐瞒。由真实的表达网站管理员个人的主观想法，总的说就是遵循诚信原则不加隐瞒。由传达信息的真实性必然派生出两个要求，既充分和及时。充分，并不是说一定要传达信息的真实性必然派生出两个要求，既充分和及时。充分，并不是说一定要倾其所有、毫无保留，而是传达的信息要达到一定的量，足够供用户得出一个基倾其所有、毫无保留，而是传达的信息要达到一定的量，足够供用户得出一个基本正确的判断。及时，就是要在对用户有效用的时间内传达信息，而不因为信息本正确的判断。及时，就是要在对用户有效用的时间内传达信息，而不因为信息传达的滞后导致用户无法决

15、策或做出错误决策。超出对用户有效用的时限，就已传达的滞后导致用户无法决策或做出错误决策。超出对用户有效用的时限，就已失去了意义；而如果有意不再规定的期限内披露信息，实质上也是一种欺瞒和作失去了意义；而如果有意不再规定的期限内披露信息，实质上也是一种欺瞒和作假。综上所述，按照诚信原则，传递信息必须做到充分、及时，实现真实性。假。综上所述，按照诚信原则，传递信息必须做到充分、及时，实现真实性。p（3 3）广泛性。网站面向社会全体成员，用户具有极大的广泛性；用户的需求信息）广泛性。网站面向社会全体成员，用户具有极大的广泛性；用户的需求信息项目众多，形式多样，同样具有广泛性的特征。要让不同年龄、不同性

16、别、不同项目众多，形式多样，同样具有广泛性的特征。要让不同年龄、不同性别、不同爱好、不同职业的用户，都可以在其中找到自己所需的信息，就要求网站的内容爱好、不同职业的用户，都可以在其中找到自己所需的信息，就要求网站的内容设计具有广泛性。广泛性和针对性是一对矛盾，要根据网站的目的及目标用户的设计具有广泛性。广泛性和针对性是一对矛盾，要根据网站的目的及目标用户的分析综合考虑。分析综合考虑。p （4 4）精细度。网站内容设计，首先应该把内容按照层次逐步展开，在每）精细度。网站内容设计，首先应该把内容按照层次逐步展开，在每一层都保持相应的精细度，这种方法不仅反映内容来源及对事物认识的一层都保持相应的精细

17、度，这种方法不仅反映内容来源及对事物认识的过程，而且使用户易于理解。在内容设计的最底层，要保证较高的精细过程，而且使用户易于理解。在内容设计的最底层，要保证较高的精细度，以使内容设计满足更高的要求。度，以使内容设计满足更高的要求。p （5 5）可追踪性。在网站内容设计过程中，要在数据结构设计方面，充分）可追踪性。在网站内容设计过程中，要在数据结构设计方面，充分考虑数据的可回嗍性，即对于任一信息流，不仅要记载改信息流的目的考虑数据的可回嗍性，即对于任一信息流，不仅要记载改信息流的目的地，还要记录该信息的来源。这样，数据信息可以来回追踪，不仅可最地，还要记录该信息的来源。这样，数据信息可以来回追踪

18、，不仅可最大限度的挖掘这些信息的价值，而且有利于划清责任。大限度的挖掘这些信息的价值，而且有利于划清责任。p （6 6）新鲜并可理解。新鲜性指最近、新鲜的信息，越是最新发生的事情，）新鲜并可理解。新鲜性指最近、新鲜的信息，越是最新发生的事情，就越有新闻价值。此外，对于任何信息都要具有可理解性，要避免歧义、就越有新闻价值。此外，对于任何信息都要具有可理解性，要避免歧义、矛盾、模糊的内容出现。矛盾、模糊的内容出现。 4.2.4内容设计应注意的问题内容设计应注意的问题p （1 1）注意从观念上重视内容设计，以务实的态度搞好内容设计，不要使内容）注意从观念上重视内容设计，以务实的态度搞好内容设计，不要

19、使内容设计淹没在技术中，内容设计要服从网站建设目标。设计淹没在技术中，内容设计要服从网站建设目标。p （2 2）注意换位思考，从用户角度看是否有用，应用是否方便等。比如网站应）注意换位思考，从用户角度看是否有用，应用是否方便等。比如网站应能提供简便搜寻的功能。使用户能利用关键字迅速找到需要的信息；电子商能提供简便搜寻的功能。使用户能利用关键字迅速找到需要的信息；电子商务网站中实现购物等交换流程的程序要快捷畅通，使购物方便实现；内容要务网站中实现购物等交换流程的程序要快捷畅通，使购物方便实现；内容要时常更新，既可以给用户全新的感受，吸引他们，还可以使他们了解到不断时常更新，既可以给用户全新的感受

20、，吸引他们，还可以使他们了解到不断更新和变化的信息。更新和变化的信息。p （3 3）要注意更新时的工作量，这是从网站设计者的角度考虑的。比如，一些）要注意更新时的工作量，这是从网站设计者的角度考虑的。比如，一些滚动新闻要时刻更新或短时间就更新，这需要的工作量是很大的，这点不容滚动新闻要时刻更新或短时间就更新，这需要的工作量是很大的，这点不容忽视。忽视。p （4 4）要考虑用户的参与性。用户是网站的使用者，要充分考虑用户的能动性）要考虑用户的参与性。用户是网站的使用者，要充分考虑用户的能动性和积极性，在内容设计中要注意贴近用户生活，设计用户感兴趣的主题，论和积极性，在内容设计中要注意贴近用户生活

21、，设计用户感兴趣的主题，论坛、社区等就是很好的例证。坛、社区等就是很好的例证。p （5 5）要注意网站的定位，根据网站的目标定位，在针对性和广泛性之间综合）要注意网站的定位，根据网站的目标定位，在针对性和广泛性之间综合考虑，即网站内容要尽可能全面详细，但不能面面俱到，对于内容设计中详考虑，即网站内容要尽可能全面详细，但不能面面俱到，对于内容设计中详尽与粗略的考虑，要依据网站目标定位及信息的实用性、娱乐性等分别确定。尽与粗略的考虑，要依据网站目标定位及信息的实用性、娱乐性等分别确定。4.3 商务网站的功能模块设计商务网站的功能模块设计 随着技术的不断发展和用户对网站功能性的随着技术的不断发展和用

22、户对网站功能性的需求不断提高，如今网站项目的设计已经不需求不断提高，如今网站项目的设计已经不能再仅仅简单地利用静态能再仅仅简单地利用静态htmlhtml文件来实现，文件来实现，与前几年网站设计由一两名网页设计师自由与前几年网站设计由一两名网页设计师自由的创作相比，网站项目的设计和开发越来越的创作相比，网站项目的设计和开发越来越像一个软件工程，也越来越复杂，网站的开像一个软件工程，也越来越复杂，网站的开发和建设就是一个系统工程的开发和建设。发和建设就是一个系统工程的开发和建设。 4.3.1网站建设的基本模型网站建设的基本模型 p 瀑布模型瀑布模型 图4_27瀑布模型p修正瀑布模型修正瀑布模型 图

23、4_28修正瀑布模型4.3.2商务网站功能模块划分商务网站功能模块划分 p模块划分理论基础模块划分理论基础 （1 1）信息隐藏）信息隐藏 （2) 2) 内聚与耦合内聚与耦合 （3) 3) 封闭封闭开放性开放性 商务网站模块化分商务网站模块化分 图4_29 商务网站功能模块4.4 网站组织和风格设计网站组织和风格设计 网站是企业向用户和网民提供信息网站是企业向用户和网民提供信息( (包括产品包括产品和服务和服务) )的一种方式的一种方式, ,是企业开展电子商务的是企业开展电子商务的基础设施和信息平台，离开网站（或者只是基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。

24、利用第三方网站）去谈电子商务是不可能的。企业的网址被称为企业的网址被称为“网络商标网络商标”，也是企业，也是企业无形资产的组成部分，而网站是无形资产的组成部分，而网站是internetinternet上上宣传和反映企业形象和文化的重要窗口。宣传和反映企业形象和文化的重要窗口。 4.4.1网站的组织结构设计网站的组织结构设计 网站的结构可以分为网站的物理结构和逻辑结构。网站的结构可以分为网站的物理结构和逻辑结构。两者之间既有区别又有联系，网站的物理结构是指两者之间既有区别又有联系，网站的物理结构是指网站文件的物理存储结构，也就是网站文件在网站文件的物理存储结构，也就是网站文件在webweb服务器

25、上的存储方式。而逻辑结构是指网站在运行服务器上的存储方式。而逻辑结构是指网站在运行时呈现出来的拓扑结构，它是建立在网站物理结构时呈现出来的拓扑结构，它是建立在网站物理结构之上而又跨越物理结构。之上而又跨越物理结构。 （1 1）网站的物理结构）网站的物理结构 （2 2）网站的逻辑结构）网站的逻辑结构4.4.2 网站的风格设计网站的风格设计 网站的整体风格没有一个固定的模式可以参照和模仿，网站的整体风格没有一个固定的模式可以参照和模仿，即使同一个主题，不同设计者设计的网站也会不同。即使同一个主题，不同设计者设计的网站也会不同。风格风格(style)(style)是抽象的，是指网站的整体形象给浏览者

26、是抽象的，是指网站的整体形象给浏览者的综合感受。这个的综合感受。这个“整体形象整体形象”包括站点的包括站点的cici（标志，（标志，色彩，字体，标语），版面布局，浏览方式，交互性，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：们觉得网易是平易近人的，迪斯多因素。举个例子：们觉得网易是平易近人的，迪斯尼是生动活泼的，尼是生动活泼的，ibmibm是专业严肃的。这些都是网站给是专业严肃的。这些都是网站给人们留下的不同感受。人们留下的不同感受。如何树立网站风格呢？我们可以分这样几个步骤：如何

27、树立网站风格呢？我们可以分这样几个步骤：p 第一，确信风格是建立在有价值内容之上的。一个网站有风格而第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。无须置疑。p 第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路：你可以自己先填写一份答案，然后让其从这几方面来理清思路：你

28、可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。及需要改进的地方。p 第三，在明确自己的网站印象后，开始努力建立和加强这种印象。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。经过第二步印象的的经过第二步印象的的 量化量化 后，你需要进一步找出其中最有特色后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称，域名，栏特色加以重点强化，宣

29、传。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。易联想到这种特色，是否能体现网站的性格等等。 具体的做法，没有定式。这里提供一些参考：具体的做法，没有定式。这里提供一些参考：p 将你的标志将你的标志logo,logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。背景。p 突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边

30、框等色彩尽量使用与标准色彩一致的色彩。彩尽量使用与标准色彩一致的色彩。p 突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。p 想一条朗朗上口宣传标语。把它做在你的想一条朗朗上口宣传标语。把它做在你的bannerbanner里，或者放在醒目的位置，里，或者放在醒目的位置，告诉大家你的网站的特色是告诉大家你的网站的特色是.p 使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。个人写的。p 使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。一样。p 创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用使用,.,.。（区位码里自己参看）等等。虽