电子商务网站平台与商务网站应用系统设计PPT课件

1、电子商务网站平台与商务网站应用系统设计第第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 网站网络结构设计网站网络结构设计WEB服

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

3、 1）虚拟主机（外包）虚拟主机（外包） （2 2）主机托管（服务器托管）主机托管（服务器托管） （3 3）自建机房）自建机房 5.1.1 5.1.1 网站网络结构设计网站网络结构设计（1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计含义：含义：使用特殊软硬件技术，把一台网站服务器划分使用特殊软硬件技术，把一台网站服务器划分为若干为若干“虚拟虚拟”的主机。每个虚拟主机都可是一个独的主机。每个虚拟主机都可是一个独立的网站，具有独立的域名、完整的立的网站，具有独立的域名、完整的InternetInternet服务器服务器功能功能(WWW(WWW、FTPFTP、Em

4、ailEmail等等) )。同一台主机上的虚拟主机。同一台主机上的虚拟主机之间完全独立，且和独立主机之间完全独立，且和独立主机( (采用服务器托管、专线采用服务器托管、专线上网等方式建立的服务器上网等方式建立的服务器) )完全一样。在这台机器上租完全一样。在这台机器上租用空间的用户可通过远程控制技术全权控制属于他的用空间的用户可通过远程控制技术全权控制属于他的空间，如信息的上下载，应用功能的配置等等。空间，如信息的上下载，应用功能的配置等等。 （1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：网站服务器网站服务器管理简单管理简单，诸如软件配置、防

5、病毒、，诸如软件配置、防病毒、防攻击等安全措施都由专业服务商提供，大大简化了防攻击等安全措施都由专业服务商提供，大大简化了服务器管理的复杂性；相对于购买独立服务器，网站服务器管理的复杂性；相对于购买独立服务器，网站建设费用大大降低建设费用大大降低，为普及中小型网站提供了极大便，为普及中小型网站提供了极大便利；通常情况下，网站建设完成后虚拟主机的利；通常情况下，网站建设完成后虚拟主机的开通时开通时间较短间较短。（1 1）虚拟主机）虚拟主机 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：对于一些处于发展对于一些处于发展初期初期的的小型小型企业来说，企业来说，网站内容网

6、站内容比较少，功能简单，比较少，功能简单，访问量访问量也不大，虚拟主也不大，虚拟主机的建站方便迅速、服务器管理简单等特点就非常适机的建站方便迅速、服务器管理简单等特点就非常适合这类企业的需要。而且选用虚拟主机方案，也可大合这类企业的需要。而且选用虚拟主机方案，也可大大降低小型企业在网站人力、财力等方面的投入成本，大降低小型企业在网站人力、财力等方面的投入成本，并可获得专业的维护、更好的性能而无需维护人员与并可获得专业的维护、更好的性能而无需维护人员与昂贵的电源系统支持。昂贵的电源系统支持。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计含义：含义：指在专门

7、的服务器托管公司环境里放置一台服指在专门的服务器托管公司环境里放置一台服务器务器（主机托管），（主机托管），或向其租用一台服务器或向其租用一台服务器（主机租（主机租用），用），通过远程控制的方式实现服务器的管理。通过远程控制的方式实现服务器的管理。-主机租用即由服务提供商提供硬件及基本软件的安装、主机租用即由服务提供商提供硬件及基本软件的安装、配置，负责服务器上基本服务功能的运行，用户独享服务配置，负责服务器上基本服务功能的运行，用户独享服务器的资源，并服务其自行开发运行的程序。器的资源，并服务其自行开发运行的程序。-主机托管即用户自备服务器硬件，自己安装软件，由服主机托管即用户自备服务器硬件

