电子商务网站平台与商务网站应用系统设计23238.pptx

《电子商务网站平台与商务网站应用系统设计23238.pptx》由会员分享，可在线阅读，更多相关《电子商务网站平台与商务网站应用系统设计23238.pptx（85页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 第第5章章 电子商务系统设计电子商务系统设计第第5 5章章 电子商务系统设计电子商务系统设计5.1 5.1 电子商务网站平台系统设计电子商务网站平台系统设计5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计5.1.1 5.1.1 网站网络结构设计网站网络结构设计 5.1 5.1 电子商务平台系统设计电子商务平台系统设计5.1.2 5.1.2 网站安全设计网站安全设计5.1.3 5.1.3 硬件选型硬件选型5.1.4 5.1.4 软件选型软件选型 完整的电子商务网站平台系统网络拓扑结构完整的电子商务网站平台系统网络拓扑结构 5.1.1 5.1.1 网站网络结构设计网站网络结构设计

2、 5.1.1 5.1.1 网站网络结构设计网站网络结构设计l电子商务网站平台系统的构成电子商务网站平台系统的构成-网站服务器网站服务器（WebWeb服务器、数据库服务器）服务器、数据库服务器）-工作站工作站-交换机交换机：促成内部网络中各服务器和工作站的连接：促成内部网络中各服务器和工作站的连接-防防火火墙墙：从从逻逻辑辑上上讲讲内内部部网网和和外外部部网网分分开开，保保证证内内部网络安全部网络安全-路由器路由器：实现本地网与互联网的连接：实现本地网与互联网的连接u电子商务网站的建站方案电子商务网站的建站方案 （1 1）虚拟主机（外包）虚拟主机（外包）（2 2）主机托管（服务器托管）主机托管（

3、服务器托管）（3 3）自建机房）自建机房 5.1.1 5.1.1 网站网络结构设计网站网络结构设计（1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计（1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：网站服务器网站服务器管理简单管理简单，诸如软件配置、防病毒、，诸如软件配置、防病毒、防攻击等安全措施都由专业服务商提供，大大简化了服防攻击等安全措施都由专业服务商提供，大大简化了服务器管理的复杂性；相对于购买独立服务器，网站务器管理的复杂性；相对于购买独立服务器，网站建设建设费用大大降低费用大大降低，为普及中小型网站

4、提供了极大便利；通，为普及中小型网站提供了极大便利；通常情况下，网站建设完成后虚拟主机的常情况下，网站建设完成后虚拟主机的开通时间较短开通时间较短。（1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：对于一些处于发展对于一些处于发展初期初期的的小型小型企业来说，企业来说，网网站内容站内容比较少，功能简单，比较少，功能简单，访问量访问量也不大，虚拟主机的也不大，虚拟主机的建站方便迅速、服务器管理简单等特点就非常适合这类建站方便迅速、服务器管理简单等特点就非常适合这类企业的需要。而且选用虚拟主机方案，也可大大降低小企业的需要。而且选用虚拟主机方

5、案，也可大大降低小型企业在网站人力、财力等方面的投入成本，并可获得型企业在网站人力、财力等方面的投入成本，并可获得专业的维护、更好的性能而无需维护人员与昂贵的电源专业的维护、更好的性能而无需维护人员与昂贵的电源系统支持。系统支持。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计含义：含义：指在专门的服务器托管公司环境里放置一台服务指在专门的服务器托管公司环境里放置一台服务器器（主机托管），（主机托管），或向其租用一台服务器或向其租用一台服务器（主机租用），（主机租用），通过远程控制的方式实现服务器的管理。通过远程控制的方式实现服务器的管理。-主机租用即由服

6、务提供商提供硬件及基本软件的安装、配主机租用即由服务提供商提供硬件及基本软件的安装、配置，负责服务器上基本服务功能的运行，用户独享服务器的置，负责服务器上基本服务功能的运行，用户独享服务器的资源，并服务其自行开发运行的程序。资源，并服务其自行开发运行的程序。-主机托管即用户自备服务器硬件，自己安装软件，由服务主机托管即用户自备服务器硬件，自己安装软件，由服务提供商负责该机器能够连接到网络上，并在该机器当机时帮提供商负责该机器能够连接到网络上，并在该机器当机时帮助其重启。助其重启。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：由于采用专门服务器

