网站系统设计培训课程

第3章

网站系统设计依据系统分析阶段所提出可行性方案，在网站系统设计阶段，应充分考虑到网站信息组织、网站管理和维护、网站经营特点及需要，使系统成本投入尽可能低，并轻易实现。同时，网站设计还要充分考虑网站扩展及延伸，为企业最终应用提供良好环境和平台。3.1系统设计概述系统设计是在系统分析基础上，依据系统分析阶段所提出新系统逻辑模型，建立起新系统物理模型。详细地说，就是依据新系统逻辑模型所提出各项功效要求，结合实际设计条件，详细地设计出新系统处理流程和基本结构，并为系统实施阶段各项工作准备好全部必要技术资料和相关文件。网站系统设计培训课程第1页第3章

网站系统设计网站系统设计过程中，系统处理流程和基本结构主要表达在设计流程计划中，该计划是自系统分析之后更为详细设计指导书。普通来说，在设计流程计划中，主要包含网站目标细化、确定网站要素和网站设计三部分内容。1.网站目标细化网站目标细化是依据网站系统分析目标，按照项目管理方法，将系统分析阶段目标再次细化，分阶段、分步骤给予实施。这里，依据网站建设项目特点，详细设计出项目真正运作相关要素，它包含网站系统每个项目阶段国家标准、内容和人员安排，以及最终提交文件材料。网站系统设计培训课程第2页第3章

网站系统设计

2.确定网站要素确定网站要素包含明确网站内容结构（如栏目名称、内容），网站功效需求（如交互机制）和网站表现形式（如色彩搭配、字号选择），还应包含确定网站对象和网站提供哪些服务等内容。3.网站设计网站设计内容非常多，大致分三方面：首先是纯网站本身设计，比如文字排版、图片制作、平面设计、三维立体设计、静态无声图文、动态有声影像等。其次是网站延伸设计，包含网站主题特征设计、智能交互、制作策划、形象包装、宣传营销等。网站系统设计培训课程第3页第3章

网站系统设计第三，站点采取网络、数据库等技术也是确保网站最终良好运行关键。系统设计阶段是开发网站系统关键步骤之一，它工作质量直接关系到新系统质量和经济效益。所以，整个系统设计过程各项工作都必须按照科学方法和程序进行。下面就系统设计目标、系统设计标准、系统设计内容和步骤等问题分别加以讨论。3.1.1系统设计目标系统设计基本目标就是要使所设计系统必须满足系统逻辑模型各项功效要求。同时，还要尽可能地提升系统性能。系统设计目标是评价和衡量系统设计方案优劣基本标准，也是选择系统设计方案主要依据。

网站系统设计培训课程第4页第3章

网站系统设计评价和衡量系统设计目标实现程度指标主要有以下五方面。1.系统可靠性系统可靠性是指系统在正常运行时对各种外界干扰抵抗能力。这是对系统基本要求，也是系统设计时必须首先要处理主要问题。系统在工作时，可能会碰到各种各样外界原因影响和干扰，这些影响和干扰，有些是意外操作错误，有些则是外界不可控原因造成。假如在系统设计时，对全部可能发生这些情况都有所考虑，并采取对应防范办法，则系统就会有较高可靠性。反之，假如对可能发生外界干扰原因考虑不周，就会在意外情况发生时，措手不及，造成严重后果。

网站系统设计培训课程第5页第3章

网站系统设计电子商务站点用户界面给人最初印象往往比较简单，但就是在这些简单界面背后，却隐藏着一些复杂计算机系统，用来维护这些站点以确保其处于高峰状态下性能。像亚马逊书店Web页面或者PC零售商.Dell在线站点也都使人轻易忽略这么一个事实：大型、有规律服务器和复杂负载平衡软件在有条不紊地运转着，含有容错功效代理软件时刻准备着处理用户Web请求、数据库访问请求，以及读取高速缓存中数据和向网络路由器发送各种各样数据包请求。提升系统可靠性能够从系统硬件、软件和运行环境三方面来考虑。（1）硬件主要指选取可靠性较高设备。（2）软件指在程序中设置各种检验办法，以预防误操作和非法使用。网站系统设计培训课程第6页第3章

网站系统设计（3）系统运行环境指对系统硬件和软件各种安全保障办法、操作规章制度等。在开发电子商务软件中，尤其是大型系统，要考虑到认证体系、支付方式、安全保护、物流配送、Internet基础设施等步骤中可能存在问题。主要包含：①在考虑认证体系时，应与银行系统合作，建立含有公正、权威金融认证中心，并给软件预留接口，这么，开发出软件才含有可扩充性。②软件在支付方面，可考虑各种支付方式，比如邮局汇款、银行划拨、一卡通、信用卡等。这么软件当客户使用时，才显得灵活、方便。③要考虑现行Internet网络资源带宽与运行速度。

网站系统设计培训课程第7页第3章

网站系统设计

2.系统可维护性系统可维护性是指系统可变更或可修改性。系统投入运行以后，因为系统环境和条件是在不停地发展和改变，所以不可防止地会逐步暴露出设计上缺点和功效上不完善，以及在使用过程中出现硬件故障和软件故障等情况。所以，系统就需要不停地修改和完善，以适应用户使用要求。而对系统修改难易程度，主要取决于系统硬件可扩充性、兼容性和售后服务质量：系统软件可操作性、先进性和版本升级可能性：数据存放结构规范化程度及方便性；应用软件设计方式等方面原因。假如对应用软件采取结构化设计方法，将会增加系统模块独立性，使系统结构清楚，便于维护和修改，从而能够提升系统适应性。网站系统设计培训课程第8页第3章

网站系统设计

Web应用服务器、HTTP服务器和数据库自然性能是决定客户满意度及系统未来可伸缩性关键原因。迟缓响应时间将会挫伤用户主动性，且会影响交易处理通道中数据流动，甚至会涉及到包含网络连接在内后台办公系统中其它组件。不过，对于在任何给定时间内都要处理数以千计Web应用请求，而且天天要响应十几万个页面浏览电子商务站点来说，要取得峰值性能同时还要顾及到未来发展需要，这确实是一个棘手问题。伴随网络时代到来，计算机已由简单数据计算、处理，发展到今天多媒体处理。在选择开发工具时，如当今流行Java、VB、C++等，一定要考虑多媒体、Internet、Intranet环境。在选择数据库时，比如SQLServer7.0、Oracle8.2forWindowsNT、DB2、Informix等，也要考虑兼容性。好开发工具，对软件升级是比较轻易。应该时刻注意网站运行情况，性能很好主机伴随访问人数增加，可能会运行迟缓。不过，假如我们不想失去访问者话，一定要仔细计划好设备及软件升级计划。

网站系统设计培训课程第9页第3章

网站系统设计

3.系统效率系统工作效率能够用对处理请求响应时间或单位时间内处理业务量来衡量。因为系统所选择工作方式不一样，其工作效率含义也不相同。如联机实时处理系统工作效率为对处理请求响应时间：而批处理系统则为单位时间内平均处理业务量。这里需要指出是，系统工作效率和计算机效率是有一定区分。—般来讲，影响系统工作效率主要原因有：硬件运行速度，软件系统性能，参数设置情况，应用软件结构设计合理性及中间文件调用次数和数量等。好Web站点也无法防止会出现问题。幸运是，有工具能够对在线内容方面问题进行检测及修复。就商业网络站点而言，运行可靠性、效率及可维护性与硬件设施一样主要。对用户来说，在线时碰到冗长处理程序、慢吞吞服务、缺货以及帮助等信息匮乏与现实世界中类似问题一样令人难受。

网站系统设计培训课程第10页第3章

网站系统设计