8、，自己安装软件，由服务提供商负责该机器能够连接到网络上，并在该机器当机务提供商负责该机器能够连接到网络上，并在该机器当机时帮助其重启。时帮助其重启。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：由于采用专门服务器，企业通过此种方式建立由于采用专门服务器，企业通过此种方式建立的企业网站，的企业网站，能够享受专业的服务器托管服务能够享受专业的服务器托管服务，包括，包括稳定的网络带宽，恒温、防尘、防火、防潮、防静电。稳定的网络带宽，恒温、防尘、防火、防潮、防静电。具有更大、更强的功能具有更大、更强的功能；且在网站建立后，企业拥有；且在网站建立后，企

9、业拥有对网站服务器完全的控制权限，可自主决定运行的系对网站服务器完全的控制权限，可自主决定运行的系统和从事的业务，统和从事的业务，灵活性也较强灵活性也较强。（2 2）主机托管）主机托管 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：对于一些发展中期的中小企业来说，要求对于一些发展中期的中小企业来说，要求企业网站具有较吸引人的布面，具有适合企业的运作企业网站具有较吸引人的布面，具有适合企业的运作机制，但又无法投入更多的人力作后期维护，那么服机制，但又无法投入更多的人力作后期维护，那么服务器托管的方式将十分适合这类企业选择。此种方式务器托管的方式将十分适合这类企业选择

10、。此种方式要求企业具有一定的经济实力，能够承担服务器的组要求企业具有一定的经济实力，能够承担服务器的组建、线路租用以及后期维护费用。此方式也可称为建、线路租用以及后期维护费用。此方式也可称为“半自建半自建”。（3 3）自建服务器）自建服务器 5.1.1 5.1.1 网站网络结构设计网站网络结构设计含义：含义：在企业内部构建网站平台，开发网站系统以及在企业内部构建网站平台，开发网站系统以及建立一条直接的建立一条直接的InternetInternet连接。企业自己准备硬件资连接。企业自己准备硬件资源，自己安装服务软件，并自行维护。需要有水平较源，自己安装服务软件，并自行维护。需要有水平较高的专业技

11、术人员，还得投入较大的资金购置较好性高的专业技术人员，还得投入较大的资金购置较好性能的服务器，并且日常维护工作量也非常大。此类方能的服务器，并且日常维护工作量也非常大。此类方式完整的平台构建流程包括：申请互联网接入线路、式完整的平台构建流程包括：申请互联网接入线路、申请网站域名、购置网站服务器、安排专门的技术人申请网站域名、购置网站服务器、安排专门的技术人员管理与维护。员管理与维护。（3 3）自建服务器）自建服务器 5.1.1 5.1.1 网站网络结构设计网站网络结构设计特点：特点：此类方式在投入成本方面大大高于虚拟主机以此类方式在投入成本方面大大高于虚拟主机以及服务器托管，但企业可以根据实际

12、情况配置服务器，及服务器托管，但企业可以根据实际情况配置服务器，安装适合企业运作的管理软件，更快的获得市场商机、安装适合企业运作的管理软件，更快的获得市场商机、加强与客户的沟通；同时，可通过企业网站服务器建加强与客户的沟通；同时，可通过企业网站服务器建立内部局域网，加强员工之间的交流，也方便了企业立内部局域网，加强员工之间的交流，也方便了企业对员工工作的监控与管理。对员工工作的监控与管理。（3 3）自建服务器）自建服务器 5.1.1 5.1.1 网站网络结构设计网站网络结构设计适用环境：适用环境：成熟的大中型企业，或是只是为了实现单成熟的大中型企业，或是只是为了实现单纯的文件共享或是访问量不大

13、的纯的文件共享或是访问量不大的WebWeb需求的中小型企业，需求的中小型企业，均可采用此类网站建设方式。均可采用此类网站建设方式。（1 1）虚拟主机）虚拟主机使用特殊的软硬件技术，把一台计算机主机分成一台台使用特殊的软硬件技术，把一台计算机主机分成一台台“虚虚拟拟”的主机，每一台虚拟主机都具有独立的域名和的主机，每一台虚拟主机都具有独立的域名和IPIP地址（或共地址（或共享享IPIP地址），具有完整的地址），具有完整的InternetInternet服务器的功能。服务器的功能。（2 2）主机托管）主机托管客户将购置的网络服务器放置在客户将购置的网络服务器放置在InternetInternet数

