网站建设与管理第六章 网站建设的系统设计

高等院校电子商务专业本科系列教材——网站建设与管理第6章

网站建设的系统设计

6.1系统总体设计6.2系统详细设计6.3数据库设计

高等院校电子商务专业本科系列教材——网站建设与管理第6章

网站建设的系统设计

6.1系统总体设计网站的设计原那么网站名称及主题设计6.1.3网站形象〔CI〕设计6.1.4网站结构设计

高等院校电子商务专业本科系列教材——网站建设与管理网站的设计原那么〔1〕明确建立网站的目标和用户需求〔2〕总体设计方案主题鲜明〔3〕统一的版式设计〔4〕合理的色彩选择〔5〕网页形式与内容相统一高等院校电子商务专业本科系列教材——网站建设与管理6.1.2网站名称及主题设计

网站名称是指呈现在网站首页上，起到区别于其他网站目的的文字。应该遵循以下要素：〔1〕合理合法〔2〕通俗易懂〔3〕别具一格1〕网站名称设计高等院校电子商务专业本科系列教材——网站建设与管理6.1.2网站名称及主题设计

网站主题，就是网站的题材。要想在网络的海洋中脱颖而出，合理定位网站主题十分重要。对于网站主题的选择，应该注意以下几点：〔1〕主题小而精。〔2〕主题新颖2〕网站主题设计高等院校电子商务专业本科系列教材——网站建设与管理6.1.3网站形象〔CI〕设计CI，即CorporateIdentity，是指通过视觉来统一企业地形象。准确的、有创意的CI设计，对于网站的宣传推广具有事半功倍的效果。1〕网站CI的特点〔1〕表达手段不同〔2〕传播形式不同〔3〕受众不同高等院校电子商务专业本科系列教材——网站建设与管理6.1.3网站形象〔CI〕设计〔1〕设计网站的标志标志是通过造型简单、意义明确、标准统一的视觉符号。〔2〕设计网站的标准字体标准字体是指经过加工的专门用来表现网站的字体。〔3〕设计网站的标准色彩标准色彩能够使得识别设计的意义更丰富，更具完整性、识别性〔4〕设计网站的宣传标语宣传标语使得CI形象设计更具文化性和社会性

2〕网站CI设计高等院校电子商务专业本科系列教材——网站建设与管理6.1.4网站结构设计

网站前台结构设计就是根据网站特性、建站目的、信息类别，将信息和功能分类划分并细化形成结构脉络，整理后放置于不同层次网页，其主要步骤如下：〔1〕确定内容和功能需求〔2〕分类并标记内容〔3〕功能分配〔4〕完成设计文档

1〕网站前台结构设计高等院校电子商务专业本科系列教材——网站建设与管理6.1.4网站结构设计

后台结构设计过程需要着重从网站可用性、高性能、可扩展性、可维护性和平安管理等方面考虑，设计最终是要给用户提供一个易于使用的网站，实现易于使用的目标。〔1〕硬件结构设计〔2〕软件结构设计〔3〕数据库结构设计

2〕网站后台结构设计高等院校电子商务专业本科系列教材——网站建设与管理第6章

网站建设的系统设计

6.2系统详细设计网站版块设计网站栏目设计6.2.3网站总体风格〔Style〕与创意设计6.2.4网站页面设计6.2.5网站首页设计高等院校电子商务专业本科系列教材——网站建设与管理6.2.1网站版块设计

骨骼型、满版型、分割型、中轴型、焦点型〔1〕视觉路径规律〔2〕方块的使用〔3〕对齐和间距〔4〕主次关系1〕网站版块的根本类型2〕网站版块设计本卷须知高等院校电子商务专业本科系列教材——网站建设与管理

6.2.2

网站栏目设计