4.系统通用性系统通用性是指同一软件系统在不一样使用单位可应用程度。系统通用性好，能够确保当系统使用条件发生改变时，该系统不经变动或经少许变动后，仍能完成预定使用功效。对于普通用户来说，都希望有成熟软件系统不经修改或经过少许修改后就能够适合用于本单位。所以，提升软件系统通用性，能够扩大它应用范围，降低研究成本，降低系统扩展时工作量和费用，增强系统生命力。影响系统通用性主要原因是系统功效完善程度和处理业务规范化、标准化程度。开发通用商务软件与专用商务软件不一样。专用商务软件只是在某一行业中使用，而通用商务软件，比如批发零售业电子商务软件、人事软件、财务软件、工资软件，这类软件在开发之前，必须拿出完善系统需求说明书和分析汇报，考虑不一样行业管理方式和商业运作模式，只有这么，软件才轻易推广、普及和逐步提升档次。

网站系统设计培训课程第11页第3章

网站系统设计5.系统工作质量系统工作质量是指系统处理数据准确性，输出各种信息易读、易懂性，系统操作方便性等。系统工作质量和系统硬件设备及软件设计质量有直接关系。硬件设备是系统工作基础，然而硬件设备作用发挥必须有高质量软件设计做保证。系统设计阶段各项工作几乎都与系统工作质量有关，系统工作质量直接影响系统使用效果。在系统设计时，既要考虑到实现系统功能要求，又要考虑到使用者要求和反应。上述评价系统性能指标是互相联系、互相制约。在某些条件下，它们是互相矛盾，但是在另外一些条件下，它们又可能是彼此促进。例如，对系统可靠性和工作效率来说，为了提高系统可靠性，就需要增加校验功能和对错误情况处理功能，这势必要延长系统处理时间，似乎降低了系统工作效率。但是从其次看，如果系统可靠性提高厂，则能保证系统长时间安全运行而不中断，实际效率可能并不低。网站系统设计培训课程第12页第3章

网站系统设计所以，系统设计人员必须依据详细系统目标要求和实际情况，权衡利弊后，再决定将哪个指标放在主要位置上加以考虑，哪一个应该放在次要位置上考虑。普通情况下，系统设计人员往往要把系统可维护性看得更主要一些。3.1.2系统设计标准系统设计总标准是确保系统设计目标实现，并在此基础上，使技术资源利用到达最正确。详细地说，对系统设计要求普通包含以下五方面。1.简单性标准简单性标准是指在到达系统预定目标条件下，应该使系统尽可能简单、适用。普通来说，用户总是希望得到一个操作简单、使用方便、功效完善、易于维护和修改系统。所以在系统设计过程中，必须考虑到尽可能使数据处理过程简化。要使输入数据尽可能降低使输入数据形式易于了解和掌握，系统结构要清楚、合理，尽可能防止无须要复杂化，以满足用户在操作和维护方面需求。

网站系统设计培训课程第13页第3章

网站系统设计

2.经济性标准经济性标准是指在设计过程中尽可能地降低系统设计成本，降低无须要费用支出。这里既要考虑到实现系统费用，又要考虑到系统实现后运行费用。因为用户投入一定资金取得一个系统后，就是经过系统运行带来一定经济效益，使用户对系统投资和经营费用得到赔偿。当然，在考虑系统经济效益时，既要考虑它带来直接效益，也要考虑到它间接效益。当前，对普通中小企业来讲，只需较少投入就可建立、维护一个含有相当水准站点，并经过各种运行策略来吸引众多用户访问。那么，到底建一个网站要花多少钱呢？这个问题没有标准答案，完全视企业建站目标、要求水准与使用技术而定。企业能够像个人主页一样，挂在任何无偿虚拟空间上，只需花一千多元就可建—个网站：企业也能够大张旗鼓、拉专线、架服务器、买商用软件、请顾问企业、委托网站设计人员、成立专门维护小组，花几十万甚至几百万，建设与维护自己网站。

网站系统设计培训课程第14页第3章

网站系统设计

3.完整性标准系统是一个有机整体，应该含有一定整体性。所以，在系统设计时，必须保持它功效完整，联络亲密。要使整个系统有统一信息代码、统一数据组织方法、统一设计规范和标准，以此来提升系统设计质量。4.可靠性标准可靠性既是评价系统设计质量一个主要指标，又是系统设计一个基本出发点。只有设计出系统是安全可靠，才能在实际运行中发挥出它应有作用。所以在系统设计过程中，必须考虑到对各种不安全原因抵抗能力设计。比如，对错误数据检错纠错能力设计，出现意外情况后系统恢复能力设计等。5.管理可接收标准在系统设计时，除了要考虑到以上几条基本标准以外，还要考虑在管理上能够接收程度。一个系统是否能发挥作用和含有较强生命力，很大程度上取决于管理上是否能够接收。网站系统设计培训课程第15页第3章

网站系统设计这要受到用户业务类型、用户基础工作、用户人员素质、人机界面友好程度、掌握系统操作难易程度、系统适用范围和使用条件等很多原因影响。所以在系统设计时，必须充分考虑到这些原因，使设计出系统能够轻易被用户接收。以上是系统设计一些基本标准。除此之外，还要依据系统设计详细目标和条件，考虑一些详细设计要求和标准。3.1.3系统设计内容和步骤系统设计过程分为初步设计和详细设计两个阶段。初步设计阶段主要任务是完成对系统总体结构和基本框架设计，比如系统结构设计、处理流程图设计、代码设计、输入输出设计、数据文件和数据库设计等内容。在初步设计工作完成后，设计人员要向用户和相关部门写出详细汇报，说明设计方案可行程度和更改情况，得到同意后转入详细设计。

网站系统设计培训课程第16页第3章

网站系统设计详细设计阶段主要任务是在初步设计基础上，将设计方案深入详细化、条理化和规范化。如输入、输出格式详细设计，处理流程图详细设计，编写程序设计说明书等内容。在实际系统设计工作中，以上两个阶段内容是相与：交叉和关联，设计过程中需要重复地进行。为了便于讨论，这里将系统设计两个阶段工作内容归纳在一起，概括出下面设计步骤：1.系统模块化结构设计将系统划分为若干个子系统工作，通常是在系统分析阶段或在总体结构设计中基本完成，但不够详细。此工作是在系统分析阶段对于系统划分基础上，再进—步经过结构化设计方法，将其逐层分解成多个大小适当、功效单一、含有一定独立性模块，方便于进行程序设计。网站系统设计培训课程第17页第3章

网站系统设计

2.系统处理流程设计即经过处理流程图形式，将系统对数据处理过程和数据在系统存放介责问转换情况详细描述出来。它是系统物理模型主要组成部分，也是进行程序设计主要依据之一。3.代码设计代码设计就是对系统中数据进行编码，并使这种编码作为数据一个组成部分，用以代表客观存在实体或属性，以确保它惟一性，并便于计算机进行分类处理。4.输入输出设计它主要是指对以统计为单位各种输入、输出报表格式详细描述。另外，人机对话格式设计以及对输入、输出设备考虑也在这一步完成。网站系统设计培训课程第18页第3章

网站系统设计

5.数据文件和数据库设计它主要是依据系统分析阶段所得到数据关系集和数据字典，再结合系统处理流程图，能够进行数据文件结构标准化设计和进行数据库设计。6.网络及数据通信接口设计依据系统中用户终端数目和地理分布情况，以及对通信量和通信速度要求，选择最正确系统规模，提出对网络基本要求，并进行网络和数据通信接口设计。7.系统标准化设计它是指对各类数据编码要符合标准化要求，对各类文件命名及对各类图表绘制等都要按照一定规范和标准进行。另外，为了确保系统能够安全可靠地运行，还要考虑对系统可靠性和数据保密性进行设计。

网站系统设计培训课程第19页第3章

网站系统设计