14、据中心的机房，数据中心的机房，由客户自己进行维护，或者是由其它的签约人进行远程维护，每由客户自己进行维护，或者是由其它的签约人进行远程维护，每年支付一定的费用。年支付一定的费用。（3 3）自建机房）自建机房在企业内部构建网站平台，开发网站系统以及建立一条直接在企业内部构建网站平台，开发网站系统以及建立一条直接的的InternetInternet连接。连接。 5.1.1 5.1.1 网站网络结构设计网站网络结构设计电子商务网站面临的安全威胁电子商务网站面临的安全威胁 （1 1）客户端威胁）客户端威胁 （2 2）通信信道威胁）通信信道威胁 （3 3）服务器端威胁）服务器端威胁 5.1.2 5.1.

15、2 网站安全设计网站安全设计网站安全设计内容网站安全设计内容 （1 1）硬件网络级安全设计）硬件网络级安全设计 网络安全设计网络安全设计防火墙、入侵检测、虚拟专网防火墙、入侵检测、虚拟专网 服务器安全设计服务器安全设计双机热备份、冗余磁盘阵列、硬件安全加密、双机热备份、冗余磁盘阵列、硬件安全加密、不间断电源不间断电源 （2 2）软件级安全设计）软件级安全设计 操作系统安全设计操作系统安全设计 应用软件安全设计应用软件安全设计5.1.2 5.1.2 网站安全设计网站安全设计服务器选择服务器选择 （1 1）服务器相关技术）服务器相关技术小型机及其相关技术小型机及其相关技术SMPSMP技术、集群技术

16、、技术、集群技术、NUMANUMA技术、模块化结构、硬技术、模块化结构、硬件分区件分区PCPC服务器及其相关技术服务器及其相关技术SMPSMP技术、技术、SCSISCSI技术、技术、 EMPEMP、ASRASR技术技术5.1.3 5.1.3 硬件选型硬件选型服务器选择服务器选择 （2 2）服务器的选型原则）服务器的选型原则可靠性高、安全性好可靠性高、安全性好可扩展性好可扩展性好网络吞吐量以及网络接口能力高网络吞吐量以及网络接口能力高 开放的体系结构开放的体系结构 5.1.3 5.1.3 硬件选型硬件选型数据存储选择数据存储选择 （1 1）磁盘阵列（）磁盘阵列（RAID)RAID)是通过磁盘阵列

17、与数据条块化方法相结合是通过磁盘阵列与数据条块化方法相结合, , 以提高数以提高数据可用率的一种结构。据可用率的一种结构。RAID RAID 可分为可分为RAIDRAID级别级别0 0到到RAIDRAID级别级别6 6。 （2 2）磁带库）磁带库基于磁带的备份系统，能够提供自动备份和数据恢复基于磁带的备份系统，能够提供自动备份和数据恢复功能，功能， （3 3）光盘库）光盘库一种可存放几十张或几百张光盘并带有机械臂和一个一种可存放几十张或几百张光盘并带有机械臂和一个光盘驱动器的光盘柜。光盘驱动器的光盘柜。5.1.3 5.1.3 硬件选型硬件选型路由器选择路由器选择 （1 1）路由器相关技术介绍）

18、路由器相关技术介绍路由协议路由协议静态路由、动态路由静态路由、动态路由路由器分类路由器分类从能力上、结构上、网络位置、功能上划分从能力上、结构上、网络位置、功能上划分5.1.2 5.1.2 硬件选型硬件选型路由器选择路由器选择 （2 2）路由器的选择原则）路由器的选择原则类型要对口实用类型要对口实用功能要强大实在功能要强大实在对尺寸和品牌也要考虑对尺寸和品牌也要考虑 5.1.2 5.1.2 硬件选型硬件选型交换机选择交换机选择 （1 1）交换机及其分类）交换机及其分类交换机可以智能地分析数据包，有选择地交换机可以智能地分析数据包，有选择地将其发送出去。将其发送出去。局域网交换机又分为机架式交换

