第07章 网站详细设计-2.课件电子教案

第7章电子商务网站设计徐天宇本章主要介绍以下内容：⑴电子商务网站概述⑵网站分析与设计；⑶网站的信息构架设计

7.4页面流程设计与典型页面流程页面流程设计的任务是确定为完成某一功能，访问者可能经历的可视化页面，并把这一流程描述出来。等级主题结构7.4.1典型信息获取页面流程商品浏览典型信息获取页面流程主页小类大类中类商品详细页面商品查找典型信息获取页面流程商品查找结果列表商品详细页7.5.3页面流程设计页面流程设计又称为用户经历设计。页面流程反映了访问者在浏览网站时的访问经历。设计者为访问者设计这些浏览经历的工作就是页面流程的设计。对于用户的一些特殊的功能，其页面流程是非典型的，需要专门描述。页面流程设计非典型页面流程设计是依据是：调查结果特殊业务的业务流程图特殊业务的数据流程图划分网站页面网站访问者的访问经历是由网站的一系列有序网页所构成的。网站访问者之所以要沿着有序的网页进行访问，一定是基于某种目的。这种目的主要可划分为两种：完成某种业务活动获取某种信息访问的目的性确定了网站页面有序链接7.4.2.1基本页面链接结构网站通常采用的页面链接结构形式可归纳为三种:线性结构、树状结构、网状结构。1.线型结构线型结构是将多个网页按照一定的先后次序链接起来的网页逻辑结构。访问者只能按设计的网页顺序依次访问。线型结构带选择的线型链接结构1带选择的线型链接结构22.层次链接结构首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构页面在被浏览时，一级一级地进入，一级一级地退出。优点是：条理清晰缺点是：浏览效率低层次链接结构③网状结构这种结构方式可以把访问者带到一个站点的其他功能模块中去，也可以把他带到其他的站点中去，其目的就是要充分利用网上的资源和链接。优点：符合人脑的联想记忆和思维方式，能够最大限度的尊重访问者的自主性，充分发挥人的学习潜力。缺点：导航力弱、容易产生信息迷航的缺陷。这种链接结构还有的三个缺点：必须专门在网页上留出一块地方安置链接枢纽，占用宝贵的网页面积；链接太多，容易使浏览者迷失方向，搞不清自己在什么位置，看了多少内容；这种链接要求每次翻页都会将页面全屏刷新，在显示速度上会慢了许多。7.5.3.2页面流程设计要求页面流程设计有如下设计要求：⑴用矩形框表示页面，用箭线表示流向；⑵应标明页面名称和文件名称；⑶应符合业务处理逻辑或信息组织逻辑；例首页index.jsp登陆页面register.jsp会员中心页面member_center.jsp服务内容页面serve_info.jsp会员服务页面member_serve.jsp申请服务页面serve_add.jsp申请成功页面serve_success.jsp7.5信息构架的物理设计信息构架的物理设计的任务根据各个信息节点上确定的子功能，确定每一信息节点的可能有的文件形式，并确定这些文件的物理存储位置，最后确定整个网站的物理结构网站物理结构设计