〔1〕紧扣主题原那么〔2〕精简原那么〔3〕提纲挈领的原那么〔4〕凸显特色的原那么〔1〕分类法将即将在网站上展示的所有资料进行分门别类，每一个类别形成一个栏目。〔2〕参照法参照同类网站所设置的栏目，结合实际需要进行栏目设置的方法。1〕网站栏目设计原那么2〕网站栏目设计方法高等院校电子商务专业本科系列教材——网站建设与管理6.2.3网站总体风格〔Style〕与创意设计电子商务网站的风格是指站点的整体形象给浏览者的综合感受，是这个站点的与众不同之处。树立电子商务网站的风格可以从以下几个方面着手：〔1〕色调〔2〕简繁〔3〕字体的使用〔4〕网站风格的统一1〕网站总体风格设计高等院校电子商务专业本科系列教材——网站建设与管理6.2.3网站总体风格〔Style〕与创意设计网站创意设计，就是为网站制造新款式、新口味和新的个性特征的一种专业加工，一个成功的创意可以使网站在多方面表达出一种别具一格的风格。一般来说，网站的创意设计通常始于对目标及内容设计结构等进行的审视分析，通过分析，根据分析结果明确网站经营目标和客户群体的特点，以此有针对性确实定创意设计的目标，包括创意的结构、呈现方式、以及具体内容，最后，通过总结思考结果，形成一个完整的创意，并进行应用。2〕网站创意设计高等院校电子商务专业本科系列教材——网站建设与管理

6.2.4

网站页面设计

〔1〕注目性注目性是指页面形象要能引起浏览者视觉的注意。〔2〕适应性适应现代社会的特点以及浏览者的文化层次、生理、心理因素，〔3〕记忆性记忆性是指形象能长期地记忆于脑中,并能形成一定的条件反射。〔4〕选择性在引导不同信息的标题和图形时可以将之点化或线化，从而形成视觉注意的中心，便于用户选择性浏览。

1〕网站页面设计原那么高等院校电子商务专业本科系列教材——网站建设与管理

6.2.4

网站页面设计

〔1〕色彩搭配面的色彩设计决定了网站的根本风格和特征，给人以丰富的想像和联想。〔2〕文字、字体与图像文字具有比其他视觉元素更加易于辨识的信息传达的。文本字体一般应该使用默认字体，保证浏览者访问的快速、准确。图片传达信息的直观性与寓意性远远超过文字，而且也大大美化了网络页面。〔3〕网页文本根据浏览者的需求来确定网页的文本，进行创意的同时保证内容丰富、组织合理。

2〕网站页面设计要素高等院校电子商务专业本科系列教材——网站建设与管理

6.2.5

网站首页设计

对于一个网站来说，首页是最为重要的页面，它不仅会有比其他页面更大的访问量，更代表了整个网站的形象，决定了浏览者的去留。〔1〕根本信息必须显著首页是一个网站的核心界面，必须适当强调企业名称、标志等根本信息。〔2〕主题鲜明

网站首页设计的最终目的是为了到达最正确的主题诉求。〔3〕内容明确

首页必须做到对整个网站的结构进行规划，对内容进行分类。1〕网站首页设计重要性2〕网站首页设计原那么高等院校电子商务专业本科系列教材——网站建设与管理第6章

网站建设的系统设计

6.3网站数据库设计6.3.1

数据库设计概述

6.3.2

需求分析

6.3.3概念结构设计

6.3.4

逻辑结构设计

6.3.5

物理结构设计

6.3.6

实施与维护

高等院校电子商务专业本科系列教材——网站建设与管理

6.3.1

数据库设计概述

现实世界的复杂性与多样性决定了，要想设计一个优良的数据库系统，减少系统开发的本钱以及运行维护代价，延长系统使用周期，必须以科学的数据库设计理论为根底，在具体的设计指导原那么下，采用科学的数据库设计方法来进行数据库的设计。目前，数据库设计的方法有许多种，这些方法各有特点和局限，但是都利用了软件工程的思想和方法，提出了各自的设计准那么和设计规程。参考众多的数据库设计方法，本书将数据库设计分为五个阶段：需求分析、概念结构设计、逻辑结构设计、物理结构设计以及实施与维护。高等院校电子商务专业本科系列教材——网站建设与管理6.3.2

需求分析

需求分析是通过详细调查现实世界要处理的对象充分了解原系统工作概况，明确各用户的各种需求，在此根底上确定新的功能。结合需求分析的目的，可以把需求分析分为四个阶段：〔1〕分析用户活动〔2〕确定系统边界〔3〕分析用户活动所涉及的数据〔4〕分析系统数据。