19、机、固定局域网交换机又分为机架式交换机、固定配置式带配置式带/ /不带扩展槽交换机。不带扩展槽交换机。5.1.3 5.1.3 硬件选型硬件选型交换机选择交换机选择 （2 2）交换机选择原则）交换机选择原则交换端口的数量交换端口的数量交换端口的类型交换端口的类型系统的扩充能力系统的扩充能力主干线连接手段主干线连接手段交换机总交换能力交换机总交换能力是否需要路由选择能力是否需要路由选择能力是否需要热切换能力是否需要热切换能力是否需要容错能力是否需要容错能力能否与现有设备兼容，顺利连接能否与现有设备兼容，顺利连接网络管理能力网络管理能力5.1.3 5.1.3 硬件选型硬件选型防火墙选择防火墙选择 （

20、1 1）防火墙及其分类）防火墙及其分类防火墙在企业内网与因特网间执行一定的安防火墙在企业内网与因特网间执行一定的安全策略全策略, ,所有从因特网流入或流向因特网的信息都所有从因特网流入或流向因特网的信息都将经过防火墙将经过防火墙, ,所有流经防火墙的信息都应接受检所有流经防火墙的信息都应接受检查。查。 根据防御方式的不同，防火墙产品又可分为根据防御方式的不同，防火墙产品又可分为包过滤型防火墙、应用级网关型防火墙和代理服务包过滤型防火墙、应用级网关型防火墙和代理服务型防火墙。型防火墙。5.1.2 5.1.2 硬件选型硬件选型防火墙选择防火墙选择 （2 2）防火墙的选择原则）防火墙的选择原则防火墙

21、的安全性能防火墙的安全性能自身安全性、访问控制能力和抗攻击能力自身安全性、访问控制能力和抗攻击能力防火墙的网络性能防火墙的网络性能最大吞吐量、延迟、转送速率、丢包率、缓冲性能以最大吞吐量、延迟、转送速率、丢包率、缓冲性能以及访问控制规则及访问控制规则防火墙的功能防火墙的功能 易管理性和灵活性易管理性和灵活性 5.1.2 5.1.2 硬件选型硬件选型网络操作系统选择网络操作系统选择（1 1）主要的网络操作系统）主要的网络操作系统WINDOWSWINDOWS服务器操作系统、服务器操作系统、LinuxLinux操作系统、操作系统、UNIXUNIX操作系统操作系统 （2 2）选择网络操作系统时要考虑的

22、因素）选择网络操作系统时要考虑的因素成本问题成本问题网络操作系统的稳定性和可靠性网络操作系统的稳定性和可靠性网络操作系统的安全性网络操作系统的安全性可集成性与可扩展性可集成性与可扩展性维护的难易程度维护的难易程度 5.1.4 5.1.4 软件选型软件选型数据库软件选择数据库软件选择（1）常用数据库软件SQL Server、MYSQL、Oracle、DB2（2）数据库软件选择要考虑的问题数据库的任务、数据库数据量、数据修改更新频率、数据库技术支持、数据库将运行的服务器平台上、数据库服务器硬件软件配置、购买数据库服务器软硬件的预算、数据库的安全性以及可靠性要求。5.1.4 5.1.4 软件选型软件

23、选型WEBWEB服务器软件选择服务器软件选择（1）常用WEB服务器软件Microsoft IIS、Apache、IPlanet Application Server、IBM WebSphere、BEA WebLogic、Tomcat （2）选择Web服务器软件时应该考虑的问题 技术支持、安全、管理、功能、性能 5.1.4 5.1.4 软件选型软件选型网站开发工具选择网站开发工具选择（1）常用网站开发工具PHP、Java、 （2）网站开发工具的选择原则开发工具的选择主要根据不同的操作系统平台以及程序开发者的使用习惯来选择。 如果用户使用Windows系统和IIS，则开发工具可以使用ASP .NE