网站的物理结构是指网站文件的物理存储结构，也就是网站文件在服务器上存储的方式。网站的物理结构体现为网站在服务器上的目录结构(反映网站的管理层次)。信息构架物理设计的结果可用网页规格说明表来描述网页规格说明表文件名称全路径说明index.jsp/index.jsp首页网站物理结构设计接上图图书商品文件夹中包含的页面网站目录结构的设计通常遵循以下原则①不应将所有的文件都放在根目录下；②根据栏目规划和功能来设计目录结构；③每个目录下都建立独立的images子目录；④目录的层次不宜太多；⑤最好不要使用中文目录名；⑥将可执行文件与不可执行文件分开放置；⑦数据库文件单独放置。7.6导航系统设计导航是指借助一定的信息，引导用户，使之能够快速正确地到达其预定目标的行为。导航设计的目标是方便用户浏览，将整个网站的内容有机地链接在一起。7.6导航系统设计网站导航体系需要解决以下问题:我在哪里?我曾经去过哪里?我可以去哪里?7.6.1导航系统的特点和作用Web导航的基本模式是从一个页面跳转到另一个页面，从一个站点跳转到另一个站点。导航系统实现了网站的信息组织结构和信息流程7.6.2基本导航系统7.6.2.1全局导航(GlobalNavigation)全局导航指的是能够链接到网站信息一级类目及主要功能模块入口的，存在于每一页上的哪些设置。导航⑵局部导航⑵局部导航(LocalNavigation）:与全局导航相对，作为全局导航系统的补充，用于对每个全局导航项下所包括的子网站进行导航，确定一个主题内容领域的等级。引导用户对当前所在全局导航项所表示的信息做全面浏览。⑶上下文导航上下文导航(ContextualNavigation)又称语境导航，是通过链接或指引到与网站信息内容相关的其它网页或链接，构建一个主题相关体系，向用户提供相关内容主题信息参考服务的导航方式，以弥补全局导航与局部导航的不足。三种导航系统在同一个页面上的相对关系7.6.3辅助导航系统辅助导航系统作为网站基本导航系统的补充形式，从另一个角度反映网站的内容，为用户提供了获取网站资源的另一种途径。包括内容目录、索引、网站地图等。1、内容目录内容目录是以文本链接的方式列出信息类别的层次关系，包括类名及其子类，支持随机和线性访问，适用于信息的自上而下的层次网站组织。例--内容目录2.站点索引站点索引与我们在许多印刷资料中看到的书后索引相似，基于web的索引提供按字母顺序排列的关键词或者词组，而忽略层级。3、网站地图网站地图只是一个隐喻，以图形/文本呈现网站构架，是一个网站所有链接通道。允许用户在其中确定自己的位置、定位特定信息。定位（路径导航）描述当前网页在网站中的路径。通过它，访问者可以知晓进入网站的深度和当前的位置。例---定位定位7.6.4导航元素导航系统是由导航元素组成，主要导航元素有：超链接导航条菜单1.超链接超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。超链接的目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行2、导航条导航条是一系列超级链接的组合，它是全局导航、局部导航使用最为普遍的导航形式，可以采用纯文本、图片、图标或者图文组合等多种表现形式。3、菜单为节省页面空间而设计的以单行菜单形式出现并且包含多个导航选择项的导航元素。常用的有:交互式菜单(下拉式)和动态菜单(弹出式)。例---菜单7.6.5导航系统设计7.6.5.1基于信息构建的导航设计原则⑴可用性原则⑵交互性原则⑶易用性原则7.6.5.2导航系统的典型需求及设计策略

导航的一般设计策略有：①一个网站至少要有一个一级栏目的导航栏，如果网站比较大，内容比较多，再进一步设计一级栏目下的导航栏；②在大型网站中，应给网站创建“网站导航图”页面，并在所有的页面上放置指向它们的链接，使“网站导航图”成为页面跳转的中转站。③导航设计符合一般人的习惯。导航的一般设计策略④导航设计应能够使访问者在任何时候都知道自己所处的位置⑤全局导航系统要出现在网站的每一个页面上⑥尽量将全局导航的元素数目限制在5-7个之间。通常的去向需求与导航策略当一个访问者深入网站，访问者将有返回主页的需求，应设计返回主页的导航；当一个网站的层数较多，而一个访问者又深入其中，访问者将有返回任意层次的需求可能，应设计路径导航；当一个网站的同层网页数较多，一个访问者又深入其中，访问者将有到达任意同层网页需求可能，应设计编号导航；通常的去向需求与导航策略当一个访问者所在的是在一个业务的流程中，访问者将有返回上一页和进入下一页的需求，应设计相应的导航；当一个访问者在浏览一段详细信息，遇有重要的、新颖的、关键的词句，急需了解详细的解释，应对这一词句，设计相应的上下文导航7.6.5.3导航系统设计涉及的因素

网页之间的固有逻辑用户的去向需求导航元素链接导航元素在网页的布局7.6.5.4导航系统的设计任务及具体内容

导航系统的一般设计任务有：为每一网页提供全局导航；对复杂的网站，还需提供局部导航；对主要功能模块根据页面流程提供导航；为访问者浏览网站信息，根据信息组织逻辑提供导航；对访问者的特殊需求提供导航7.6.5.5导航系统设计的步骤

步骤：确定访问者确定信息需求确定信息组织逻辑列出网站网页绘出访问者访问的页面流程图确定访问者在不同网页的去向需求提出本网站的导航策略7.6.5.6导航元素的布局一个网页上可以在５个基本区域来放置导航元素：即顶部、底部、左侧、右侧和中心。一般，顶部和左侧是最适宜的位置。导航设计结果之一——主要网站页面导航图7.6.5.7导航图、页面流程图、程序流程图的区别导航图显示的是网站中的网页的跳转情况。一般是主要网页的跳转情况。页面流程图显示的是某一功能是通过哪些网页实现的。程序流程图显示的是某一功能的业务逻辑是怎样的，是通过哪些网页实现的。7.7标识系统设计7.7.1标识系统设计的意义标识系统是网站信息组织和导航系统的直接体现。7.7.2标识系统类型1、上下文链接标识:用于嵌入式导航的标识类型，是嵌入在信息正文里的文本型链接，易于创建:但用户需要依赖上下文环境去了解其链接内容，上下文链接标识2、导航系统标识是网站主导航系统的表现形式，在导航系统内部应保持一致性和完整性，2、导航系统标识3、标题类型标识标题类型标识是简单描述内容（犹如报纸中的标题)的标识。具有提示作用。标题类型标识4、图标标识系统图标标识能为网站提供统一且具有吸引力的标识，使用户容易在页面上找到。但是纯图标的表达范围具有一定的局限性，不易于传递复杂的信息，而且容易让用户误解，图标标识系统标识系统标签的来源1.文档内容本身2.借鉴其他网站标题3.固定术语/词语表及辞典有效的标识系统设计标识系统的设计需要与信息组织的主体风格保持一致，7.8检索系统设计