8.程序流程设计它是依据模块功效和系统处理流程图要求，设计出程序框图，为程序员进行程序设计提供依据。在这一步设计中，也能够结合利用结构式语言等工具，来更清楚地描述出程序功效和结构。9.描述系统设计结果系统设计最终止果是系统设计说明书、程序设计说明书、系统测试说明书以及各种图表等，要将它们分门别类聚集成册，送交相关人员和部门审核同意。10.确定实施方案在系统设计结果得到相关人员和部门认可之后，就能够确定新系统实施计划，详细地制订出实施阶段工作内容、时间安排和详细要求。实施方案经过同意后，就能够正式转入实施阶段。网站系统设计培训课程第20页第3章

网站系统设计

3.2结构化设计原理为了使系统结构设计工作能够愈加科学化，从20世纪70年代以来，出现了许各种先进系统结构设计方法，含有代表性有杰克逊方法、帕纳斯方法、结构化设计方法等，在众多系统结构设计方法中，结构化设计方法是应用比较广泛而且比较受重视一个。3.2.1结构化设计原理结构化设计方法基本思想是使系统模块化，即把一个系统白上而下、逐步分解为若干个彼此独立而又有一定联络组成部分，这些组成部分称为模块。对十任何一个系统都能够按功效逐步由上向下、由抽象到详细，逐层将其分解为一个多层次、含有相对独立功效模块所组成系统。在这一基本思想指导下，系统设计人员以逻辑模型为基础，并借助十一套标准设计准则和图表等工具，逐层地将系统分解成多个大小适当、功效单一、含有—定独立性模块，把一个复杂系统转换成易于实现、易十维护模块化结构系统。

网站系统设计培训课程第21页第3章

网站系统设计结构化设计工作过程能够分为两步：第一步是依据数据流程图导出系统初始结构图；第二步是对结构图重复改进过程。所以，系统结构图是结构化设计主要工具，它不但能够表示系统层次结构关系，而且还反应了模块调用关系和模块之间数据流传递关系等特征。3.2.2模块划分标准结构化设计要处理主要问题是把系统分解成一个个模块，并用结构图形式表示出其内在联络。模块划分是否合理，直接影响到系统设计质量，影响系统开发时间、开发成本以及系统实施和维护方便程度等方面。

为了能够合理地划分系统各个模块，使其含有较强独立性，在划分模块时要遵照总标准是：尽可能把亲密相关子问题划归到同一模块；把小相关了问题划归到系统不一样模块。衡量系统结构化程度及模块独立性，能够经过模块与模块之间关联度和模块内部各个组成部分之间聚合度两条标准来进行评价。

网站系统设计培训课程第22页第3章

网站系统设计

1.模块之间关联度模块之间关联度是用来表示一个模块与其它模块之叫联络紧密程度。关联度越低，则说明模块之叫联络越少，模块独立性就越强，就越轻易独立地进行编程、调试和修改，某个模块中产生错误对其它模块影响也就越小。对于模块之间关联度，能够从以下三方面来衡量和评价。（1）模块之间联络方式假如一个模块直接调用另一个模块内部数据或指令，这说明被调用模块内含有多方面不相关内容，造成模块间联络增多，修改—个模块将直接影响其它模块，降低了模块独立性。在系统设计中，应尽可能防止使用这种联络方式，另一个联络方式是经过被调用模块名称来调用整个模块，使其完成一定功效，这么能够降低模块问联络，增加其独立性。网站系统设计培训课程第23页第3章

网站系统设计（2）模块之间使用控制信息数量控制信息是指控制程序运行过程信息，在程序调用过程中过多地使用控制信息，必定会增加模块之间联络，影响模块独立性。所以，在模块之间应尽可能不用或少用控制信息。当需要在模块之间使用含有控制信息调用关系时，能够经过功效分解形式消除控制信息影响。（3）模块之间传送数据数量模块之间经过调用关系传送数据，是一个较理想联络方式。不过，假如模块之间传送数据过多，一样会给了解和修改模块带来困难，且降低系统可维护性。一个模块同其它模块之间传递数据越少，模块间相互独立性就越强，也就越便于系统设计和维护。要降低模块之间关联度，除了从以上几方面考虑之外，还能够从模块界面清楚性来考虑，模块之间界面越简单、清楚、易于了解，关联度越低，模块独立性也就越强。

网站系统设计培训课程第24页第3章

网站系统设计

2.模块内部聚合度模块内部聚合度是用来描述和评价模块内部各个组成部分之间联络紧密程度。—个模块内部各种组成部分之间联络越亲密，其聚合度越高，模块独立性也就越强。模块聚合度是由模块聚合方式决定。依据模块内部组成情况，其聚合方式能够分成以下七种形式。（1）偶然性聚合将几个毫无联络功效组合在—起，形成一个模块，称为偶然性聚合模块。这种模块内部各个组成部分之间几乎没有什么联络，只是为节约存放空间或提升运算速度而结合在一起，所以聚合度最低。（2）逻辑性聚合将几个逻辑上相同，但彼此并无联络功效组合在一起所形成模块，称为逻辑性聚合模块。这种聚合形式，其聚合度也非常低，模块中各种功效要经过控制变量选择执行。网站系统设计培训课程第25页第3章

网站系统设计

（3）时间性聚合将几个需要在同一时段进行处理各项功效组合在一起所形成模块，称为时间性聚合模块。如系统初始化模块、结束处理模块等，能够考虑采取时间性聚合方式。（4）过程性聚合将为了完成某项业务处理过程，将执行条件受同一控制流支配若干个功效组合在一起所形成模块，称为过程性聚合模块。这类模块聚合度较前几个要高一些。（5）数据性聚合将对同一数据加工处理若干个功效组合在一起所形成模块，称为数据性聚合模块。这种模块能合理地定义功效，结构也比较清楚，所以其聚合度较高。

网站系统设计培训课程第26页第3章

网站系统设计（6）次序性聚合把若干个次序执行、一个处理输出是另一个处理输入功效组合在一起所组成模块，称为次序性聚合模块。这种模块聚合度要更高一些。（7）功效性聚合为了完成一项详细任务，由简单处理功效所组成模块，称为功效性聚合模块。这种模块功效单一，内部联络紧密，易于编程、调试和修改。所以，其独立性最强，聚合度也最高。在上述七种模块聚合方式中，其聚合度是依次升高。因为功效性聚合模块聚合度最高，所以在划分模块过程中，首先应尽可能采取功效性聚合方式；其次，依据需要能够适当考虑采取次序性聚合或数据性聚合方式，但要防止采取偶然性聚合和逻辑性聚合方式，以提升系统设计。网站系统设计培训课程第27页第3章

网站系统设计

3.3Web站点结构化设计企业网站作为一类特殊信息系统，在系统设计时，应该遵照上面介绍系统设计总体思想和标准。同时，因为它特殊性，在进行站点系统设计时，依据该类系统本身特点，还应该把握下面一些关键点。3.3.1Web站点设计标准在当前Internet应用中，很多企业纷纷建立自己网站，但因为对于网站认识还不够深入，多数企业并不知道自己网站能干什么，更不了解网站设计需要把握规律。一些企业甚至只发一二页内容也算是建了一个网站，而且其信息从不更新。其实，要设计一个有吸引力网站，最少应该遵照下述一些基本标准。网站系统设计培训课程第28页第3章

网站系统设计1.安全快速访问足够带宽是快速访问确保。很多单位管理人员喜欢把服务器放到自己单位，认为这么做法保险、安全，其实这么所带来直接后果就是带宽问题。因为带宽和租费是成正比，要想租一条1Mbps以上DDN专线，一般单位都会承受不起，所以很多单位只租用64KbpsDDN，充其量到达128Kbps。这么速率对于只有30页以下小站还能够应付，但对于300页以上网站，天天只有5000次以上访问量，这个速率就显得很低了。有稳定、全天二十四小时、整年365天都能够连续工作服务器也至关主要。网站管理员最头痛就是服务器死机、病毒发作等问题。北京电报局信息服务机房里现在已放置了上百台服务器，其中60％~70％是基于高档计算机NT服务器。据调查，这些服务器故障率很高。对于一些专用服务器，如Sun、Apple等服务器，这类问题可能要少些。网站系统设计培训课程第29页第3章