24、T；如果用户使用LINUX系统和Apache Httpd server，则开发工具可以使用PHP等；如果用户使用UNIX系统则可以使用Java。 5.1.4 5.1.4 软件选型软件选型防病毒软件选择防病毒软件选择（1）主要的防病毒软件 诺顿（Norton）防毒软件 Mcafee防毒软件 卡巴斯基防毒软件 瑞星防毒软件 江民防毒软件5.1.4 5.1.4 软件选型软件选型防病毒软件选择防病毒软件选择（2）防病毒软件选择的原则先进的查杀病毒技术厂商开发、服务的本地化 安装、操作、管理简单 能够实现病毒防护的实时性 具备对网络内服务器、工作站等所有计算机的防病毒能力 具备可实施远程自动分发、自动产

25、品版本及防病毒引擎文件升级等远程控制功能 5.1.4 5.1.4 软件选型软件选型服务器防火墙软件选择服务器防火墙软件选择（1）适合WINDOWS系统的防火墙软件BlackICE Server Protection、Cyberwall PLUS-SV、KFW傲盾防火墙服务器版（2）适合LINUX系统防火墙软件IPCHAINS、NAI Gauntlet、Firestarter5.1.4 5.1.4 软件选型软件选型第第5 5章章 电子商务系统设计电子商务系统设计5.1 5.1 电子商务网站平台系统设计电子商务网站平台系统设计5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计5.2.

26、1 5.2.1 网站结构设计网站结构设计5.2.2 5.2.2 网站功能设计网站功能设计 5.2 5.2 电子商务网站应用系统设计电子商务网站应用系统设计网站结构网站结构是为了合理地向用户表达企是为了合理地向用户表达企业信息所采用的网站导航、网页布局、业信息所采用的网站导航、网页布局、网站文字、网站色彩等。网站文字、网站色彩等。5.2.1 5.2.1 网站结构设计网站结构设计网站导航结构设计网站导航结构设计n 网站导航的概念和作用网站导航的概念和作用n 网站导航设计思想网站导航设计思想n 导航元素的设计导航元素的设计n 案例分析案例分析生活中的导航生活中的导航街头路标、商场、图书馆指示牌、页码

27、、章节标题街头路标、商场、图书馆指示牌、页码、章节标题网站中的导航网站中的导航网站导航的分类网站导航的分类l 全局导航全局导航每一个页面上每一个页面上一组通用的导航元素，以一组通用的导航元素，以一致的一致的外外观出现在网站的每一页，扮演着对用户最基本的观出现在网站的每一页，扮演着对用户最基本的访问方向性指引。访问方向性指引。 l 辅助导航辅助导航又被称作又被称作“面包屑路径面包屑路径”或层级菜单、页面名称或层级菜单、页面名称全局导航的五元素全局导航的五元素实用工具实用工具搜索的方式搜索的方式站点站点IDID（标志）（标志）栏目栏目返回主页的链接返回主页的链接全局导航五元素全局导航五元素站点站点

28、ID网站的标志网站的标志字体、图形字体、图形看起来看起来“像像”站点站点IDID全局导航五元素全局导航五元素站点站点ID 区别与其他文字和图片区别与其他文字和图片( (商场标识商场标识) ) 每一页都应该出现每一页都应该出现 位置处于页面左上方位置处于页面左上方全局导航五元素全局导航五元素栏目（导航条）栏目（导航条） 到达主要栏目的链接到达主要栏目的链接 处于站点层次的最顶端处于站点层次的最顶端 大部分包括二级菜单目录大部分包括二级菜单目录全局导航五元素全局导航五元素栏目（导航条）栏目（导航条）制作技巧：制作技巧： 一级栏目数量一般一级栏目数量一般不超过不超过8 8个个； 导航的栏目层次一般导