7、，企业通过此种方式建立的由于采用专门服务器，企业通过此种方式建立的企业网站，企业网站，能够享受专业的服务器托管服务能够享受专业的服务器托管服务，包括稳定，包括稳定的网络带宽，恒温、防尘、防火、防潮、防静电。的网络带宽，恒温、防尘、防火、防潮、防静电。具有具有更大、更强的功能更大、更强的功能；且在网站建立后，企业拥有对网站；且在网站建立后，企业拥有对网站服务器完全的控制权限，可自主决定运行的系统和从事服务器完全的控制权限，可自主决定运行的系统和从事的业务，的业务，灵活性也较强灵活性也较强。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：对

8、于一些发展中期的中小企业来说，要求企对于一些发展中期的中小企业来说，要求企业网站具有较吸引人的布面，具有适合企业的运作机制，业网站具有较吸引人的布面，具有适合企业的运作机制，但又无法投入更多的人力作后期维护，那么服务器托管但又无法投入更多的人力作后期维护，那么服务器托管的方式将十分适合这类企业选择。此种方式要求企业具的方式将十分适合这类企业选择。此种方式要求企业具有一定的经济实力，能够承担服务器的组建、线路租用有一定的经济实力，能够承担服务器的组建、线路租用以及后期维护费用。此方式也可称为以及后期维护费用。此方式也可称为“半自建半自建”。（3 3）自建服务器）自建服务器 5.1.1 5.1.1

9、 网站网络结构设计网站网络结构设计含义：含义：在企业内部构建网站平台，开发网站系统以及建在企业内部构建网站平台，开发网站系统以及建立一条直接的立一条直接的InternetInternet连接。企业自己准备硬件资源，连接。企业自己准备硬件资源，自己安装服务软件，并自行维护。需要有水平较高的专自己安装服务软件，并自行维护。需要有水平较高的专业技术人员，还得投入较大的资金购置较好性能的服务业技术人员，还得投入较大的资金购置较好性能的服务器，并且日常维护工作量也非常大。此类方式完整的平器，并且日常维护工作量也非常大。此类方式完整的平台构建流程包括：申请互联网接入线路、申请网站域名、台构建流程包括：申请

10、互联网接入线路、申请网站域名、购置网站服务器、安排专门的技术人员管理与维护。购置网站服务器、安排专门的技术人员管理与维护。（3 3）自建服务器）自建服务器 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：此类方式在投入成本方面大大高于虚拟主机以及此类方式在投入成本方面大大高于虚拟主机以及服务器托管，但企业可以根据实际情况配置服务器，安服务器托管，但企业可以根据实际情况配置服务器，安装适合企业运作的管理软件，更快的获得市场商机、加装适合企业运作的管理软件，更快的获得市场商机、加强与客户的沟通；同时，可通过企业网站服务器建立内强与客户的沟通；同时，可通过企业网站服务器建立内部局

11、域网，加强员工之间的交流，也方便了企业对员工部局域网，加强员工之间的交流，也方便了企业对员工工作的监控与管理。工作的监控与管理。（3 3）自建服务器）自建服务器 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：成熟的大中型企业，或是只是为了实现单纯成熟的大中型企业，或是只是为了实现单纯的文件共享或是访问量不大的的文件共享或是访问量不大的WebWeb需求的中小型企业，需求的中小型企业，均可采用此类网站建设方式。均可采用此类网站建设方式。（1 1）虚拟主机）虚拟主机使用特殊的软硬件技术，把一台计算机主机分成一台台使用特殊的软硬件技术，把一台计算机主机分成一台台“虚虚拟拟

12、”的主机，每一台虚拟主机都具有独立的域名和的主机，每一台虚拟主机都具有独立的域名和IPIP地址（或共地址（或共享享IPIP地址），具有完整的地址），具有完整的InternetInternet服务器的功能。服务器的功能。（2 2）主机托管）主机托管客户将购置的网络服务器放置在客户将购置的网络服务器放置在InternetInternet数据中心的机房，数据中心的机房，由客户自己进行维护，或者是由其它的签约人进行远程维护，每由客户自己进行维护，或者是由其它的签约人进行远程维护，每年支付一定的费用。年支付一定的费用。（3 3）自建机房）自建机房在企业内部构建网站平台，开发网站系统以及建立一条直接在企业