网站系统设计

2.及时更新信息网站信息必须经常更新。在网站建设早期，很多人错误地认为，要想让网站吸引住浏览者，就—定要把主页设计尽可能做得漂亮。但伴随网站建设发展，人们越来越清楚地认识到，这种看法有极大片面性。主页设计得好，自然会吸引人们注意，但这种吸引是暂时，要想长久吸引住浏览者，最终还是靠网站内容不停更新。每次更新网页内容尽可能要在主页中提醒给浏览者。因为网站内容结构普通都是树形结构，全部文章都包含在各级版块或栏目里。所以，假如每次更新网页内容全都被放进了各级版块和栏目中，浏览者并不知道更新了哪些东西，假如让用户到版块或栏目中去查找，不是一个好方法。所以在这种情况下，一定要在首级主页中显示出最新更新网页目录，方便于访问者浏览。网站系统设计培训课程第30页第3章

网站系统设计

3.完善检索能力对于一个网站来说，怎样合理地组织自己要公布信息内容，方便让浏览者能够快速、准确地检索到要查寻信息，这是一个网站是否成功关键。假如当用户进入一个网站后不能快速地找到自己要找内容，那么这个网站就极难吸引住浏览者。处理这个问题，通常可经过对网站内容全汉字检索来实现。假如一个网站只有几十页内容，则根本不用进行全汉字检索，用遍历方法就可查洵。但假如—个网站有几百甚至几千个网页怎么办，遍历法显然不行。所以，从实际应用上，一定规模网站一定要提供全汉字检索能力，方便于用户查找本网站信息。4.网站信息交互能力假如一个网站只是为访问者提供浏览，而不能引导浏览者参加到网站内容部分建设中去，那么它吸引力是有限。只有当浏览者能够很方便地和信息公布者相互交流，该网站魅力才能充分表达出来。网站系统设计培训课程第31页第3章

网站系统设计

3.3.2Web站点设计关键点各种类型web站点设计侧重点不一样，但总说来有以下设计关键点。1.目标明确、定位正确Web站点设计是企业或机构发展战略主要组成部分。想要将企业站点作为因特网这个新媒体上展示企业形象、企业文化信息空间，领导一定要给予足够重视，明确设计站点目标和用户需求，从而做出切实可行计划。挑选与锤炼企业关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。

分析有些网站效果不如预想好，主要原因是对用户需求了解有偏差，缺乏用户检验造成。设计者经常将企业市场营销和商业目标放在首位，而对用户和潜在用户真正需求了解不多。

网站系统设计培训课程第32页第3章

网站系统设计所以，企业或机构应清楚地了解本网站用户群体基本情况，如受教育程度、收入水平、需要信息范围及深度等，从而能够有放矢。2.主题鲜明、富有特色在目标明确基础上，完成网站构思创意即总体设计方案。对网站整体格调和特色做出定位，规划网站组织结构。Web站点应针对所服务对象（机构或人）不一样而含有不一样形式。有些站点只提供简练文本信息；有些则采取多媒体表现手法，提供华丽图像、闪烁灯光、复杂页面布置，甚至能够下载声音和录像片段。最好Web站点将把图形图像表现手法与有效组织与通信结合起来。要做到主题鲜明突出，力争简练，关键点明确，以简单明确语言和画面告诉大家本站点主题，吸引对本站点有需求人视线，对无关人员也能留下一定印象。对于一些行业标志和企业标志应充分加以利用。网站系统设计培训课程第33页第3章

网站系统设计调动一切伎俩充分表现网站个性和情趣，突出个性，办出网站特色。Web站点主页应具备基本成份包含：（1）页头：准确无误地标识你站点和企业标志；（2）E-mail地址：用来接收用户垂询；（3）联络信息：如普通邮件地址或电话；（4）版权信息。注意重复利用已经有信息，如客户手册、公共关系文档、技术手册和数据库等能够轻而易举地用到企业Web站点中。3.版式编排布局合理网页设计作为一个视觉语言，当然要考究编排和布局，即使主页设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。

网站系统设计培训课程第34页第3章

网站系统设计版式设计经过文字图形空间组合，表示出友好与美。版式设计经过视觉要素理性分析，和严格形式组成训练，培养对整体画面把握能力和审美能力。一个优异网页设计者也应该知道哪一段文字、图形该落于何处，才能使整个网页生辉。努力做到整体布局合理化、有序化、整体化。优异之作，善于以巧妙、合理视觉方式使一些语言无法表示思想得以阐述，做到丰富多样而又简练明了。多页面站点页面编排设计要求把页面之间有机联络反应出来，这里主要问题是页面之间和页面内秩序与内容关系。为了到达最正确视觉表现效果，应考究整体布局合理性。尤其是关系十分紧密有上下文关系页面，一定要设计向前和向后按钮，便于浏览者仔细研读。网站系统设计培训课程第35页第3章

网站系统设计站点设计简单有序，主次关系分明，将零乱页面组织过程混杂内容依整体布局需要进行分组归纳，经过进行含有内在联络组织排列，重复推敲文字、图形与空间关系，使浏览者有一个流畅视觉体验。4.色彩友好重点突出色调及黑、白、灰三色空间关系不论在设计还是在绘画方面都起着主要作用。在页面上一定得明确、协调、友好，而其它有色或无色内容均属黑、白、灰三色空间关系，从而组成它们空间层次。色彩是艺术表现要素之一，它是光刺激眼睛再传导到大脑中枢而产生一个感觉。在网页设计中，依据友好、均衡和重点突出标准，将不一样色彩进行组合、搭配来组成漂亮页面。网站系统设计培训课程第36页第3章

网站系统设计利用色彩对人们心理影响结果，合理地加以利用。按照色彩记忆性标准，普通暖色较冷色记忆性强。色彩还含有联想与象征特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食虚拟店面，应使用消极而沉静颜色，使人心理上感觉清凉一些。在色彩利用过程中，还应注意一个问题是：因为国家和种族不一样，宗教和信仰不一样，生活地理位置、文化涵养差异，不一样人群对色彩喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明纯颜色；生活在草原上人喜欢红色；生活在闹市中人喜欢淡雅颜色；生活在沙漠中人喜欢绿色。在设计中要考虑主要读者群背景和组成。网站系统设计培训课程第37页第3章

网站系统设计

5.形式内容友好统一形式服务于内容，内容又为目标服务，形式与内容统一是设计网页基本标准之一。画面组织标准中，将丰富意义和多样形式组织在一个统一结构里，形式语言必须符合页面内容，表达内容丰富含义。利用对比与调和，对称与平衡，节奏与韵律以及留白等伎俩，如经过空间、文字、图形之间相互关系建立整体均衡状态，产生友好美感。如对称标准在页面设计中，它均衡有时会使页面显得呆板，但假如加入一些动感文字、图案，或采取夸大手法来表现内容往往会到达比很好效果。点、线、面是视觉语言中基本元素，使用点、线、面相互穿插、相互衬托、相互补充组成最正确页面效果。网站系统设计培训课程第38页第3章

网站系统设计（1）点是全部空间形态中最简练元素，也能够说是最活跃、最不安分元素。设计中，一个点就能够包罗万象，表达设计者无限心思，网页中图标，单个图片，按钮或一团文字等都能够说是点。点是灵活多变，我们能够将一排文字视为一个点，将一个图形视为一个点。在网页设计中点，因为大小、形态、位置不一样而给人不一样心理感受。（2）线是点移动轨迹，线在编排设计中有强调、分割、导线，视觉线作用。线会因方向、形态不一样而产生不一样视觉感受，比如垂直线给人平稳、屹立感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，经过线分割确保页面良好视觉秩序，页面在直线分割下，产生友好统一美感；经过不一样百分比空间分割，有时会产生空间层次韵律感。网站系统设计培训课程第39页第3章