信息检索(InformationRetrieval)是指将杂乱无序的信息有序化形成信息集合，并根据需要从信息集合中查找出特定信息的过程，全称是信息存储与检索(InformationStorageandRetrieval)。计算机检索internet检索网站站内检索系统7.8.1用户的检索类型

1.确定项检索2.存在型检索3.探索型检索4.复杂型检索7.8.2网站站内常用检索技术

1.分类目录检索2.关键词检索3.全文检索7.8.3搜索引擎技术

搜索引擎（SearchEngine）是一种网上信息检索工具。搜索引擎是对互联网上的信息资源进行搜集整理，然后供你查询的系统，它包括信息搜集、信息整理和用户查询三部分。7.8.3.1搜索引擎的构成

1.网络机器人2.索引与搜索3.Web服务器7.8.3.2搜索引擎的主要指标及分析搜索引擎的主要指标有：响应时间召回率准确率相关度7.8.4站内搜索引擎的横向比较

基于数据库的搜索基于spider抓取的站内搜索全文检索站内搜索软技术网站技术原理数据容量检索效率检索能力抗压能力结果精度内容范围动态摘要其它功能7.8.5实现站内检索系统的可选方案

1.采用数据库自带检索功能2.采用免费的检索软件3.采用通用搜索引擎提供的免费站内搜索4.采用开源的搜索代码自己开发5.采用专业搜索软件厂商的成熟产品7.9页面上的信息组织与页面设计

7.9.1页面上的信息组织页面上的信息组织的任务是根据已确定的网站功能，已确定的访问者的信息需求，已确定的网站信息组织逻辑，确定主页、主要页面和重要页面上的栏目。设计栏目应注意①栏目列出的都应是网站最有价值的内容；②与网站定位无关的栏目应删除；③栏目的设计应方便访问者的浏览与查询7.9.2页面设计又称为显示设计。主要是进行主页和典型页面的栏目布局设计，导航元素的布局设计。7.9.2.1主页设计

主页是Web站点的门户，一般情况下，主页应该有一个大一些的标志，在一个显眼的地方，写出公司名称或站点名称。7.9.2.1主页设计

主页应该提供三个特征:站点主要内容的导航最重要的内容搜索功能，7.9.2.2主要页面和重要页面设计

其它主要页面和重要页面在总体上应与主页保持一定的风格，但是每个页面又有不同。主要页面和重要页面设计可参考主页页面设计。7.10程序处理过程设计与网页

根据处理事务逻辑的代码是否嵌入在页