高等院校电子商务专业本科系列教材——网站建设与管理6.3.3概念结构设计

为了清楚表达一个系统人们往往将其分解成假设干个子系统，子系统还可以再分，而每个子系统就对应一个局部应用。高层的数据流图只反映系统的概貌，而中间层的数据流图较好地反映了各局部应用子系统，是划分局部E-R模型的依据。选定适宜的中间层局部应用后，通过各局部应用所涉及到的收集再数据字典中的数据，参照数据流图来标定局部应用中的实体、实体的属性、实体的码、实体间的联系以及它们联系的类型来完成局部E-R模型的设计。

1〕设计局部应用的E-R模型高等院校电子商务专业本科系列教材——网站建设与管理6.3.3概念结构设计

对局部E-R图进行集成，把各局部E-R图加以综合连接在一起，使同一实体只出现一次，消除不一致和冗余。集成后E-R图应满足以下要求：〔1〕完整性和正确性：整体E-R图应包含局部E-R图所表达的所有含义，完整地表达所有局部E-R图中应用相关的数据。〔2〕最小化：系统中的对象原那么上只出现一次。〔3〕易理解性：设计人员与用户能够容易理解集成后的全局E-R图。

2〕全局E-R模型的设计高等院校电子商务专业本科系列教材——网站建设与管理6.3.4

逻辑结构设计

逻辑结构设计的目的是产生一个具体的DBMS可处理的数据模型和数据库模式，把概念设计阶段的全局E-R图转换成DBMS支持的数据模型，〔1〕将概念结构转换为一般的关系，网状或层次模型。〔2〕将转换来的关系、网状、层次模型向DBMS支持下的数据模型转换，变成适宜的数据库模式。〔3〕对模式进行调整和优化。1〕逻辑结构设计的步骤高等院校电子商务专业本科系列教材——网站建设与管理6.3.4

逻辑结构设计

逻辑结构的设计是E-R图向关系模型的转换。即将实体、实体的属性、实体间的联系转换成关系模型中的关系、属性和联系。原那么如下：〔1〕对于实体，一个实体转换成一个关系模式。〔2〕对于一对一的联系，可以将联系转换成一个独立的关系模式，也可以与联系的任意一端对应的关系模式合并。〔3〕对于一对多的联系，可以将联系转换成一个独立的关系模式，也可以与“多〞端对应的关系模式合并。〔4〕对于多对多的联系，可以将其转换成一个独立的关系模式。2〕E-R图转换为关系模型高等院校电子商务专业本科系列教材——网站建设与管理6.3.4

逻辑结构设计

〔1〕用数据依赖分析和数据项之间的联系，确定数据项之间的依赖。〔2〕对各个关系模式间的数据依赖进行极小化处理，消除冗余的联系。〔3〕按照数据依赖理论对关系模式进行分析，考虑是否存在局部依赖，传递依赖，多值依赖，确定各关系模式分别数据第几范式。〔4〕按照需求分析阶段得到的处理要求，分析这些模式对于这样的应用环境是否适宜，确定是否要对这些模式进行合并和分解。〔5〕对关系模式进行必要的分解，提高数据操作的效率和存储空间的利用率。3〕逻辑结构的优化高等院校电子商务专业本科系列教材——网站建设与管理6.3.5

物理结构设计

在关系数据库中，选取存取路径主要是确定如何建立索引。选择索引存取方法，实际上就是根据应用要求确定对关系的哪些属性建立索引，哪些建立组合索引，哪些建立唯一索引。

确定数据的存放位置和存储结构要综合考虑数据的存取时间、存储空间利用率以及维护代价等几个方面的影响。1〕关系模式存取方法选择2〕确定系统的存储结构高等院校电子商务专业本科系列教材——网站建设与管理6.3.6

实施与维护

在完成了数据库的概念设计、逻辑设计和物理设计之后，需要在此根底上实现设计，进入数据库实施阶段。数据库的实施一般包括以下几个步骤：