网站系统设计（3）面形态除了规则几何形体外，还有其它一些不规则形态，能够说表现形式是各种多样。面在平面设计中是点扩大，线重复形成。面状给人以整体美感，使空间层次丰富，使单一空间多元化，在表示较含蓄。网页设计中点、线、面利用并不是孤立，很多时候都需要将它们结合起来，表示完美设计意境。6.多媒体功效利用最大资源优势在于多媒体功效，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面内容应该有一定实用性，如产品介绍甚至能够用三维动画来表现。这里需要注意问题是，因为网络带宽限制，在使用多媒体形式表现网页内容时应考虑客户端传输速度，或者说将多媒体内容控制在用户可接收下载时间内是十分必要。网站系统设计培训课程第40页第3章

网站系统设计

7.相关站点引导链接一个好网站基本要素是用户进入后，与本网站相关信息都能够方便快捷地找到，其中要借助于相关站点，所以做好导引是一项主要工作。超文本这种结构使全球全部联上因特网计算机成为超大规模信息库，链接到其它网站轻而易举。在设计网页导引组织时，应该给出多个相关网站链接，使得用户感到想得到信息就在鼠标马上就能够点击地方。8.网站测试必不可少为何精心设计网站是经得起推敲，就是因为它经过认真细致测试。测试实际上就是模拟用户访问网站过程，得以发觉问题改进设计。

网站系统设计培训课程第41页第3章

网站系统设计因为普通网站设计都是一些专业人员设计，他们对计算机和网络有较深了解，但要考虑到访问网站大部分人只是使用计算机和网络，应切实满足他们需要。所以有许多成功经验表明，让对计算机不是很熟悉人来参加网站测试工作效果非常好，这些人会提出许多专业人员没有顾及到问题或一些好提议。9.合理地利用新技术因特网是IT界发展最快领域，其中新网页制作技术几乎天天都会出现，假如不是介绍网络技术专业站点，一定要合理地利用网页制作新技术，切忌将网站变为一个制作网页技术展台，永远记住用户方便快捷地得到所需要信息是最主要。但对于网站设计者来说，必须学习跟踪掌握网页设计新技术，如Java、DHTML、XML等，依据网站内容和形式需要合理地应用到设计中。

网站系统设计培训课程第42页第3章

网站系统设计要将企业站点作为在Internet上展示企业形象、企业文化信息中间，有明确目标、良好定位Web站点设计是企业或机构发展战略主要组成部分。对此，主管部门一定要给予足够重视，明确设计站点目标和用户需求，从而做出切实可行计划。挑选与锤炼企业关键信息，利用逻辑结构有序地组织起来，并开发一个页面设计原型，选择代表性用户来进行测试，然后逐步精炼这个原型，最终形成创意。3.3.3Web站点设计流程在Web站点设计阶段，主要包含以下设计工作。1.搜集该站点关键信息它包含站点目标客户、拟公布内容、Web服务器开发平台等。2.概念开发设计人员依据搜集信息进行构思。通常，设计人员要把这些构思用草图形式展现给用户代表，这个草图要有整个网站结构、不一样布局设计及导航。

网站系统设计培训课程第43页第3章

网站系统设计

3.内容综合设计人员开始制作一些初始图样，这些图样用诸如Photoshop应用程序来创建，然后，设计人员将图样打印出来，配上文字说明。4.HTML布局和导航一旦客户同意了这些内容，设计人员开始编制Web页面，导航器也被编制到页面中，使客户有所体验。5.图形制作假如客户同意了站点外观和设计思想，设计人员将大量制作所需图形，并进行优化。简练明快、独具特色、保持统一网站格调能让用户产生深刻印象，不停来访问。优异网页画面少不了漂亮图像，但更主要是布局效果。网页布局采取主要技术是HTML表格（Table）和框架（Frame）功效。6.内容流程客户书面材料利用各种网页技术（如CSS、Java、Flash），使其内部流程有机地和相关图形整合在一起。网站系统设计培训课程第44页第3章

网站系统设计

7.测试在站点被提交给客户之前，设计人员要全方面测试每个Web页面和页面间链接，利用清单进行修补。测试实际上就是模拟用户访问网站，从中得以发觉问题改进设计。因为普通网站都是一些专业人员设计，他们对计算机和网络有较深了解，但要考虑到访问网站大部分人只是使用计算机和网络。所以，网站应切实满足使用者需要。许多成功经验表明，让不是很熟悉计算机人来参加网站测试工作效果会非常好，这些人会提出许多专业人员没有顾及到问题或一些好提议。8.交付一旦签收，用户要经常进行测试，找出排版和内容方面错误，完成这些次要修正后，就可正式启用站点。这套完整计划能够安排在一定时间内完成。当站点启用后，要进行跟踪调查，以确定人们怎样使用站点。经过—段时间试运行之后，搜集数据，开始重新设计，将此Web设计过程再深入完善。网站系统设计培训课程第45页第3章

网站系统设计

3.3.4Web站点基本模块1.站点结构图（Sitemap）站点结构图是一个相关站点结构、组织方式示意图。各主要内容或题目标详细内容将被列在其下副标题中。当访问者点击标题、题目或副标题时，相关网页就会出现在屏幕当中。站点结构图还能够被视作是站点分级结构图。以这种方式组织起来信息能够使访问者快速找到他所需要信息所在位置。站点结构图与导航栏区分是：站点结构图能够而且也应该包含与导航栏类似链接，供用户点击至相关网页，但它并不是一个单纯导航工具。它目标在于提供独守、更详细站点结构概况。2.导航栏（NavigationBar）当用户访问网站时，他们怎样从一个地方到另一个地方？怎样预防他们走丢？定义网站导航系统能够处理这些问题。导航系统出现在网站每页上，使用户很方便地在不一样部分之间跳转。假如可能，把全局导航元素限制在5-7个之间。另一个方法是把网站商标（企业标志）加入全局导航系统作为返回网站首页链接。

网站系统设计培训课程第46页第3章

网站系统设计局部导航能够有不一样形式，能够是主题列表，比如YAHOO；能够是选项菜单形式，比如GeoCities中membersarea：或者能够是一些相关条目标列表。每个Web站点都应该包含一组导航工具，它出现在此站点每—个页面中。导航栏中按钮应该包含：主页、联络方式、反馈及其它—些用户感兴趣内容。这些内容应该与站点结构图中主要题目相关联，设计导航栏应注意以下几点：（1）图表比单纯文字效果更佳，但它必须能够清楚地表达出它所链接内容。图表下应附有文字说明，以防止图像抵达不清而引发混同。（2）无任何链接内容不要做成按钮形式。（3）使用惯用颜色。防止在链接处使用特殊颜色，应该使用标准、醒目标颜色。屏幕上显示页面所对应按钮应该对应变成灰色，或突出显示，或以其它方式表示出来。（4）每个页面都应包含代表“返回”或“前进”箭头。网站系统设计培训课程第47页第3章

网站系统设计

3.联络方式页面（ContactPage）创建可转到发送E-mail信息屏幕连接。网站地址能够自动地出现在“收信人”栏中。这么，访问者在录入相关内容后，点击“发送”按钮，即可完成操作。此页面还应包含其它联络方式，比如通信地址及联络人、传真、电话号码等。在导航栏中应能很方便地找到这些信息。4.反馈表（FeedbackForms）利用反馈表，访问者能够随时提出信息需求，而无须再打电话联络。反馈表还为那些没有E-mail账号用户提供了方便。每一个反馈对企业来说都是一个不停提升服务质量，以满足用户需求机会。从反馈表中能够发觉，在站点中哪些信息是主要，哪些是无关紧要。另外，还能够考虑加设消息栏，用户能够在此发表一些评论，提出他们所关心问题。这不但以使他们与企业保持联络，而且能够让他们相互之间进行交流。