29、航的栏目层次一般控制在三级以内控制在三级以内； 设置设置合理、层次分明合理、层次分明； 设置设置醒目、清晰、准确醒目、清晰、准确。 提供提供网站地图网站地图。全局导航五元素全局导航五元素栏目（导航条）栏目（导航条）全局导航五元素全局导航五元素栏目栏目网站地图网站地图 又称站点地图，就是一个页面，上面放置了网站又称站点地图，就是一个页面，上面放置了网站上所有页面的链接。在网站上找不到自己所需要上所有页面的链接。在网站上找不到自己所需要的信息时，可把网站地图作为一种补救措施。的信息时，可把网站地图作为一种补救措施。 全局导航五元素全局导航五元素实用工具实用工具关于我们关于我们联系我们联系我们隐私声

30、明隐私声明站点地图站点地图常见问题常见问题人才招聘人才招聘购物车购物车n下载下载n注册注册n登录登录n论坛论坛n帮助帮助顾顾客客转转化化全局导航五元素全局导航五元素搜索搜索 三种模式三种模式 避免使用花哨词汇，如：避免使用花哨词汇，如：Quick Find（快速查找）（快速查找）、Quick Search（快速搜索）（快速搜索） 注明搜索选项注明搜索选项搜索什么？搜索什么？ 注明搜索范围注明搜索范围整个站点？部分站点？整个整个站点？部分站点？整个web？网站导航的分类网站导航的分类l 全局导航全局导航每一个页面上每一个页面上一组通用的导航元素，以一组通用的导航元素，以一致的一致的外外观出现在网

31、站的每一页，扮演着对用户最基本的观出现在网站的每一页，扮演着对用户最基本的访问方向性指引。访问方向性指引。 l 辅助导航辅助导航又被称作又被称作“面包屑路径面包屑路径”或层级菜单、页面名称或层级菜单、页面名称辅助导航辅助导航“你在这里你在这里”指示器指示器 改变文字的颜色改变文字的颜色 改变按钮的颜色改变按钮的颜色 使用粗体使用粗体 按钮反白按钮反白辅助导航辅助导航“面包屑路径面包屑路径”注明从主页到达当前页面的路径注明从主页到达当前页面的路径使用文字链接，并用使用文字链接，并用“”隔开隔开最后一个元素加粗，表示最后一个元素加粗，表示“你在这里你在这里”辅助导航辅助导航页面名称页面名称页面名称

32、应页面名称应与点击的与点击的链接一致链接一致每个页面每个页面都应该有页都应该有页面名称面名称要要引人注意引人注意字体字体大小、颜色、留白空间大小、颜色、留白空间网站导航测试网站导航测试随机进入随机进入网站的任何一页，均能网站的任何一页，均能快速圈出快速圈出以下元素以下元素这是什么网站？（站点这是什么网站？（站点ID）这个网站的主要栏目有哪些？（栏目清单）这个网站的主要栏目有哪些？（栏目清单）在这个层次上我有哪些选择在这个层次上我有哪些选择?(本页导航本页导航)我在导航系统的什么位置？（我在导航系统的什么位置？（“你在这里你在这里”指示器）指示器）我怎么搜索我怎么搜索?站点站点ID标签导航条标签

33、导航条页面名称页面名称搜索框搜索框实用工具实用工具页内导航页内导航网站导航测试网站导航测试网站导航设计思想网站导航设计思想一目了然一目了然引导用户行为，实现利益转换引导用户行为，实现利益转换关注细节，遵循习惯用法，方便用户操作关注细节，遵循习惯用法，方便用户操作保持一致性，突出重点保持一致性，突出重点网站导航设计禁忌网站导航设计禁忌使用移动的图片使用移动的图片 采用采用“很酷很酷”的表现技巧的表现技巧 导航没有文字提示导航没有文字提示 点评：只有当鼠标移到点评：只有当鼠标移到对应的图片上，才会展对应的图片上，才会展开显示内容开显示内容“电子事电子事业业”，如果单纯的看两，如果单纯的看两个个Ou