13、内部构建网站平台，开发网站系统以及建立一条直接的的InternetInternet连接。连接。5.1.1 5.1.1 网站网络结构设计网站网络结构设计电子商务网站面临的安全威胁电子商务网站面临的安全威胁 （1 1）客户端威胁）客户端威胁 （2 2）通信信道威胁）通信信道威胁 （3 3）服务器端威胁）服务器端威胁 5.1.2 5.1.2 网站安全设计网站安全设计网站安全设计内容网站安全设计内容 （1 1）硬件网络级安全设计）硬件网络级安全设计 网络安全设计网络安全设计防火墙、入侵检测、虚拟专网防火墙、入侵检测、虚拟专网 服务器安全设计服务器安全设计双机热备份、冗余磁盘阵列、硬件安全加密、双机热备

14、份、冗余磁盘阵列、硬件安全加密、不间断电源不间断电源 （2 2）软件级安全设计）软件级安全设计 操作系统安全设计操作系统安全设计 应用软件安全设计应用软件安全设计5.1.2 5.1.2 网站安全设计网站安全设计服务器选择服务器选择 （1 1）服务器相关技术）服务器相关技术小型机及其相关技术小型机及其相关技术SMPSMP技术、集群技术、技术、集群技术、NUMANUMA技术、模块化结构、硬技术、模块化结构、硬件分区件分区PCPC服务器及其相关技术服务器及其相关技术SMPSMP技术、技术、SCSISCSI技术、技术、EMPEMP、ASRASR技术技术 5.1.3 5.1.3 硬件选型硬件选型服务器选

15、择服务器选择 （2 2）服务器的选型原则）服务器的选型原则可靠性高、安全性好可靠性高、安全性好可扩展性好可扩展性好网络吞吐量以及网络接口能力高网络吞吐量以及网络接口能力高 开放的体系结构开放的体系结构 5.1.3 5.1.3 硬件选型硬件选型数据存储选择数据存储选择 （1 1）磁盘阵列（）磁盘阵列（RAID)RAID)是通过磁盘阵列与数据条块化方法相结合是通过磁盘阵列与数据条块化方法相结合,以提高数以提高数据可用率的一种结构。据可用率的一种结构。RAID RAID 可分为可分为RAIDRAID级别级别0 0到到RAIDRAID级别级别6 6。（2 2）磁带库）磁带库基于磁带的备份系统，能够提供

16、自动备份和数据恢复基于磁带的备份系统，能够提供自动备份和数据恢复功能，功能，（3 3）光盘库）光盘库一种可存放几十张或几百张光盘并带有机械臂和一个一种可存放几十张或几百张光盘并带有机械臂和一个光盘驱动器的光盘柜。光盘驱动器的光盘柜。5.1.3 5.1.3 硬件选型硬件选型路由器选择路由器选择 （1 1）路由器相关技术介绍）路由器相关技术介绍路由协议路由协议静态路由、动态路由静态路由、动态路由路由器分类路由器分类从能力上、结构上、网络位置、功能上划分从能力上、结构上、网络位置、功能上划分 5.1.2 5.1.2 硬件选型硬件选型路由器选择路由器选择 （2 2）路由器的选择原则）路由器的选择原则类

17、型要对口实用类型要对口实用功能要强大实在功能要强大实在对尺寸和品牌也要考虑对尺寸和品牌也要考虑 5.1.2 5.1.2 硬件选型硬件选型交换机选择交换机选择 （1 1）交换机及其分类）交换机及其分类交换机可以智能地分析数据包，有选择地交换机可以智能地分析数据包，有选择地将其发送出去。将其发送出去。局域网交换机又分为机架式交换机、固定局域网交换机又分为机架式交换机、固定配置式带配置式带/不带扩展槽交换机。不带扩展槽交换机。5.1.3 5.1.3 硬件选型硬件选型交换机选择交换机选择 （2 2）交换机选择原则）交换机选择原则交换端口的数量交换端口的数量交换端口的类型交换端口的类型系统的扩充能力系统

18、的扩充能力主干线连接手段主干线连接手段交换机总交换能力交换机总交换能力是否需要路由选择能力是否需要路由选择能力是否需要热切换能力是否需要热切换能力是否需要容错能力是否需要容错能力能否与现有设备兼容，顺利连接能否与现有设备兼容，顺利连接网络管理能力网络管理能力 5.1.3 5.1.3 硬件选型硬件选型防火墙选择防火墙选择 （1 1）防火墙及其分类）防火墙及其分类防火墙在企业内网与因特网间执行一定的安防火墙在企业内网与因特网间执行一定的安全策略全策略,所有从因特网流入或流向因特网的信息都将所有从因特网流入或流向因特网的信息都将经过防火墙经过防火墙,所有流经防火墙的信息都应接受检查。所有流经防火墙的