网站系统设计培训课程第48页第3章

网站系统设计

5.引人入胜内容（CompellingContent）在每页中都要包含相关、引人入胜内容。尤其是当要销售某种产品时候，每个页面都要用精心修饰内容和图像。企业目标是为了吸引普通用户，所以站点上所使用语言也应该通俗易懂，并对专业用语及技术术语进行解释。可将尤其主要内容用符号标识出来，但不要用得过多，以保持页面简练，不要把站点建成单纯网上企业介绍。6.常见问题解答（FAQ）创建FAQ能够防止重复回答相同问题，假如将问题列于FAQ页面上部，并将每个问题与答案连接在一起，能够节约企业和访问者双方时间和精力。须确认在导航栏中包含有FAQ按钮。7.精美图像（GoodGraphics）图像不应使用过多，但要选择适当、无需太多内存及下载时间图像。有两种保持图像方法：能够经过将图像保留为16色而不是256色来处理图像；也能够对每页文字和图像进行限制。网站系统设计培训课程第49页第3章

网站系统设计

8.相关站点链接（RelevantLinks）成功网站通常都能够链接到其它站点，以提供更多相关信息。对每个链接都要做简明说明，以帮助访问者选择最适合其需求站点。企业需要对所链接站点做定时访问，删除那些死站点，以免使访问者感到厌烦。每七天维护一次就足够了，但要持之以恒。3.4网站设计惯用技术Internet是发展最快领域，新网页制作技术几乎天天都会出现，企业站点应该合理地利用网页制作新技术，不要将网站变为一个单纯制作网页技术展台，记住用户方便、快捷地得到所需要信息是最主要。3.4.1惯用网站设计技术从技术上讲，设计站点并不十分困难。当前，有很多网页设计软件，比如FrontPage、Hotdog等，都能够帮助我们方便地设计制作网页。专业化网站建设更主要意义表达在经过各种应用开发，实现数据库调用及多媒体信息播放等功效，进而完成网络营销站点中交互功效。所以，网络设计者不但从技术人员角度来学习怎样设计制作主页，更多是要站在经营者市场从事商业站点主页设计。

网站系统设计培训课程第50页第3章

网站系统设计对于网站设计者来说，必须学习、跟踪、掌握网页设计新技术，将站点功效有机地与内容结合起来。这实际上对网站设计者素质要求极高，因为这是一个正在形成和蓬勃发展新领域，几乎天天都会有新技术和规范产生，详细如Java、DHTML、XML、DOM等新技术，需要不停学习才能不落伍。为此，在建设网站时，就需要依据不一样功效采取不一样设计技术。就当前情况来看，企业网站设计技术基本上有七种。1.网页设计技术网页设计技术无疑是网站开发基本功。网站是否美观大方，是否拥有强烈视觉冲击力，与网页设计技术亲密相关。设计网页技巧各种多样，各类参考书籍也是数不胜数。2.数据库技术当前，数据库技术在网站设计上非常流行。实际上，一个网站假如没有数据库技术支持，它维护成本会相当高昂。采取数据库技术最大好处于两个方面：一是方便用户浏览、查询检索以及统计比较等；二是轻易进行信息、数据更新，系统维护成本相对较低。数据库技术能够广泛应用于企业网站，常见有：网站系统设计培训课程第51页第3章

网站系统设计（1）新闻数据库系统。它能够使企业及时更新资料，并让用户快速查阅关于企业各项新闻动态资料。（2）产品数据库系统。它能够集中进行企业产品介绍、评价、导购、检索、网上订购和使用问答等等。（3）调查数据库系统。它能够在网上进行服务调查、产品调查、形象调查、宣传调查等，并能够自动进行统计分析。（4）用户数据库系统。它经过用户网上注册，能够提供良好售后服务。3.表单回收技术所谓表单回收技术是指在网上设置一些表格，用户填写之后，能够自动反馈给企业。表单回收技术并不复杂，因而在Internet中应用非常广泛。尤其是在企业网站建设当中，少了表单回收技术，网站功效就会大大逊色。

网站系统设计培训课程第52页第3章

网站系统设计企业网站应用表单回收技术主要包含：用户提议、投诉、人才招聘、招商合作、意见反馈等。4.邮件列表技术邮件列表（Mailing

List）技术能够让用户及时订阅企业最新资料或者网站更新动态。假如企业希望更多访问者留下联络信息话，提议采取这一技术。5.全文检索技术采取全文检索技术，能够让用户快速查找到所需要内容。假如企业网站比较大，应该使用这一技术。6.搜索引擎技术这个技术能够把与企业相关资料、网站集合在一起，从而使用户快速查阅与企业产品、服务、权益等相关各种资料。比如，企业网站是彩电类，应用搜索引擎技术，经过网站就能够链接到大量与彩电知识相关网站。这么网站自然是尤其轻易受到用户欢迎，这也是当前最为流行“企业门户网站”概念。网站系统设计培训课程第53页第3章

网站系统设计

7.电子商务技术采取电子商务技术，能够实现网上订购与交易功效，但因为此项技术包括到资金转移，因而难度很高，当前还未形成气候。但此项技术将是企业网站发展方向之一，所以在网站设计时应该留一个发展余地。理论上说，囊括了上述技术网站无异将是非常出众。但有一点：必须注意，假如全部采取上述技术，其投入费用相当高。所以，在实际运作中，企业应该依据自己实际情况和实际能力，量力而行。在知识爆炸信息时代，要想建立—个成功网站，吸引大量来访者，必须有快速连接速度、丰富内容和不停地更新，同时也要有一套完善安全机制。这么除了完善对采编人员管理机制外，网站合理结构和高性能就成为决定性原因。网站性能包含网络性能（包含网络带宽、拓扑结构等），服务器性能（包含CPU、RAM等），系统软件性能（包含操作系统、Web服务器、数据库等），应用程序性能（包含程序结构、数据结构、算法效率等）。网站系统设计培训课程第54页第3章

网站系统设计

3.4.2首页设计首页设计是一个网站成功是否关键。是否能够吸引浏览者留在站点上，是不是能够促使浏览者继续点击进入，全凭首页设计效果。所以，首页设计和制作是绝对要重视和花心思。从根本上说，首页就是全站内容目录，也是一个索引。但只是罗列目录显然是不够，怎样设计好一个首页呢？这需要处理好以下两方面工作。1.确定首页功效模块首页内容模块是指在首页上需要实现主要内容和功效。Web站点首页应具备基本成份包含：页头，准确无误地标识企业站点和标志；E-mail地址，用来接收用户垂询；联络信息，如普通邮件地址或电话、版权信息。注意可重复利用已经有信息，比如客户手册、公共关系文档、技术手册和数据库等。普通站点都需要以下一些模块：网站名称（Logo）、广告条（Banner）、主菜单（Menu）、新闻（What'snew）、搜索（Search）、友情链接（Links）、邮件列表（MailList）、计数器（Count）、版权（Copyright）等。

网站系统设计培训课程第55页第3章

网站系统设计选择哪些模块，实现哪些功效，是否需要添加其它模块，这些都是首页设计首先需要确定。2.设计首页版面在功效模块确定后，开始设计首页版面。像搭积木一样，每个模块是一块积木，怎样拼搭出一座漂亮房子，就看设计者创意和想象力了。设计版面最好方法是：找一张白纸、—支笔，先将理想中草图勾勒出来，然后再用网页制作软件实现。在设计中，应防止“封面”问题。封面是指没有详细内容，只放一个标徽Logo点击进入，或者只有简单图形菜单首页。除非是艺术性很强站点，或者确信内容独特足以吸引浏览者深入点击进入站点，不然话，封面式首页并不会给企业站点带来什么好处。用户上网浏览需要是快速、有价值信息，假如等候若干分钟，只显示出一个粗劣“进入”图标，那么没有些人会再耐心地等候进入下一页。