34、r BusinessOur Business，谁能，谁能知道有什么区别呢？知道有什么区别呢？ 网站页面布局设计网站页面布局设计 什么样的首页布局是合理的？什么样的首页布局是合理的？ 首页广告放置的位置是最佳位置吗？首页广告放置的位置是最佳位置吗？ 动画图片出现在哪个位置合适？动画图片出现在哪个位置合适？ 用户登陆框为什么最好不要放在网页左上角？用户登陆框为什么最好不要放在网页左上角？用户眼球视线跟踪实验用户眼球视线跟踪实验浏览者的视线通常固定在浏览者的视线通常固定在网页左上角网页左上角，然后在这个，然后在这个区域逡巡一阵后，开始右移，在顶部位置仔细停留区域逡巡一阵后，开始右移，在顶部位置仔细停

35、留阅读后，开始往下扫描。阅读后，开始往下扫描。用户网页浏览行为的研究结果用户网页浏览行为的研究结果（1 1）用户对网页的浏览视线呈）用户对网页的浏览视线呈 F F 型。他们更倾向于在网页型。他们更倾向于在网页顶部顶部阅读长句，随着网页越往下，他们越不会阅读长句，这阅读长句，随着网页越往下，他们越不会阅读长句，这就使得每个句子的开头两个词汇尤其重要。就使得每个句子的开头两个词汇尤其重要。（2 2）人们非常擅长于筛选出一页中无关信息，将注意力集中）人们非常擅长于筛选出一页中无关信息，将注意力集中到一小部分到一小部分突出的网页元素突出的网页元素中。中。（3 3）访问者对那些图片中有人物）访问者对那些

36、图片中有人物直视自己的内容非常注意直视自己的内容非常注意，如果那个直视自己的人物有一定吸引力效果更佳，但相貌不如果那个直视自己的人物有一定吸引力效果更佳，但相貌不要太漂亮。如果图片中的人物犹如职业模特则没有吸引力，要太漂亮。如果图片中的人物犹如职业模特则没有吸引力，因为这样的人物没有现实亲和力。因为这样的人物没有现实亲和力。用户网页浏览行为的研究结果用户网页浏览行为的研究结果（4 4）图片放在网页）图片放在网页正中正中会对访问者会对访问者产生阻碍产生阻碍。（5 5）用户对那些提供）用户对那些提供有用信息的图片有用信息的图片会产生更好的反响，装会产生更好的反响，装饰性饰性过强过强的图片则的图片则

37、难以激起难以激起用户反应。用户反应。（6 6）消费者对于搜索引擎结果中的）消费者对于搜索引擎结果中的广告链接一瞥而过广告链接一瞥而过，作为，作为“其次考虑其次考虑”的事情的事情网站页面布局技巧网站页面布局技巧 最重要的信息放在最重要的信息放在最显著位置最显著位置； 页面内容不宜太繁杂；页面内容不宜太繁杂； 在页面在页面左上角放置企业左上角放置企业LOGO;LOGO; 公司介绍、联系信息、网站地图等网站实用工具一般公司介绍、联系信息、网站地图等网站实用工具一般放置在网页最下方；站内检索、会员注册等引导客户放置在网页最下方；站内检索、会员注册等引导客户的网站实用工具放置在右侧或中上方显眼位置。的网

38、站实用工具放置在右侧或中上方显眼位置。1.字号字号v 字号大小的计算：磅或像素。字号大小的计算：磅或像素。v 最适合于网页正文显示的字体大小为最适合于网页正文显示的字体大小为12磅左右。磅左右。v 较大的字体可用于标题或其他需要强调的地方较大的字体可用于标题或其他需要强调的地方v 小一些的字体可以用于页脚和辅助信息小一些的字体可以用于页脚和辅助信息v 小字号易产生整体感和精致感，但可读性较差。小字号易产生整体感和精致感，但可读性较差。 网站文字设计网站文字设计2.字体字体v 字体选择是一种感性、直观的行为，要依据网页字体选择是一种感性、直观的行为，要依据网页的总体设想和浏览者的需要。的总体设想