19、信息都应接受检查。根据防御方式的不同，防火墙产品又可分为根据防御方式的不同，防火墙产品又可分为包过滤型防火墙、应用级网关型防火墙和代理服务包过滤型防火墙、应用级网关型防火墙和代理服务型防火墙。型防火墙。5.1.2 5.1.2 硬件选型硬件选型防火墙选择防火墙选择 （2 2）防火墙的选择原则）防火墙的选择原则防火墙的安全性能防火墙的安全性能自身安全性、访问控制能力和抗攻击能力自身安全性、访问控制能力和抗攻击能力防火墙的网络性能防火墙的网络性能最大吞吐量、延迟、转送速率、丢包率、缓冲性能以最大吞吐量、延迟、转送速率、丢包率、缓冲性能以及访问控制规则及访问控制规则防火墙的功能防火墙的功能 易管理性和

20、灵活性易管理性和灵活性 5.1.2 5.1.2 硬件选型硬件选型网络操作系统选择网络操作系统选择（1 1）主要的网络操作系统）主要的网络操作系统WINDOWSWINDOWS服务器操作系统、服务器操作系统、LinuxLinux操作系统、操作系统、UNIXUNIX操作系统操作系统 （2 2）选择网络操作系统时要考虑的因素）选择网络操作系统时要考虑的因素成本问题成本问题网络操作系统的稳定性和可靠性网络操作系统的稳定性和可靠性网络操作系统的安全性网络操作系统的安全性可集成性与可扩展性可集成性与可扩展性维护的难易程度维护的难易程度 5.1.4 5.1.4 软件选型软件选型数据库软件选择数据库软件选择（1

21、）常用数据库软件SQL Server、MYSQL、Oracle、DB2（2）数据库软件选择要考虑的问题数据库的任务、数据库数据量、数据修改更新频率、数据库技术支持、数据库将运行的服务器平台上、数据库服务器硬件软件配置、购买数据库服务器软硬件的预算、数据库的安全性以及可靠性要求。5.1.4 5.1.4 软件选型软件选型WEBWEB服务器软件选择服务器软件选择（1）常用WEB服务器软件Microsoft IIS、Apache、IPlanet Application Server、IBM WebSphere、BEA WebLogic、Tomcat（2）选择Web服务器软件时应该考虑的问题 技术支持、

22、安全、管理、功能、性能 5.1.4 5.1.4 软件选型软件选型网站开发工具选择网站开发工具选择（1）常用网站开发工具PHP、Java、（2）网站开发工具的选择原则开发工具的选择主要根据不同的操作系统平台以及程序开发者的使用习惯来选择。如果用户使用Windows系统和IIS，则开发工具可以使用ASP.NET；如果用户使用LINUX系统和Apache Httpd server，则开发工具可以使用PHP等；如果用户使用UNIX系统则可以使用Java。5.1.4 5.1.4 软件选型软件选型防病毒软件选择防病毒软件选择（1）主要的防病毒软件诺顿（Norton）防毒软件Mcafee防毒软件卡巴斯基防毒

23、软件瑞星防毒软件江民防毒软件 5.1.4 5.1.4 软件选型软件选型防病毒软件选择防病毒软件选择（2）防病毒软件选择的原则先进的查杀病毒技术厂商开发、服务的本地化 安装、操作、管理简单 能够实现病毒防护的实时性 具备对网络内服务器、工作站等所有计算机的防病毒能力 具备可实施远程自动分发、自动产品版本及防病毒引擎文件升级等远程控制功能 5.1.4 5.1.4 软件选型软件选型服务器防火墙软件选择服务器防火墙软件选择（1）适合WINDOWS系统的防火墙软件BlackICE Server Protection、Cyberwall PLUS-SV、KFW傲盾防火墙服务器版（2）适合LINUX系统防火

24、墙软件IPCHAINS、NAI Gauntlet、Firestarter5.1.4 5.1.4 软件选型软件选型第第5 5章章 电子商务系统设计电子商务系统设计5.1 5.1 电子商务网站平台系统设计电子商务网站平台系统设计5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计5.2.1 5.2.1 网站结构设计网站结构设计5.2.2 5.2.2 网站功能设计网站功能设计 5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计网站结构网站结构是为了合理地向用户表达企是为了合理地向用户表达企业信息所采用的网站导航、网页布局、业信息所采用的网站导航、网页布局、网站文字、网站色彩