网站系统设计培训课程第56页第3章

网站系统设计

3.4.3网站内容开发Internet最大资源优势在于它多媒体功效，因而要尽一切努力开发挖掘，吸引浏览者保持注意力。因而网页画面内容应该有一定实用性，如产品介绍能够用三维动画来表现。这里需要注意问题是，因为网络带宽限制，在使用多媒体形式表现网页内容时，应考虑客户端传输速度，或者说，应将多媒体内容控制在用户可接收下载时间内。1.协调页面元素关系网络上三维空间是一个假想空间，这种空间关系需要借助动静改变、图像百分比关系等空间原因表现出来。在页面中，图片、文字之间前后位置及疏密程度所产生视觉效果各不相同。在网页上，图片、文字前后叠压所组成空间层次当前还不多见，常见是一些设计得比较规范化、简明化页面，这种叠压排列能产生强节奏空间层次，视觉效果强烈。网站系统设计培训课程第57页第3章

网站系统设计比如，页面上、左、右、下、中位置所产生空间关系，以及疏密位置关系所产生空间层次，这两种位置关系使视觉流程生动而清楚，注目程度高，疏密位置关系改变使空间层次富有弹性，同时也让人产生轻松或紧迫心理感受。需要指出是，伴随Web普及和计算机技术迅猛发展，人们已不满足于HTML语言编制二维Web页面，三维世界诱惑开始吸引更多人。虚拟现实要在Web网上展示其迷人风采，于是VRML语言出现了。VRML是一个面向对象语言，它类似Web超级链接所使用HTML语言，也是一个基于文本语言，并能够运行在各种平台之上，只不过能够更多为虚拟现实环境服务。但VRML只是一个语言，对于三维环境艺术设计仍需要理论和实践指导。2.网站内容开发关键点影响网站成功原因主要有网站结构合理性、直观性，多媒体信息实效性。成功网站最大秘诀在于让用户感到网站对他们非常有用，所以，网站内容开发对于网站建设至关主要。网站系统设计培训课程第58页第3章

网站系统设计进行网站内容开发关键点包含：●HTML文档效果由其本身质量和浏览器解释HTML方法决定。因为不一样浏览器解释方法不尽相同，所以在网页设计时要充分考虑到这一点，让全部浏览器都能够正常浏览。●网站信息组织没有任何简单快捷方法，吸引用户关键在于总体结构层次分明。应该尽可能防止形成复杂网状结构。网状结构不但不利于用户查找感兴趣内容，而且在信息不停增多后还会使维护工作非常困难。●图像、声音和视频信息能够比普通文本提供更丰富和更直接信息，产生更大吸引力，但文本字符可提供较快浏览速度。所以，图像和多媒体信息使用要适中，降低文件数量和大小是必要。网站系统设计培训课程第59页第3章

网站系统设计●对于任何网站，每一个网页或主页都是非常主要，因为它们会给用户留下第一印象，好第一印象能够吸引用户再次光临这个网站。●网站内容应是动态，随时进行修改和更新，以使自己网站紧跟市场时尚。在主页上，注明更新日期及URL对于经常访问用户非常有用。●网页中应该提供—些联机帮助功效。比如输入查询关键词就能够提供一些简单例子，千万不能让用户不知所措。●网页文本内容应简明扼要、通俗易懂。全部内容都要针对设计目标而编写，不要节外生枝。文字要正确，不能有语法错误和错别字。网站系统设计培训课程第60页第3章

网站系统设计下面以培训站点为例，简明给予说明。一个培训站点基本包含以下三部分内容：（1）关于培训详细介绍，比如培训学校背景、培训课程、培训老师、培训方式、招生简章、报名程序等。（2）帮助学员深入了解培训和学习场所，比如教学论坛、实习天地、学员作品选登等。（3）一些指向相关站点链接，比如相关软件无偿下载、实时新闻、其它著名同类站点、合作搭档等。假设企业要为自己做一个电视节目，不过企业不可能在摄制组来了之后才开始构思。企业事先要准备一个脚本，并非常仔细地列出企业所需要全部要素，然后按次序来实施，这么才可能做出企业想要节目。从某种意义上说，企业主页也是一个节目，它将向世界展示企业。对那些仅仅经过企业主页了解企业访问者来说，只有内容看起来令人感兴趣、并值得一看网站，他们才会认为值得访问。

网站系统设计培训课程第61页第3章

网站系统设计就像一个电视节目—样，企业计划最终究为两大类：内容和技术。当然，此二者是相互关联。企业页面内容类型将决定企业要准备技术细节；技术限制也将影响企业对内容选择。企业将在二者间不停寻找平衡点。3.Web站点经典内容企业Web站点应包含以下经典内容。（1）企业基本背景介绍企业背景介绍材料，假如有条件，最好能够提供对应英文版，介绍文字最好提供简单和详实两个版本。专业电子版企业介绍应该含有图文混排非HTML格式，比如能够使用AcrobatPDF格式供客户下载，因为Acrobat文件能够保持图文排列整体观感。

网站系统设计培训课程第62页第3章

网站系统设计

（2）详细产品资料或服务介绍生产制造类企业应该把自己主要产品全貌反应在网站上，让客户能够查询到产品主要技术规格、照片和其它可公开信息；服务类企业应该经过各种伎俩把详尽服务内容和条款列出。为使企业产品能够在网站上用更形象伎俩表达，能够采取VRML编辑器构筑一些虚拟现实场景。依据企业产品或服务门类多少，企业网站也应该采取不一样内容结构方式。假如企业产品线比较复杂，而且经常有产品升级换代，那么最好采取Web数据库技术，让访问者能够进行数据库查询和分类检索。（3）技术支持资料除了产品说明书之外，企业还应该掌握自己产品更多信息，比如常见故障处理、计算机产品编程接口等。这些资料假如能够公开，可放入网站，以减轻企业技术支持人员工作量。网站系统设计培训课程第63页第3章

网站系统设计（4）企业营销网络很多企业在总部以外都有其它分支机构，为此企业应该在网站上列出全球范围内全部可接洽到办公场所，包含它们电话、传真、电子邮件，并列出它们各自职能。（5）财务汇报对于股份制尤其是上市企业，应该将主要财务汇报上网，让股民能够方便查询到这些信息，包含中报、年报和各种配股计划。（6）搜集客户反馈在企业网站上应该最少带有一个客户反馈表单，用于搜集客户和普通访问者对企业改进产品和服务意见或提议。网络管理员应该经常检验提交上来内容，并及时转交给企业决议部门使用。网站系统设计培训课程第64页第3章

网站系统设计

（7）其它针对企业经营特点内容比如服装制造企业能够加入一些时尚网站链接，音响制品厂商能够加入音乐站点链接。不过，千万不要直接链接到竞争厂商网站。在企业Web站点建立后，要不停更新内容，利用这种新媒体宣传本企业企业文化、企业理念和企业产品。站点信息不停更新和新产品不停推出，会让浏览者感到企业实力和发展，同时也会使企业愈加有信心。在企业web站点上，要认真回复用户电子邮件、传统信件、电话垂询和传真，做到有问必答。最好将用户进行分类，比如售前—般了解、销售、售后服务等，由相关部门处理，使网站访问者感受到企业真实存在，产生信任感。

网站系统设计培训课程第65页第3章