39、和浏览者的需要。 v 粗体字强壮有力，有男性特点，适合机械、建筑粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。合服装、化妆品、食品等行业的内容。 网站文字设计网站文字设计2.字体字体v 在同一页面中，字体种类少，版面雅致，有稳定在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多采。感；字体种类多，则版面活跃，丰富多采。v 文字大小疏密的处理，能突出重点，层次分明。文字大小疏密的处理，能突出重点，层次分明。v 正文内容最好采用缺省字体。正文内容最好采用缺省字

40、体。 v 在确有必要使用特殊字体的地方，可将文字制成在确有必要使用特殊字体的地方，可将文字制成图像，然后插入页面中。图像，然后插入页面中。 网站文字设计网站文字设计3. 行距行距 v 一般情况下，接近字体尺寸的行距设置比较适合正一般情况下，接近字体尺寸的行距设置比较适合正文。文。行距的常规比例为行距的常规比例为10:12，即用字，即用字10点，则行距点，则行距12点。点。 v 有意识地加宽或缩窄行距，可体现独特的审美意趣有意识地加宽或缩窄行距，可体现独特的审美意趣如，加宽行距可体现轻松、舒展情绪，适用于娱乐性抒情性的内容。如，加宽行距可体现轻松、舒展情绪，适用于娱乐性抒情性的内容。v 通过精心

41、安排，使宽、窄行距并存，可增强版面的通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。空间层次与弹性，表现出独到的匠心。 网站文字设计网站文字设计点评：点评：上、中部文字上、中部文字编排疏散，传达出轻编排疏散，传达出轻松愉快的感觉。松愉快的感觉。下部的文字编排采用下部的文字编排采用较小的行距，与上面较小的行距，与上面的编排方式形成对比，的编排方式形成对比，丰富了版面空间层次。丰富了版面空间层次。l 色彩的基本知识色彩的基本知识l 网页色彩的搭配网页色彩的搭配网站色彩设计网站色彩设计（1 1）三原色：红黄黑）三原色：红黄黑（2 2）颜色分类：彩色和非彩色（黑白灰）颜色

42、分类：彩色和非彩色（黑白灰）（3 3）饱和度和透明度：）饱和度和透明度：由同一种颜色不同的透明度由同一种颜色不同的透明度和色彩饱和度可以组成相似的不同色调。和色彩饱和度可以组成相似的不同色调。色彩的基本知识色彩的基本知识饱和度低饱和度低饱和度高饱和度高（4 4）色环）色环v 红黄绿蓝红依次过度渐变形成红黄绿蓝红依次过度渐变形成v 同一颜色在色环上有同一颜色在色环上有2种或更多同色不同色调颜色种或更多同色不同色调颜色v 在色环上靠的越近的颜色越相似，它的对面是颜色在色环上靠的越近的颜色越相似，它的对面是颜色的对比色，角度越大对比度越大的对比色，角度越大对比度越大v 分为：暖色、中性色和冷色，分为

43、：暖色、中性色和冷色，暖色调有前进特征，暖色调有前进特征，冷色调有后退的感觉冷色调有后退的感觉v 同一颜色或者相近颜色给人的感觉是和安静和简洁同一颜色或者相近颜色给人的感觉是和安静和简洁,而对比色则给人比较强烈的视觉冲突而对比色则给人比较强烈的视觉冲突色彩的基本知识色彩的基本知识（5 5）色彩的心理感受）色彩的心理感受v 设计网页时选择一些适合网页主题或风格的颜色设计网页时选择一些适合网页主题或风格的颜色. .医院一般使用黄色和绿色医院一般使用黄色和绿色, ,这样可以帮助病人更快这样可以帮助病人更快的痊愈的痊愈, ,银行大多使用蓝色银行大多使用蓝色, ,这样可以看上去更专业这样可以看上去更专业一点一点, ,有时候也会使用绿色有时候也会使用绿色, ,这样给人的感觉更安全这样给人的感觉更安全. .色彩的基本知识色彩的基本知识（5 5）色彩的心理感受）色彩的心理感受v 不同的饱和度或透明度也会产生不同的感觉不同的饱和度或透明度也