25、等。网站文字、网站色彩等。5.2.1 5.2.1 网站结构设计网站结构设计网站导航结构设计网站导航结构设计n网站导航的概念和作用网站导航的概念和作用n网站导航设计思想网站导航设计思想n导航元素的设计导航元素的设计n案例分析案例分析生活中的导航生活中的导航街头路标、商场、图书馆指示牌、页码、章节标题街头路标、商场、图书馆指示牌、页码、章节标题网站中的导航网站中的导航网站导航的分类网站导航的分类l全局导航全局导航每每一一个个页页面面上上一一组组通通用用的的导导航航元元素素，以以一一致致的的外外观观出出现现在在网网站站的的每每一一页页，扮扮演演着着对对用用户户最最基基本本的的访问方向性指引。访问方向

26、性指引。l辅助导航辅助导航又被称作又被称作“面包屑路径面包屑路径”或层级菜单、页面名称或层级菜单、页面名称全局导航的五元素全局导航的五元素实用工具实用工具搜索的方式搜索的方式站点站点IDID（标志）（标志）栏目栏目返回主页的链接返回主页的链接全局导航五元素全局导航五元素站点站点ID网站的标志网站的标志字体、图形字体、图形看起来看起来“像像”站点站点IDID全局导航五元素全局导航五元素站点站点ID区别与其他文字和图片区别与其他文字和图片(商场标识商场标识)每一页都应该出现每一页都应该出现位置处于页面左上方位置处于页面左上方全局导航五元素全局导航五元素栏目（导航条）栏目（导航条）到达主要栏目的链接

27、到达主要栏目的链接处于站点层次的最顶端处于站点层次的最顶端大部分包括二级菜单目录大部分包括二级菜单目录全局导航五元素全局导航五元素栏目（导航条）栏目（导航条）制作技巧：制作技巧：一级栏目数量一般一级栏目数量一般不超过不超过8 8个个；导航的栏目层次一般导航的栏目层次一般控制在三级以内控制在三级以内；设置设置合理、层次分明合理、层次分明；设置设置醒目、清晰、准确醒目、清晰、准确。提供提供网站地图网站地图。全局导航五元素全局导航五元素栏目（导航条）栏目（导航条）全局导航五元素全局导航五元素栏目栏目网站地图网站地图 又称站点地图，就是一个页面，上面放置了网站又称站点地图，就是一个页面，上面放置了网站

28、上所有页面的链接。在网站上找不到自己所需要上所有页面的链接。在网站上找不到自己所需要的信息时，可把网站地图作为一种补救措施。的信息时，可把网站地图作为一种补救措施。全局导航五元素全局导航五元素实用工具实用工具关于我们关于我们联系我们联系我们隐私声明隐私声明站点地图站点地图常见问题常见问题人才招聘人才招聘购物车购物车n下载下载n注册注册n登录登录n论坛论坛n帮助帮助顾顾客客转转化化全局导航五元素全局导航五元素搜索搜索三种模式三种模式避免使用花哨词汇，如：避免使用花哨词汇，如：Quick Find（快速查找）、（快速查找）、Quick Search（快速搜索）（快速搜索）注明搜索选项注明搜索选项搜

29、索什么？搜索什么？注明搜索范围注明搜索范围整个站点？部分站点？整个整个站点？部分站点？整个web？网站导航的分类网站导航的分类l全局导航全局导航每每一一个个页页面面上上一一组组通通用用的的导导航航元元素素，以以一一致致的的外外观观出出现现在在网网站站的的每每一一页页，扮扮演演着着对对用用户户最最基基本本的的访问方向性指引。访问方向性指引。l辅助导航辅助导航又被称作又被称作“面包屑路径面包屑路径”或层级菜单、页面名称或层级菜单、页面名称辅助导航辅助导航“你在这里你在这里”指示器指示器改变文字的颜色改变文字的颜色改变按钮的颜色改变按钮的颜色使用粗体使用粗体按钮反白按钮反白辅助导航辅助导航“面包屑路

30、径面包屑路径”注明从主页到达当前页面的路径注明从主页到达当前页面的路径使用文字链接，并用使用文字链接，并用“”隔开隔开最后一个元素加粗，表示最后一个元素加粗，表示“你在这里你在这里”辅助导航辅助导航页面名称页面名称页面名称应页面名称应与点击的与点击的链接一致链接一致每个页面每个页面都应该有页都应该有页面名称面名称要要引人注意引人注意字体字体大小、颜色、留白空间大小、颜色、留白空间网站导航测试网站导航测试随机进入随机进入网站的任何一页，均能网站的任何一页，均能快速圈出快速圈出以下元素以下元素这是什么网站？（站点这是什么网站？（站点ID）这个网站的主要栏目有哪些？（栏目清单）这个网站的主要栏目有哪