网站系统设计需要注意是，不要许诺实现不了内容，在企业真正有能力处理回复之前，不要哀求用户输入信息或罗列一大堆自己不能及时回复电话号码。假如要求访问者自愿提供其个人信息，应公布并认真推行个人隐私保护承诺，如不向第三方提供此信息等。3.4.4页面可视化设计页面可视化设计主要包含页面组织效果、页面色调效果、页面版式设计、页面美术设计等几方面内容。1.页面组织效果形式服务于内容，内容又为目标服务，形式与内容统一是设计网页基本标准之一，应将丰富意义和多样形式组织在一个统一结构里，且形式语言必须符合页面内容，表达内容丰富含义。网站系统设计培训课程第66页第3章

网站系统设计在页面组织过程中，能够利用对比与调和、对称与平衡、节奏与韵律以及留白等伎俩。比如，经过空间、文字、图形之间相互关系建立整体均衡状态，产生友好美感。对称标准在页面设计中，它均衡有时会使页面显得呆板：但假如加入一些动感文字、图案，或采取夸大手法来表现内容，往往会到达比很好效果。点、线、面是视觉语言中基本元素，使用点、线、面相互穿插、相互衬托、相互补充，可组成最正确页面效果。（1）点点是全部空间形态中最简练元素，也能够说是最活跃、最不安分元素。设计中，一个点就能够包罗万象，表达设计者无限心思，网页中图标、单个图片、按钮或一段文字等都能够说是点。点是灵活多变，我们能够将一排文字视为一个点，或将一个图形视为一个点。在网页设计中点，因为大小、形态、位置不一样而会给人不一样心理感受。网站系统设计培训课程第67页第3章

网站系统设计

（2）线线在编排设计中有强调、分割、导线、视觉线作用。线会因方向、形态不一样而产生不一样视觉感受，比如垂直线给人平稳、屹立感觉：弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，经过线分割确保页面良好视觉秩序。页面在直线分割下，产生友好统一美感；经过不一样百分比空间分割，有时会产生空㈨层次韵律感。（3）面面形态除了规则几何形体外，还有其它—些小规则形态，它表现形式是各种多样。面给人以整体美感，使空间层次丰富，使单—空间多元化，在表示上较含蓄。网页设计中点、线、面利用并不是孤立，很多时候都需要将它们结合起来，以表示完美设计意境。网站系统设计培训课程第68页第3章

网站系统设计

2.页面色调效果色彩是艺术表现要素之一，在网页设计中，依据友好、均衡和重点突出标准，将不一样色彩进行组合、搭配来组成漂亮页面。色调及黑、白、灰三色空间关系不论是在设计上，还是在绘画上都起着主要作用。在页面上一定得明确色调，而其它有色或无色内容均属黑、白、灰三色空间关系，从而组成它们空间层次。色彩会对人们心理产生影响，应合理地加以利用。按照色彩记忆性标准，普通暖色较冷色记忆性强。另外，色彩还含有联想与象征特质，比如，红色象征火、血、太阳：蓝色象征大海、天空和水面等。设计出售冷食虚拟店面，可使用清凉而沉静颜色，使人心埋上会感觉清凉一些。网站系统设计培训课程第69页第3章

网站系统设计在色彩利用过程中，还应注意一个问题是：因为国家和种族不一样，宗教和信仰不一样，生活地理位置、文化涵养差异，不一样人群对色彩喜恶程度有着很大差异。比如，儿童喜欢对比强烈、个性鲜明纯颜色：生活在草原上人喜欢红色：生活在闹市中人喜欢淡雅颜色；生活在沙漠中人喜欢绿色。在设计中要考虑各企业主要读者群背景和组成。关于色彩原理有许多，在此仅仅阐述一些网页配色时惯用技巧。（1）用一个色彩。这里是指先选定一个色彩，然后调整透明度或者饱和度（说得通俗些就是将色彩变淡或加深），产生新色彩，用于网页。这么页面看起来色彩统一，有层次感。（2）用两种色彩。先选定一个色彩，然后选择它对比色。（3）用一个色系。简单说就是用一个感觉色彩，比如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。网站系统设计培训课程第70页第3章

网站系统设计在网页配色中，还要切记一些误区：（1）不要将全部颜色都用到，尽可能控制在三种色彩以内。（2）背景和前文对比尽可能要大，绝对不要用花纹繁复图案作背景，方便突出主要文字内容。3.页面版式设计设计版面就像传统报刊杂志编辑—样，将网页看作一张报纸、一本杂志来进行排版布局。即使动态网页技术发展使得我们开始趋向于学习场景编剧，不过固定网页版面设计基础依然是必须学习和掌握。它们基本原理是互通，读者能够领会其关键点，举一反三。版面指是浏览器看到完整—个页面（能够包含框架和层次）。因为每个人显示器分辨率不一样，所以同一个页面大小可能出现640~480像素、800~600像素、1024x768像素等不一样尺寸。网站系统设计培训课程第71页第3章

网站系统设计

（1）版面布局步骤①草案属于创造阶段，不考究细腻工整，也无须考虑细节功效，只以粗陋线条勾画出创意轮廓即可。尽可能多画几张，最终选定一幅满意作为继续创作脚本。②粗略布局在草案基础上，将需要放置功效模块安排到页面上。功效模块主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器和版权信息等。注意，这里必须遵照突出重点、平衡协调标准，将网站标志、主菜单等最主要模块放在最显眼、最突出位置，然后再考虑次要模块排放。③定案将粗略布局精细化、详细化，最终到达满意定案。网站系统设计培训课程第72页第3章

网站系统设计对于版画布局设计，应该重视以下标准：加强视觉效果，加强文字图案可视度和可读性；统一感视觉；新鲜和个性是布局最高境界。网页设计作为—种视觉语言，当然要考究编排和布局，即使网页设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计经过文字及图形空间组合，表示出友好与美。一个优异网页设计者应该知道哪一段文字及某个图形该落于何处，才能使整个网页生辉。网页设计者应努力做到整体布局合理化、有序化、整体化。优异之作善于以巧妙、合理视觉方式使一些语言无法表示思想得以阐述，做到既丰富多样，又简练明了。多页面站点编排设计要求从页面之间有机联络反应出来，这里主要问题是页面之间和页面内秩序与内容关系。为了到达最好视觉表现效果，应考究整体布局合理性。尤其是关系十分紧密有上文关系页面，一定要设计有向前和向后按钮，便于浏览者能够往返仔细研读。网站系统设计培训课程第73页第3章

网站系统设计

（2）惯用版面布局形式①“T”结构布局所谓“T”结构就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容布局。因为菜单条背景较深，整体效果类似英文字母“T”，所以称为“T”形布局。这是网页设计中使用最广泛—种布局方式。这种布局优点是页面结构清楚、主次分明，且是初学者最轻易掌握布局方法。缺点是规矩呆板，假如色彩细节上再不注意，很轻易让人看后乏味。’②“U”形布局这是一个象形说法，就是页面普通上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间窗口型设计，比如网易壁纸站。网站系统设计培训课程第74页第3章

网站系统设计④对称对比布局顾名思义，采取左右或者上下对称布局，—半深色：另二分之一浅色普通用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。⑤POP布局POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面设计中心。这类布局惯用于时尚类站点，比如ELLE.com。优点是显而易见，漂亮吸引人，缺点是速度慢。以上总结了当前网络上常见几个布局，另外还有许许多多别具一格布局，关键在于网站本身创意和设计。4.页面美术设计网站系统设计培训课程第75页第3章

网站系统设计专业美术设计人员帮助对企业站点成功设计是至关主要。即便是一个没有一点网页设计经验专业美术设计人员，也能提供很多关于排版、色彩等方面提议。实际上，很多传统出版行业规则和禁忌，也大都适合用于网页设计。网页设计与其它出版设计最大不一样表现在以下三方面：（1）传输媒介不一样许多用户是用MODEM上网，考虑到用户容量程度，图形普通不宜太大；通常每个图形应小于30KB，