第网站系统设计.ppt

第3章 网站系统设计,根据系统分析阶段所提出的可行性方案，在网站的系统设计阶段，应充分考虑到网站信息组织、网站管理和维护、网站经营的特点及需要，使系统的成本投入尽可能低，并容易实现。同时，网站设计还要充分考虑网站的扩展及延伸，为企业最终应用提供良好的环境和平台。3.1 系统设计概述 系统设计是在系统分析的基础上，根据系统分析阶段所提出的新系统逻辑模型，建立起新系统的物理模型。具体地说，就是根据新系统逻辑模型所提出的各项功能要求，结合实际的设计条件，详细地设计出新系统的处理流程和基本结构，并为系统实施阶段的各项工作准备好全部必要的技术资料和有关文件。,第3章 网站系统设计,网站系统设计过程中，系统的处理流程和基本结构主要体现在设计流程计划中，该计划是自系统分析之后更为详细的设计指导书。一般来说，在设计流程计划中，主要包括网站目标细化、确定网站要素和网站设计三部分内容。1.网站目标细化 网站目标细化是根据网站系统分析的目标，按照项目管理的方法，将系统分析阶段的目标再次细化，分阶段、分步骤予以实施。这里，根据网站建设的项目特点，详细设计出项目真正运作的相关要素，它包括网站系统每个项目阶段的国标、内容和人员安排，以及最终提交的文件材料。,第3章 网站系统设计,2.确定网站要素 确定网站要素包括明确网站内容结构（如栏目名称、内容），网站功能需求（如交互机制）和网站表现形式（如色彩搭配、字号选择），还应包括确定网站对象和网站提供哪些服务等内容。3.网站设计 网站设计的内容非常多，大体分三方面：首先是纯网站本身的设计，例如文字排版、图片制作、平面设计、三维立体设计、静态无声图文、动态有声影像等。其次是网站的延伸设计，包括网站的主题特征设计、智能交互、制作策划、形象包装、宣传营销等。,第3章 网站系统设计,第三，站点采用的网络、数据库等技术也是保证网站最终良好运行的关键。系统设计阶段是开发网站系统的关键环节之一，它的工作质量直接关系到新系统的质量和经济效益。因此，整个系统设计过程的各项工作都必须按照科学的方法和程序进行。下面就系统设计的目标、系统设计的原则、系统设计的内容和步骤等问题分别加以讨论。3.1.1 系统设计的目标 系统设计的基本目标就是要使所设计的系统必须满足系统逻辑模型的各项功能要求。同时，还要尽可能地提高系统的性能。系统设计的目标是评价和衡量系统设计方案优劣的基本标准，也是选择系统设计方案的主要依据。,第3章 网站系统设计,评价和衡量系统设计目标实现程度的指标主要有以下五方面。1.系统的可靠性系统的可靠性是指系统在正常运行时对各种外界干扰的抵御能力。这是对系统的基本要求，也是系统设计时必须首先要解决的主要问题。系统在工作时，可能会遇到各种各样的外界因素的影响和干扰，这些影响和干扰，有些是意外的操作错误，有些则是外界不可控因素造成的。如果在系统设计时，对所有可能发生的这些情况都有所考虑，并采取相应的防范措施，则系统就会有较高的可靠性。反之，如果对可能发生的外界干扰因素考虑不周，就会在意外情况发生时，措手不及，造成严重的后果。,第3章 网站系统设计,电子商务站点的用户界面给人的最初印象往往比较简单，但就是在这些简单的界面背后，却隐藏着一些复杂的计算机系统，用来维护这些站点以保证其处于高峰状态下的性能。像亚马逊书店的Web页面或者PC零售商.Dell的在线站点也都使人容易忽视这样一个事实：大型、有规律的服务器和复杂的负载平衡软件在有条不紊地运转着，具有容错功能的代理软件时刻准备着处理用户的Web请求、数据库访问请求，以及读取高速缓存中的数据和向网络路由器发送各种各样的数据包请求。提高系统的可靠性可以从系统的硬件、软件和运行环境三方面来考虑。（1）硬件主要指选用可靠性较高的设备。（2）软件指在程序中设置各种检验措施，以防止误操作和非法使用。,第3章 网站系统设计,（3）系统运行环境指对系统的硬件和软件的各种安全保障措施、操作的规章制度等。在开发电子商务软件中，尤其是大型系统，要考虑到认证体系、支付方式、安全保护、物流配送、Internet的基础设施等环节中可能存在的问题。主要包括：在考虑认证体系时，应与银行系统合作，建立具有公正、权威的金融认证中心，并给软件预留接口，这样，开发出的软件才具有可扩充性。软件在支付方面，可考虑多种支付方式，例如邮局汇款、银行划拨、一卡通、信用卡等。这样的软件当客户使用时，才显得灵活、方便。要考虑现行的Internet网络资源的带宽与运行速度。,第3章 网站系统设计,2.系统的可维护性 系统的可维护性是指系统的可变更或可修改性。系统投入运行以后，由于系统的环境和条件是在不断地发展和变化的，所以不可避免地会逐渐暴露出设计上的缺陷和功能上不完善，以及在使用过程中出现的硬件故障和软件故障等情况。因此，系统就需要不断地修改和完善，以适应用户的使用要求。而对系统修改的难易程度，主要取决于系统硬件的可扩充性、兼容性和售后服务质量：系统软件的可操作性、先进性和版本升级的可能性：数据存储结构规范化程度及方便性；应用软件的设计方式等方面的因素。如果对应用软件采用结构化设计方法，将会增加系统模块的独立性，使系统的结构清晰，便于维护和修改，从而可以提高系统的适应性。,第3章 网站系统设计,Web应用服务器、HTTP服务器和数据库的自然性能是决定客户满意度及系统未来可伸缩性的关键因素。缓慢的响应时间将会挫伤用户的积极性，且会影响交易处理通道中的数据流动，甚至会波及到包括网络连接在内的后台办公系统中的其他组件。不过，对于在任何给定时间内都要处理数以千计的Web应用请求，而且每天要响应十几万个页面浏览的电子商务站点来说，要获得峰值性能同时还要顾及到将来的发展需要，这的确是一个棘手的问题。随着网络时代的到来，计算机已由简单的数据计算、处理，发展到今天的多媒体处理。在选择开发工具时，如当今流行的Java、VB、C+等，一定要考虑多媒体、Internet、Intranet环境。在选择数据库时，例如SQLServer7.0、Oracle8.2forWindowsNT、DB2、Informix等，也要考虑兼容性。好的开发工具，对软件的升级是比较容易的。应该时刻注意网站的运行状况，性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果我们不想失去访问者的话，一定要仔细计划好设备及软件的升级计划。,第3章 网站系统设计,3.系统的效率 系统的工作效率可以用对处理请求的响应时间或单位时间内处理的业务量来衡量。由于系统所选择的工作方式不同，其工作效率的含义也不相同。如联机实时处理系统的工作效率为对处理请求的响应时间：而批处理系统则为单位时间内平均处理的业务量。这里需要指出的是，系统的工作效率和计算机的效率是有一定区别的。般来讲，影响系统工作效率的主要因素有：硬件的运行速度，软件系统的性能，参数的设置情况，应用软件结构设计的合理性及中间文件调用的次数和数量等。好的Web站点也无法避免会出现问题。幸运的是，有工具能够对在线内容方面的问题进行检测及修复。就商业网络站点而言，运行的可靠性、效率及可维护性与硬件设施同样重要。对顾客来说，在线时遇到冗长的处理程序、慢吞吞的服务、缺货以及帮助等信息的匮乏与现实世界中的类似问题一样令人难受。,第3章 网站系统设计,4.系统的通用性 系统的通用性是指同一软件系统在不同使用单位的可应用程度。系统的通用性好，可以保证当系统的使用条件发生变化时，该系统不经变动或经少量变动后，仍能完成预定的使用功能。对于一般的用户来说，都希望有成熟的软件系统不经修改或经过少量修改后就可以适用于本单位。因此，提高软件系统的通用性，可以扩大它的应用范围，降低研究成本，减少系统扩展时的工作量和费用，增强系统的生命力。影响系统通用性的主要因素是系统功能的完善程度和处理业务的规范化、标准化程度。开发通用的商务软件与专用的商务软件不同。专用的商务软件只是在某一行业中使用，而通用的商务软件，例如批发零售业电子商务软件、人事软件、财务软件、工资软件，此类软件在开发之前，必须拿出完善的系统需求说明书和分析报告，考虑不同行业的管理方式和商业运作模式，只有这样，软件才容易推广、普及和逐步提高档次。,第3章 网站系统设计,5.系统的工作质量 系统的工作质量是指系统处理数据的准确性，输出各种信息的易读、易懂性，系统操作的方便性等。系统的工作质量和系统的硬件设备及软件设计质量有直接关系。硬件设备是系统工作的基础，然而硬件设备作用的发挥必须有高质量的软件设计做保证。系统设计阶段的各项工作几乎都与系统的工作质量有关，系统的工作质量直接影响系统的使用效果。在系统设计时，既要考虑到实现系统功能的要求，又要考虑到使用者的要求和反应。上述评价系统性能的指标是互相联系、互相制约的。在某些条件下，它们是互相矛盾的，但是在另外一些条件下，它们又可能是彼此促进的。例如，对系统的可靠性和工作效率来说，为了提高系统的可靠性，就需要增加校验功能和对错误情况的处理功能，这势必要延长系统的处理时间，似乎降低了系统的工作效率。但是从另一方面看，如果系统的可靠性提高厂，则能保证系统长时间安全运行而不中断，实际的效率可能并不低。,第3章 网站系统设计,因此，系统设计人员必须根据具体系统的目标要求和实际情况，权衡利弊后，再决定将哪个指标放在主要位置上加以考虑，哪一个应该放在次要位置上考虑。一般情况下，系统设计人员往往要把系统的可维护性看得更重要一些。3.1.2 系统设计的原则 系统设计的总原则是保证系统设计目标的实现，并在此基础上，使技术资源的运用达到最佳。具体地说，对系统设计的要求一般包括以下五方面。1.简单性原则 简单性原则是指在达到系统预定目标的条件下，应该使系统尽量简单、适用。一般来说，用户总是希望得到一个操作简单、使用方便、功能完善、易于维护和修改的系统。因此在系统设计过程中，必须考虑到尽量使数据处理过程简化。要使输入的数据尽可能减少使输入数据的形式易于理解和掌握，系统结构要清晰、合理，尽量避免不必要的复杂化，以满足用户在操作和维护方面的需求。,第3章 网站系统设计,2.经济性原则 经济性原则是指在设计过程中尽可能地降低系统的设计成本，减少不必要的费用支出。这里既要考虑到实现系统的费用，又要考虑到系统实现后的运行费用。因为用户投入一定的资金获得一个系统后，就是通过系统的运行带来一定的经济效益，使用户对系统的投资和经营费用得到补偿。当然，在考虑系统的经济效益时，既要考虑它带来的直接效益，也要考虑到它的间接效益。目前，对一般中小企业来讲，只需较少投入就可建立、维护一个具有相当水准的站点，并通过各种运营策略来吸引众多用户的访问。那么，到底建一个网站要花多少钱呢？这个问题没有标准答案，完全视企业的建站目的、要求水准与使用技术而定。企业可以像个人主页一样，挂在任何免费虚拟空间上，只需花一千多元就可建个网站：企业也可以大张旗鼓、拉专线、架服务器、买商用软件、请顾问公司、委托网站设计人员、成立专门维护小组，花几十万甚至几百万，建设与维护自己的网站。,第3章 网站系统设计,3.完整性原则系统是一个有机的整体，应该具有一定的整体性。因此，在系统设计时，必须保持它的功能完整，联系密切。要使整个系统有统一的信息代码、统一的数据组织方法、统一的设计规范和标准，以此来提高系统的设计质量。4.可靠性原则可靠性既是评价系统设计质量的一个重要指标，又是系统设计的一个基本出发点。只有设计出的系统是安全可靠的，才能在实际运行中发挥出它应有的作用。因此在系统设计过程中，必须考虑到对各种不安全因素抵御能力的设计。例如，对错误数据检错纠错能力设计，出现意外情况后系统恢复能力设计等。5.管理可接受的原则在系统设计时，除了要考虑到以上几条基本原则以外，还要考虑在管理上可以接受的程度。一个系统是否能发挥作用和具有较强的生命力，很大程度上取决于管理上是否可以接受。,第3章 网站系统设计,这要受到用户的业务类型、用户的基础工作、用户的人员素质、人机界面的友好程度、掌握系统操作的难易程度、系统的适用范围和使用条件等诸多因素的影响。因此在系统设计时，必须充分考虑到这些因素，使设计出的系统能够容易被用户接受。以上是系统设计的一些基本原则。除此之外，还要根据系统设计的具体目标和条件，考虑一些具体设计要求和原则。3.1.3 系统设计的内容和步骤 系统设计过程分为初步设计和详细设计两个阶段。初步设计阶段的主要任务是完成对系统总体结构和基本框架的设计，例如系统结构设计、处理流程图设计、代码设计、输入输出设计、数据文件和数据库设计等内容。在初步设计工作完成后，设计人员要向用户和有关部门写出详细报告，说明设计方案的可行程度和更改情况，得到批准后转入详细设计。,第3章 网站系统设计,详细设计阶段的主要任务是在初步设计的基础上，将设计方案进一步详细化、条理化和规范化。如输入、输出格式的详细设计，处理流程图的详细设计，编写程序设计说明书等内容。在实际系统设计工作中，以上两个阶段的内容是相与：交叉和关联的，设计过程中需要反复地进行。为了便于讨论，这里将系统设计两个阶段的工作内容归纳在一起，概括出下面的设计步骤：1.系统模块化结构设计 将系统划分为若干个子系统的工作，通常是在系统分析阶段或在总体结构设计中基本完成，但不够详细。此工作是在系统分析阶段对于系统划分的基础上，再进步通过结构化设计方法，将其逐层分解成多个大小适当、功能单一、具有一定独立性的模块，以便于进行程序设计。,第3章 网站系统设计,2.系统处理流程设计即通过处理流程图的形式，将系统对数据的处理过程和数据在系统存储介质问的转换情况详细描述出来。它是系统物理模型的重要组成部分，也是进行程序设计的主要依据之一。3.代码设计代码设计就是对系统中的数据进行编码，并使这种编码作为数据的一个组成部分，用以代表客观存在的实体或属性，以保证它的惟一性，并便于计算机进行分类处理。4.输入输出设计它主要是指对以记录为单位的各种输入、输出报表格式的详细描述。另外，人机对话格式的设计以及对输入、输出设备的考虑也在这一步完成。,第3章 网站系统设计,5.数据文件和数据库设计 它主要是根据系统分析阶段所得到的数据关系集和数 据字典，再结合系统处理流程图，可以进行数据文件结构的标准化设计和进行数据库设计。6.网络及数据通信接口设计 根据系统中用户的终端数目和地理分布情况，以及对通信量和通信速度的要求，选择最佳的系统规模，提出对网络的基本要求，并进行网络和数据通信接口设计。7.系统标准化设计 它是指对各类数据编码要符合标准化要求，对各类文件的命名及对各类图表的绘制等都要按照一定的规范和标准进行。另外，为了保证系统能够安全可靠地运行，还要考虑对系统的可靠性和数据的保密性进行设计。,第3章 网站系统设计,8.程序流程设计 它是根据模块的功能和系统处理流程图的要求，设计出程序框图，为程序员进行程序设计提供依据。在这一步设计中，也可以结合运用结构式语言等工具，来更清楚地描述出程序的功能和结构。9.描述系统设计结果 系统设计的最终结果是系统设计说明书、程序设计说明书、系统测试说明书以及各种图表等，要将它们分门别类汇集成册，送交有关人员和部门审核批准。10.拟定实施方案 在系统设计结果得到有关人员和部门认可之后，就可以拟定新系统实施计划，详细地制定出实施阶段的工作内容、时间安排和具体要求。实施方案经过批准后，就可以正式转入实施阶段。,第3章 网站系统设计,3.2 结构化设计的原理为了使系统结构设计工作能够更加科学化，从20世纪70年代以来，出现了许多种先进的系统结构设计方法，具有代表性的有杰克逊方法、帕纳斯方法、结构化设计方法等，在众多的系统结构设计方法中，结构化设计方法是应用比较广泛并且比较受重视的一种。3.2.1 结构化设计的原理结构化设计方法的基本思想是使系统模块化，即把一个系统白上而下、逐步分解为若干个彼此独立而又有一定联系的组成部分，这些组成部分称为模块。对十任何一个系统都可以按功能逐步由上向下、由抽象到具体，逐层将其分解为一个多层次的、具有相对独立功能的模块所组成的系统。在这一基本思想的指导下，系统设计人员以逻辑模型为基础，并借助十一套标准的设计准则和图表等工具，逐层地将系统分解成多个大小适当、功能单一、具有定独立性的模块，把一个复杂的系统转换成易于实现、易十维护的模块化结构系统。,第3章 网站系统设计,结构化设计的工作过程可以分为两步：第一步是根据数据流程图导出系统初始结构图；第二步是对结构图的反复改进过程。因此，系统结构图是结构化设计的主要工具，它不仅可以表示系统的层次结构关系，而且还反映了模块的调用关系和模块之间数据流的传递关系等特性。3.2.2 模块划分的标准 结构化设计要解决的主要问题是把系统分解成一个个模块，并用结构图的形式表达出其内在的联系。模块划分的是否合理，直接影响到系统设计的质量，影响系统开发的时间、开发成本以及系统实施和维护的方便程度等方面。为了能够合理地划分系统的各个模块，使其具有较强的独立性，在划分模块时要遵循的总原则是：尽量把密切相关的子问题划归到同一模块；把小相关的了问题划归到系统的不同模块。衡量系统的结构化程度及模块的独立性，可以通过模块与模块之间的关联度和模块内部各个组成部分之间的聚合度两条标准来进行评价。,第3章 网站系统设计,1.模块之间的关联度 模块之间的关联度是用来表示一个模块与其他模块之叫联系的紧密程度。关联度越低，则说明模块之叫的联系越少，模块的独立性就越强，就越容易独立地进行编程、调试和修改，某个模块中产生的错误对其他模块的影响也就越小。对于模块之间的关联度，可以从以下三方面来衡量和评价。（1）模块之间的联系方式 如果一个模块直接调用另一个模块内部的数据或指令，这说明被调用模块内含有多方面不相关的内容，导致模块间联系增多，修改个模块将直接影响其他的模块，降低了模块的独立性。在系统设计中，应尽量避免使用这种联系方式，另一种联系方式是通过被调用模块的名称来调用整个模块，使其完成一定的功能，这样可以降低模块问的联系，增加其独立性。,第3章 网站系统设计,（2）模块之间使用控制信息的数量控制信息是指控制程序运行过程的信息，在程序调用过程中过多地使用控制信息，必然会增加模块之间的联系，影响模块的独立性。因此，在模块之间应尽量不用或少用控制信息。当需要在模块之间使用含有控制信息的调用关系时，可以通过功能分解的形式消除控制信息的影响。（3）模块之间传送数据的数量模块之间通过调用关系传送数据，是一种较理想的联系方式。但是，如果模块之间传送的数据过多，同样会给理解和修改模块带来困难，且降低系统的可维护性。一个模块同其他模块之间传递的数据越少，模块间的相互独立性就越强，也就越便于系统的设计和维护。要降低模块之间的关联度，除了从以上几方面考虑之外，还可以从模块界面的清晰性来考虑，模块之间的界面越简单、清晰、易于理解，关联度越低，模块的独立性也就越强。,第3章 网站系统设计,2.模块内部的聚合度模块内部的聚合度是用来描述和评价模块内部各个组成部分之间联系的紧密程度。个模块内部的各种组成部分之间联系的越密切，其聚合度越高，模块的独立性也就越强。模块的聚合度是由模块的聚合方式决定的。根据模块内部的构成情况，其聚合方式可以分成以下七种形式。（1）偶然性聚合将几个毫无联系的功能组合在起，形成一个模块，称为偶然性聚合模块。这种模块内部的各个组成部分之间几乎没有什么联系，只是为节省存储空间或提高运算速度而结合在一起，因此聚合度最低。（2）逻辑性聚合将几个逻辑上相似，但彼此并无联系的功能组合在一起所形成的模块，称为逻辑性聚合模块。这种聚合形式，其聚合度也非常低，模块中的各种功能要通过控制变量选择执行。,第3章 网站系统设计,（3）时间性聚合将几个需要在同一时段进行处理的各项功能组合在一起所形成的模块，称为时间性聚合模块。如系统的初始化模块、结束处理模块等，可以考虑采用时间性聚合方式。（4）过程性聚合将为了完成某项业务处理过程，将执行条件受同一控制流支配的若干个功能组合在一起所形成的模块，称为过程性聚合模块。这类模块的聚合度较前几种要高一些。（5）数据性聚合将对同一数据加工处理的若干个功能组合在一起所形成的模块，称为数据性聚合模块。这种模块能合理地定义功能，结构也比较清楚，因此其聚合度较高。,第3章 网站系统设计,（6）顺序性聚合 把若干个顺序执行的、一个处理的输出是另一个处理的输入的功能组合在一起所构成的模块，称为顺序性聚合模块。这种模块的聚合度要更高一些。（7）功能性聚合 为了完成一项具体任务，由简单处理功能所组成的模块，称为功能性聚合模块。这种模块功能单一，内部联系紧密，易于编程、调试和修改。因此，其独立性最强，聚合度也最高。在上述七种模块聚合方式中，其聚合度是依次升高的。由于功能性聚合模块的聚合度最高，所以在划分模块的过程中，首先应尽量采用功能性聚合方式；其次，根据需要可以适当考虑采用顺序性聚合或数据性聚合方式，但要避免采用偶然性聚合和逻辑性聚合方式，以提高系统的设计。,第3章 网站系统设计,3.3 Web站点的结构化设计企业网站作为一类特殊的信息系统，在系统设计时，应当遵循上面介绍的系统设计的总体思想和原则。同时，由于它的特殊性，在进行站点系统设计时，根据该类系统的自身特点，还应当把握下面一些要点。3.3.1 Web站点的设计原则在当前的Internet应用中，很多企业纷纷建立自己的网站，但由于对于网站的认识还不够深入，多数企业并不知道自己的网站能干什么，更不了解网站设计需要把握的规律。一些企业甚至只发一二页内容也算是建了一个网站，而且其信息从不更新。其实，要设计一个有吸引力的网站，至少应该遵循下述一些基本原则。,第3章 网站系统设计,1.安全快速访问 足够的带宽是快速访问的保证。很多单位的管理人员喜欢把服务器放到自己的单位，以为这样的做法保险、安全，其实这样所带来的直接后果就是带宽问题。因为带宽和租费是成正比的，要想租一条1Mbps以上的DDN专线，一般单位都会承受不起，所以很多单位只租用64Kbps的DDN，充其量达到128Kbps。这样的速率对于只有30页以下的小站还可以应付，但对于300页以上的网站，每天只有5000次以上的访问量，这个速率就显得很低了。有稳定的、全天24小时、全年365天都可以连续工作的服务器也至关重要。网站管理员最头痛的就是服务器死机、病毒发作等问题。北京电报局的信息服务机房里现在已放置了上百台服务器，其中6070是基于高档计算机的NT服务器。据调查，这些服务器的故障率很高。对于一些专用服务器，如Sun、Apple等服务器，这类问题可能要少些。,第3章 网站系统设计,2.及时更新信息 网站信息必须经常更新。在网站建设的初期，很多人错误地认为，要想让网站吸引住浏览者，就定要把主页的设计尽量做得漂亮。但随着网站建设的发展，人们越来越清楚地认识到，这种看法有极大的片面性。主页设计得好，自然会吸引人们的注意，但这种吸引是暂时的，要想长期吸引住浏览者，最终还是靠网站内容的不断更新。每次更新的网页内容尽量要在主页中提示给浏览者。由于网站内容的结构一般都是树形结构，所有文章都包含在各级版块或栏目里。因此，如果每次更新的网页内容全都被放进了各级版块和栏目中，浏览者并不知道更新了哪些东西，如果让用户到版块或栏目中去查找，不是一个好的方法。所以在这种情况下，一定要在首级主页中显示出最新更新的网页目录，以便于访问者浏览。,第3章 网站系统设计,3.完善检索能力 对于一个网站来说，如何合理地组织自己要发布的信息内容，以便让浏览者能够快速、准确地检索到要查寻的信息，这是一个网站是否成功的关键。如果当用户进入一个网站后不能迅速地找到自己要找的内容，那么这个网站就很难吸引住浏览者。解决这个问题，通常可通过对网站内容的全中文检索来实现。如果一个网站只有几十页内容，则根本不用进行全中文检索，用遍历方法就可查洵。但如果个网站有几百甚至几千个网页怎么办，遍历法显然不行。因此，从实际应用上，一定规模的网站一定要提供全中文的检索能力，以便于用户查找本网站的信息。4.网站的信息交互能力 如果一个网站只是为访问者提供浏览，而不能引导浏览者参与到网站内容的部分建设中去，那么它的吸引力是有限的。只有当浏览者能够很方便地和信息发布者相互交流，该网站的魅力才能充分体现出来。,第3章 网站系统设计,3.3.2 Web站点的设计要点 各种类型的web站点的设计侧重点不同，但总的说来有如下设计要点。1.目标明确、定位正确 Web站点的设计是企业或机构发展战略的重要组成部分。想要将企业站点作为因特网这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而做出切实可行的计划。挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。,第3章 网站系统设计,所以，企业或机构应清楚地了解本网站的用户群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。2.主题鲜明、富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。,第3章 网站系统设计,调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。Web站点主页应具备的基本成分包括：（1）页头：准确无误地标识你的站点和企业标志；（2）E-mail地址：用来接收用户垂询；（3）联系信息：如普通邮件地址或电话；（4）版权信息。注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。3.版式编排布局合理 网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。,第3章 网站系统设计,版式设计通过文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字、图形该落于何处，才能使整个网页生辉。努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定要设计向前和向后的按钮，便于浏览者仔细研读。,第3章 网站系统设计,站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。4.色彩和谐重点突出 色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确、协调、和谐，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。,第3章 网站系统设计,利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。,第3章 网站系统设计,5.形式内容和谐统一 形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。,第3章 网站系统设计,（1）点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。（2）线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。,第3章 网站系统设计,（3）面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。6.多媒体功能的利用最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。,第3章 网站系统设计,7.相关站点引导链接 一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。8.网站测试必不可少 为什么精心设计的网站是经得起推敲的，就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程，得以发现问题改进设计。,第3章 网站系统设计,由于一般网站设计都是一些专业人员设计的，他们对计算机和网络有较深的理解，但要考虑到访问网站的大部分人只是使用计算机和网络，应切实满足他们的需要。所以有许多成功的经验表明，让对计算机不是很熟悉的人来参加网站的测试工作效果非常好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。9.合理地运用新技术因特网是IT界发展最快的领域，其中新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。但对于网站设计者来说，必须学习跟踪掌握网页设计的新技术，如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。,第3章 网站系统设计,要将企业站点作为在Internet上展示企业形象、企业文化的信息中间，有明确目标、良好定位的Web站点设计是企业或机构发展战略的重要组成部分。对此，主管部门一定要给予足够的重视，明确设计站点的目的和用户需求，从而做出切实可行的计划。挑选与锤炼企业的关键信息，利用逻辑结构有序地组织起来，并开发一个页面设计原型，选择代表性用户来进行测试，然后逐步精炼这个原型，最终形成创意。3.3.3 Web站点的设计流程 在Web站点的设计阶段，主要包括以下设计工作。1.收集该站点的关键信息 它包括站点的目标客户、拟发布内容、Web服务器开发平台等。2.概念开发 设计人员根据收集的信息进行构思。通常，设计人员要把这些构思用草图的形式呈现给顾客代表，这个草图要有整个网站的结构、不同的布局设计及导航。,第3章 网站系统设计,3.内容综合 设计人员开始制作一些初始图样，这些图样用诸如Photoshop的应用程序来创建，然后，设计人员将图样打印出来，配上文字说明。4.HTML布局和导航 一旦客户同意了这些内容，设计人员开始编制Web页面，导航器也被编制到页面中，使客户有所体验。5.图形制作 如果客户同意了站点的外观和设计思想，设计人员将大量制作所需的图形，并进行优化。简洁明快、独具特色、保持统一的网站风格能让用户产生深刻印象，不断的来访问。优秀的网页画面少不了漂亮的图像，但更重要的是布局效果。网页布局采用的主要技术是HTML的表格（Table）和框架（Frame）功能。6.内容流程 客户的书面材料利用各种网页技术（如CSS、Java、Flash），使其内部流程有机地和相关的图形整合在一起。,第3章 网站系统设计,7.测试 在站点被提交给客户之前，设计人员要全面测试每个Web页面和页面间的链接，利用清单进行修补。测试实际上就是模拟用户访问网站，从中得以发现问题改进设计。由于一般网站都是一些专业人员设计的，他们对计算机和网络有较深的理解，但要考虑到访问网站的大部分人只是使用计算机和网络。因此，网站应切实满足使用者的需要。许多成功的经验表明，让不是很熟悉计算机的人来参加网站的测试工作效果会非常好，这些人会提出许多专业人员没有顾及到的问题或一些好的建议。8.交付 一旦签收，用户要经常进行测试，找出排版和内容方面的错误，完成这些次要的修正后，就可正式启用站点。这套完整的计划可以安排在一定时间内完成。当站点启用后，要进行跟踪调查，以确定人们如何使用站点。经过段时间的试运行之后，收集数据，开始重新设计，将此Web设计过程再进一步完善。,第3章 网站系统设计,3.3.4 Web站点的基本模块 1.站点结构图（Sitemap）站点结构图是一种有关站点结构、组织方式的示意图。各主要内容或题目的详细内容将被列在其下的副标题中。当访问者点击标题、题目或副标题时，相关的网页就会出现在屏幕当中。站点结构图还可以被视作是站点的分级结构图。以这种方式组织起来的信息可以使访问者迅速找到他所需要的信息所在位置。站点结构图与导航栏的区别是：站点结构图可以而且也应该包括与导航栏类似的链接，供用户点击至相关网页，但它并不是一个单纯的导航工具。它的目的在于提供独守的、更详细的站点结构概况。2.导航栏（Navigation Bar）当用户访问网站时，他们怎样从一个地方到另一个地方？怎样防止他们走丢？定义网站的导航系统可以解决这些问题。导航系统出现在网站的每页上，使用户很方便地在不同部分之间跳转。如果可能，把全局导航的元素限制在5-7个之间。另一种方法是把网站的商标（公司标志）加入全局导航系统作为返回网站首页的链接。,第3章 网站系统设