31、些？（栏目清单）在这个层次上我有哪些选择在这个层次上我有哪些选择?(本页导航本页导航)我在导航系统的什么位置？（我在导航系统的什么位置？（“你在这里你在这里”指示器）指示器）我怎么搜索我怎么搜索?站点站点ID标签导航条标签导航条页面名称页面名称搜索框搜索框实用工具实用工具页内导航页内导航网站导航测试网站导航测试网站导航设计思想网站导航设计思想一目了然一目了然引导用户行为，实现利益转换引导用户行为，实现利益转换关注细节，遵循习惯用法，方便用户操作关注细节，遵循习惯用法，方便用户操作保持一致性，突出重点保持一致性，突出重点网站页面布局设计网站页面布局设计 什么样的首页布局是合理的？什么样的首页布局

32、是合理的？首页广告放置的位置是最佳位置吗？首页广告放置的位置是最佳位置吗？动画图片出现在哪个位置合适？动画图片出现在哪个位置合适？用户登陆框为什么最好不要放在网页左上角？用户登陆框为什么最好不要放在网页左上角？用户眼球视线跟踪实验用户眼球视线跟踪实验浏览者的视线通常固定在浏览者的视线通常固定在网页左上角网页左上角，然后在这个，然后在这个区域逡巡一阵后，开始右移，在顶部位置仔细停留区域逡巡一阵后，开始右移，在顶部位置仔细停留阅读后，开始往下扫描。阅读后，开始往下扫描。用户网页浏览行为的研究结果用户网页浏览行为的研究结果（1 1）用户对网页的浏览视线呈）用户对网页的浏览视线呈 F F 型。他们更倾

33、向于在网页型。他们更倾向于在网页顶部顶部阅读长句，随着网页越往下，他们越不会阅读长句，这阅读长句，随着网页越往下，他们越不会阅读长句，这就使得每个句子的开头两个词汇尤其重要。就使得每个句子的开头两个词汇尤其重要。（2 2）人们非常擅长于筛选出一页中无关信息，将注意力集中）人们非常擅长于筛选出一页中无关信息，将注意力集中到一小部分到一小部分突出的网页元素突出的网页元素中。中。（3 3）访问者对那些图片中有人物）访问者对那些图片中有人物直视自己的内容非常注意直视自己的内容非常注意，如果那个直视自己的人物有一定吸引力效果更佳，但相貌不如果那个直视自己的人物有一定吸引力效果更佳，但相貌不要太漂亮。如果

34、图片中的人物犹如职业模特则没有吸引力，要太漂亮。如果图片中的人物犹如职业模特则没有吸引力，因为这样的人物没有现实亲和力。因为这样的人物没有现实亲和力。用户网页浏览行为的研究结果用户网页浏览行为的研究结果（4 4）图片放在网页）图片放在网页正中正中会对访问者会对访问者产生阻碍产生阻碍。（5 5）用户对那些提供）用户对那些提供有用信息的图片有用信息的图片会产生更好的反响，装会产生更好的反响，装饰性饰性过强过强的图片则的图片则难以激起难以激起用户反应。用户反应。（6 6）消费者对于搜索引擎结果中的）消费者对于搜索引擎结果中的广告链接一瞥而过广告链接一瞥而过，作为，作为“其次考虑其次考虑”的事情的事情

35、网站页面布局技巧网站页面布局技巧最重要的信息放在最重要的信息放在最显著位置最显著位置；页面内容不宜太繁杂；页面内容不宜太繁杂；在页面在页面左上角放置企业左上角放置企业LOGO;LOGO;公司介绍、联系信息、网站地图等网站实用工具一般公司介绍、联系信息、网站地图等网站实用工具一般放置在网页最下方；站内检索、会员注册等引导客户放置在网页最下方；站内检索、会员注册等引导客户的网站实用工具放置在右侧或中上方显眼位置。的网站实用工具放置在右侧或中上方显眼位置。1.字号字号v字号大小的计算：磅或像素。字号大小的计算：磅或像素。v最适合于网页正文显示的字体大小为最适合于网页正文显示的字体大小为12磅左右。磅

36、左右。v较大的字体可用于标题或其他需要强调的地方较大的字体可用于标题或其他需要强调的地方v小一些的字体可以用于页脚和辅助信息小一些的字体可以用于页脚和辅助信息v小字号易产生整体感和精致感，但可读性较差。小字号易产生整体感和精致感，但可读性较差。网站文字设计网站文字设计2.字体字体v字体选择是一种感性、直观的行为，要依据网页字体选择是一种感性、直观的行为，要依据网页的总体设想和浏览者的需要。的总体设想和浏览者的需要。v粗体字强壮有力，有男性特点，适合机械、建筑粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适业等内容；细体字高雅细致，有女性特点，更适合服装、化妆

37、品、食品等行业的内容。合服装、化妆品、食品等行业的内容。网站文字设计网站文字设计2.字体字体v在同一页面中，字体种类少，版面雅致，有稳定感；在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多采。字体种类多，则版面活跃，丰富多采。v文字大小疏密的处理，能突出重点，层次分明。文字大小疏密的处理，能突出重点，层次分明。v正文内容最好采用缺省字体。正文内容最好采用缺省字体。v在确有必要使用特殊字体的地方，可将文字制成图在确有必要使用特殊字体的地方，可将文字制成图像，然后插入页面中。像，然后插入页面中。网站文字设计网站文字设计3.行距行距 v一般情况下，接近字体尺寸的行距设置比

38、较适合正一般情况下，接近字体尺寸的行距设置比较适合正文。文。行距的常规比例为行距的常规比例为10:12，即用字，即用字10点，则行距点，则行距12点。点。v有意识地加宽或缩窄行距，可体现独特的审美意趣有意识地加宽或缩窄行距，可体现独特的审美意趣如，加宽行距可体现轻松、舒展情绪，适用于娱乐性抒情性的内容。如，加宽行距可体现轻松、舒展情绪，适用于娱乐性抒情性的内容。v通过精心安排，使宽、窄行距并存，可增强版面的通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。空间层次与弹性，表现出独到的匠心。网站文字设计网站文字设计点评：点评：上、中部文字上、中部文字编排疏散，传达出轻

39、编排疏散，传达出轻松愉快的感觉。松愉快的感觉。下部的文字编排采用下部的文字编排采用较小的行距，与上面较小的行距，与上面的编排方式形成对比，的编排方式形成对比，丰富了版面空间层次。丰富了版面空间层次。l色彩的基本知识色彩的基本知识l网页色彩的搭配网页色彩的搭配网站色彩设计网站色彩设计（1 1）三原色：红黄黑）三原色：红黄黑（2 2）颜色分类：彩色和非彩色（黑白灰）颜色分类：彩色和非彩色（黑白灰）（3 3）饱和度和透明度：）饱和度和透明度：由同一种颜色不同的透明度由同一种颜色不同的透明度和色彩饱和度可以组成相似的不同色调。和色彩饱和度可以组成相似的不同色调。色彩的基本知识色彩的基本知识饱和度低饱和

40、度低饱和度高饱和度高（4 4）色环）色环v红黄绿蓝红依次过度渐变形成红黄绿蓝红依次过度渐变形成v同一颜色在色环上有同一颜色在色环上有2种或更多同色不同色调颜色种或更多同色不同色调颜色v在色环上靠的越近的颜色越相似，它的对面是颜色在色环上靠的越近的颜色越相似，它的对面是颜色的对比色，角度越大对比度越大的对比色，角度越大对比度越大v分为：暖色、中性色和冷色，分为：暖色、中性色和冷色，暖色调有前进特征，暖色调有前进特征，冷色调有后退的感觉冷色调有后退的感觉v同一颜色或者相近颜色给人的感觉是和安静和简洁同一颜色或者相近颜色给人的感觉是和安静和简洁,而对比色则给人比较强烈的视觉冲突而对比色则给人比较强烈

41、的视觉冲突色彩的基本知识色彩的基本知识（5 5）色彩的心理感受）色彩的心理感受v设计网页时选择一些适合网页主题或风格的颜色设计网页时选择一些适合网页主题或风格的颜色.医医院一般使用黄色和绿色院一般使用黄色和绿色,这样可以帮助病人更快的痊这样可以帮助病人更快的痊愈愈,银行大多使用蓝色银行大多使用蓝色,这样可以看上去更专业一点这样可以看上去更专业一点,有时候也会使用绿色有时候也会使用绿色,这样给人的感觉更安全这样给人的感觉更安全.色彩的基本知识色彩的基本知识（5 5）色彩的心理感受）色彩的心理感受v不同的饱和度或透明度也会产生不同的感觉不同的饱和度或透明度也会产生不同的感觉色彩的基本知识色彩的基本

42、知识四种配色方式四种配色方式-（1 1）单一颜色：）单一颜色：使用一种颜色加上一种中性色使用一种颜色加上一种中性色,常用常用的中性色有的中性色有黑色黑色白色白色灰色灰色米色米色“网页色彩的搭配网页色彩的搭配四种配色方式四种配色方式-（2 2）单一颜色不同色调：）单一颜色不同色调：使用同一种颜色使用同一种颜色,但是该颜但是该颜色不同色彩饱和度的颜色色不同色彩饱和度的颜色(不同色调不同色调)进行搭配。这进行搭配。这种配色方案会给人整体十分和谐统一的感觉。种配色方案会给人整体十分和谐统一的感觉。网页色彩的搭配网页色彩的搭配四种配色方式四种配色方式-（3 3）相近颜色）相近颜色（4 4）对比强烈颜色）

43、对比强烈颜色网页色彩的搭配网页色彩的搭配5.2.1 5.2.1 网站结构设计网站结构设计5.2.2 5.2.2 网站功能设计网站功能设计 5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计电子商务网站功能设计分析电子商务网站功能设计分析（1 1）从商家的角度分析如何设计电子商务网站的）从商家的角度分析如何设计电子商务网站的功能功能（客户关系管理、定制化）（客户关系管理、定制化）（2 2）从客户的角度分析如何设计电子商务网站的）从客户的角度分析如何设计电子商务网站的功能功能（提供消费者购买过程（提供消费者购买过程“问题识别、信息问题识别、信息寻找、选择评估、购后行为寻找、选择评估、

44、购后行为”每个阶段相关的每个阶段相关的信息）信息）5.2.2 5.2.2 网站功能设计网站功能设计电子商务网站功能设计步骤电子商务网站功能设计步骤（1 1）分析明确业务对象：）分析明确业务对象：了解网站的商务模式和业务流程了解网站的商务模式和业务流程;根据网站业务流程，分析流程中包含哪些业务对象根据网站业务流程，分析流程中包含哪些业务对象;分析这些业分析这些业务对象之间的关系务对象之间的关系（2 2）分析业务对象的功能）分析业务对象的功能:业务对象包含的功能名称和基业务对象包含的功能名称和基本描述（有哪些子功能，需要通过应用系统的哪些功能来实现）本描述（有哪些子功能，需要通过应用系统的哪些功能

45、来实现）（3 3）绘制功能模块结构图）绘制功能模块结构图（4 4）编写功能模块说明）编写功能模块说明5.2.2 5.2.2 网站功能设计网站功能设计电子商务网站主要功能模块（自学）电子商务网站主要功能模块（自学）（1 1）C2CC2C网站的主要功能模块网站的主要功能模块 （2 2）B2CB2C网站的主要功能模块网站的主要功能模块 （3 3）B2BB2B网站的主要功能模块网站的主要功能模块 （4 4）物流配送网站的主要功能模块）物流配送网站的主要功能模块5.2.2 5.2.2 网站功能设计网站功能设计电子商务网站功能设计要注意的几个因素电子商务网站功能设计要注意的几个因素 （1 1）客户浏览路径

46、）客户浏览路径 （2 2）内容交叉）内容交叉 （3 3）购买流程设计）购买流程设计 （4 4）产品标题图片描述）产品标题图片描述5.2.2 5.2.2 网站功能设计网站功能设计电子商务系统的设计电子商务系统的设计总体设计总体设计-结构设计结构设计系统运行平台（物理配置方案设计）系统运行平台（物理配置方案设计）详细设计详细设计-代码设计和设计规范的制定代码设计和设计规范的制定数据存储设计数据存储设计计算机处理过程设计计算机处理过程设计 总体设计（总体设计（architectural design）又称为概要设计）又称为概要设计（preliminary design），是把总任务分解为许多基本的、），是把总任务分解为许多基本的、具体的任务：具体的任务：系统模块化结构设计系统模块化结构设计 系统运行平台（物理配置方案）设计系统运行平台（物理配置方案）设计功能模块图功能模块图功能结构图功能结构图信息系统流程图信息系统流程图硬件硬件网络配置网络配置软件软件系统的总体设计系统的总体设计演讲完毕，谢谢观看！