商务网站设计 实用教程

1. 商务网站设计 实用教程 教师姓名： 职务：

2. 商务网站设计实用教程 本课程深入介绍了商务网站设计的最新理念和开发技术，从介绍电子商务和商务网站的基本概念、商务网站的设计理念开始，详细讲解了商务网站的建设规划、网站设计平台和运行环境选择与调试、网站的建立与设计、网页设计基础、网站交互功能设计和商务网站的管理与维护技术。此外，本课程还精选了若干国内外成功的商务网站，对这些成功案例进行分析，最后以一个经典实例具体地讲解了商务网站的设计和开发全过程。

3. 第 1 章 商务网站概述 主要内容 • 电子商务概述 • 电子商务应用系统及工作流程 • 电子商务网站综述 • 商务网站设计与管理理念

4. 1.1 电子商务概述 一、电子商务的定义 • 从狭义上看：电子商务（EC，Electronic-Commerce）也就是电子交易，是指人们利用电子手段进行在网上以商品交换为中心的各种商业活动。包括政府部门、企事业单位、金融机构、商家和个人通过Internet进行商品交易活动或提供各种在线服务。

5. 1.1 电子商务概述 • 从广义上看：电子商务指各行各业中各种业务的电子化，它包括企业内部商务活动，如生产、管理、财务等以及企业间的商务活动，它不仅仅是硬件和软件的结合，更是把客户、销售商、生产厂家和合作伙伴在Internet、企业内部网（Intranet）和企业外部网（Extranet）上利用Internet技术与现有的系统全面结合起来的一种应用。

6. 1.1 电子商务概述 • 电子商务的目标：在电子化的环境中建立商业环境，使买卖双方的交易环节以电子化集成和自动化完成。 • 电子商务所包括的内容：货物贸易和相关服务、提供数字化的商务资料、实现电子转账、完成电子化的股票交易处理、提供电子提货单证、进行商业拍卖活动、联机信息查询服务，联机科技情报查询服务，直接消费者市场和售后服务等等。

7. 1.1 电子商务概述 二、电子商务系统结构 电子商务系统如图1-1所示，由以下几部分组成 。 • 电子商厦：进行商品陈列的数据库； • CA认证中心：对买卖双方进行必要的认证，确保交易的有效性； • 呼叫中心：将用户要求通知相关机构或部门； • 支付网关：确保购买过程的支付顺利完成。

8. 1.1 电子商务概述 三、电子商务的主要功能 • 广告宣传 • 咨询洽谈 • 网上订购 • 网上支付 • 电子账户 • 服务传递 • 意见征询 • 交易管理

9. 1.1 电子商务概述 四、电子商务的分类 1.BtoB 即企业与企业之间的电子商务（Business to Business），是指企业与企业之间通过Internet或各种商务网络进行数据信息的交换、传送，开展贸易活动的商务模式。 2.BtoC 即企业与消费者之间的电子商务（Business to Customer），这种模式类似于商业活动中的零售业，它是随着WWW的出现而迅速发展起来的。

10. 1.1 电子商务概述 3.GtoB 即政府与企业之间的电子商务（Government to Business）。这种电子商务活动可以覆盖企业公司与政府组织的各种事务，包括采购、税收、商检、管理条例的发布以及法律法规的颁布等。 4.CtoC 即消费者与消费者之间的电子商务（Customer to Customer）。这是消费者个人之间利用Internet进行的商务活动。

11. 1.2电子商务应用系统及工作流程 一、电子商务系统的结构和基本构成要素 1. 电子商务系统的结构 电子商务系统是三层体系结构，如图1-2所示。 • 电子商务网络平台 是信息传送的载体和用户接入的手段，它包括硬件、软件、数据库和电信，包括各种各样的物理通信平台和信息传送方式。

12. 1.2电子商务应用系统及工作流程 • 电子商务基础平台 是电子商务体系结构的中间层，它包括CA（Certificate Authority）认证、支付网关（Payment Gateway）和客户服务中心三个部分。 • 电子商务应用平台 电子商务体系结构的顶层是各种各样的电子商务应用系统，实现各种网上商务活动与服务，如标准的商品目录价目表、网上订购、网上支付、网上报税/交税 、网上投递、远程医疗、远程教育等商务活动协同和商品交易等。

13. 1.2电子商务应用系统及工作流程 2. 电子商务系统的基本构成要素 电子商务系统是由一系列基本系统要素构成的。 （1）客户端 基于Web浏览器的客户端，可以保证在世界范围内进入到电子商务系统中，并按照需求传送或接收各种应用请求。 （2）网络基础结构 指一个电子商务的环境平台，包括TCP／IP协议、网络服务、安全服务、目录服务、文件和打印服务，以及TCP／IP、CDSA、SSL、IPSEC X.509 V3证书、LDAP、AFS／DFS和IPP等支持技术。

14. 1.2电子商务应用系统及工作流程 （3）应用服务器软件 提供了一个包括HTFP服务器、Groupware邮件和社区服务、数据库服务、事务文件服务、新闻服务等开发与支撑电子商务应用的核心功能，还包括了SMTP、POP3、IMAP4、IRC、NNTP、FTP、ODBC、CORBA、OTS/IIOP等支持技术。 （4）应用集成 基于Web的应用集成能够整合异构的、使用不同程序语言编写和不同结构的应用系统，以保证企业内部以及企业与外部的相互交流，目的是在原有投资的基础上保证电子商务的应用。

15. 1.2电子商务应用系统及工作流程 （5）Web应用编程环境 基于Java Server Pages、Java Servlets、企业java Services、Java Bean component的Web应用编程环境，为在Web应用服务器上编写动态网页、处理事务文件、保证电子商务应用提供运行环境。 （6）系统管理服务。通过网络、系统、中间件和应用以支持“端到端”的管理。 （7）开发工具。支持进入到开发过程中的已集成的第三方工具，保证创建、开发、管理电子商务的有效运作。

16. 1.2电子商务应用系统及工作流程 二、电子商务应用系统的工作流程 1. 电子商务应用系统的构成 • 一般由电子商务实体、电子商场、实物流、信息流、资金流、事务流等基本要素构成。 • 电子商务实体涉及到商务活动的参与各方，包括商店、消费者、政府、银行或金融机构、认证中心（CA）、交易网关、货运公司、信息公司或证券公司等。

17. 买方 认证中心 卖方 图1-3 电子商务应用系统的一般工作流程 Internet 银行 1.2电子商务应用系统及工作流程 2. 电子商务应用系统的一般工作流程 • 电子商务应用系统的工作流程是利用计算机网络技术全面实现在线交易电子化的过程。如图1-3所示。

18. 1.2电子商务应用系统及工作流程 3. BtoC电子商务应用系统的工作流程 个人消费者采用电子钱包进行在线购物的电子商务系统交易过程如下： （1）客户进入卖方购物网站的主页，系统前台接收和处理注册或登记信息。 （2）系统接收、传递与处理客户的商品搜索、选购、填写购物清单、放入购物车中和提交购物申请等信息。 （3）将购物信息处理后，显示出支付网页，供客户选择支付方式，并启动支付流程。

19. 1.2电子商务应用系统及工作流程 （4）卖方系统软件接收到支付请求，向支付网关请求支付授权。 （5）支付网关向卖方软件发送授权响应，卖方软件根据授权响应，向用户发送支付收据或拒绝信息。 （6）支付成功后，卖方系统向客户传递送货方式选择信息供客户选择。 （7）卖方电子商务应用系统后台管理软件进行订单处理、库存查询，如果有货物则直接生成发货单向货运公司或物流公司发送通知单；如果没有货物则生成采购通知单给供货单位。 （8）货运公司或物流公司按照客户提出的送货方式向用户送货。

20. 1.2电子商务应用系统及工作流程 4. BtoB电子商务应用系统的工作流程 BtoB型电子商务在运作时，需要多方的协作，因此比BtoC型电子商务要复杂。 （1）经销商进入交易中心或e-marketplace网站的主页，应用系统接收和处理注册或登记信息。 （2）买方注册或登记进入交易中心或e-marketplace网站的主页，提交订单、启动购买，应用系统接收、传递与处理买方的注册或登记、商品搜索、选购、填写购物清单、提交购物，申请等信息。 （3）应用系统将购物信息处理后，确认订单，经支付网关确认后，订单入库。

21. 1.2电子商务应用系统及工作流程 （4）库存管理软件进行库存查询，如果有库存，则向分公司提交订单申请，分公司软件接受订单；如果没有库存，则向上下游供应商或生产商提交采购申请。 （5）上下游供应商或生产商的软件系统接受采购申请后进行库存查洵，如果有则向库存管理反馈信息，接受采购；如果没有则向零部件生产商提交申请，获得货运后组织生产。 （6）支付网关向卖方软件发送授权响应，卖方软件根据授权响应，向买方发送支付收据或拒绝信息。 （7）支付成功后，则分公司生成发货单向货运公司或物流公司发送通知单。 （8）货运公司或物流公司按照买方提出的送货方式送货。

22. 1.2电子商务应用系统及工作流程 5. CtoC电子商务应用系统的工作流程 目前，CtoC型电子商务应用系统主要应用于网上拍卖，其系统的工作流程如下： （1）拍卖方或竞拍方（有时双方同时）进入拍卖网站，进行注册或登记，应用系统拒收信息，并对会员进行信息管理，建立会员档案。 （2）一方面，拍卖方登记拍卖物品，系统接受登记进行拍卖物品信息处理，建立拍卖商品目录；另一方面，竞拍方搜索查找所需物品，应用系统接受信息查询。

23. 1.2电子商务应用系统及工作流程 （3）一方面，系统接受拍卖方修改和确认拍卖物品，并进行拍卖商品管理；另一方面，系统接收竞拍方参与拍卖的信息。 （4）经过信息处理和拍卖商品管理后，确认拍卖和竞拍，网站拍卖结束。 （5）双方通过E—mail联系。

24. 1.3 电子商务网站综述 一、电子商务网站的定义 • 电子商务网站简称商务网站，是利用软、硬件基础设施，通过Internet相互连接起来的，为用户提供网页服务（Web Server）、数据传输服务（FTP Server）、数据库服务（Database Server）、邮件服务（ Mail Server）等多种服务的信息载体。

25. 1.3 电子商务网站综述 • 在Internet上建立商务网站是电子商务目前主要的实现形式。 • 商务网站在Internet上存放了大量的信息并提供了相应的服务，通常人们通过Internet浏览器访问不同的商务网站，进行一定的信息交互，比如查询产品信息、下订单、资金确认、物流运输等，进而完成一次商务活动的全过程。

26. 二、商务网站的功能与特点 1.商务网站的功能 • 宣传企业形象及推介产品、服务 • 网上订购和网上支付 • 网上业务洽谈及咨询服务 • 与客户交流及提供个性化服务 • 其他功能 1.3 电子商务网站综述

27. 1.3 电子商务网站综述 2. 商务网站的特点 • 商务性 • 服务性 • 集成性 • 可扩展性 • 安全性 • 协调性

28. 1.3 电子商务网站综述 三、商务网站的结构模式 • 客户机/服务器结构模式 • 客户机/服务器结构模式简称为C/S模式，“C/S”是指Client/Server（客户机/服务器）体系结构，这是多年来一直流行的网络计算模式。 • C/S模式是一种两层结构的系统：第一层是在客户机系统上结合了表示与业务逻辑；第二层是通过网络结合了数据库服务器。通过将任务合理分配到Client端和Server端，从而降低了系统的通讯开销，可以充分利用两端硬件环境的优势。

29. 1.3 电子商务网站综述 2. 面向电子商务的B/S结构模式 • 商务网站采用的是B/S结构模式(浏览器/服务器)体系结构，实际上是一种基于Web的C/S模式。 • B/S结构主要利用WWW浏览器技术，结合浏览器的多种Script语言(VBScript、JavaScript…)和ActiveX技术，实现原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。 • 这种结构更成为当今应用软件的首选体系结构，microsoft.net也是在这样一种背景下被提出来的架构。

30. 应用程序服务器 数据库服务器 Web服务器 商务网站内部层次结构 1.3 电子商务网站综述 3. 内部层次结构 • 要完成复杂的电子商务功能，除了必须提供Web服务功能之外，商务网站还需要有数据库服务器和应用服务器的支持。从这个意义上讲，商务网站内部可以划分为由Web服务器层、应用程序层和数据库服务器层共同构成的3层结构。如下图所示。

31. 1.3 电子商务网站综述 • 在这种3层结构中，应用程序服务器的作用最重要，首先通过应用程序服务器与Web服务器相互配合来共同完成商务逻辑的，然后由应用程序服务器和数据库服务器共同完成数据库的访问。 4. 商务网站与内联网及外联网 • 企业网络化的信息平台建设主要涉及Internet、Intranet和Extranet三种类型，企业商务网站的建设应以Intranet和Extranet的建设为前提。

32. 1.3 电子商务网站综述 （1）企业内联网（Intranet） • Intranet即企业内部网络。它是采用Internet技术在统—的行政和安全控制管理之下构建成的企业内部的信息管理平台。 • Intranet的建立对于企业电子商务的运行是十分必要的。对于—个具一定有规模的企业来说，其商务网站的建设离不开企业内部网Intranet的支持，商务网站通常是企业内部网络的延伸，是企业对外进行商务活动的平台和窗口。

33. 1.3 电子商务网站综述 • Intranet的用途：对内可以连接内部各个单位、部门和雇员，实现企业内部管理的网络化和数字化；对外则可以连接合作伙伴和客户从事各种商务活动，提供广告宣传、技术支持等服务。 • Intranet是采用Internet技术建立起来的并与Internet相连的企业内部信息网络。与传统的企业内部网络比较，相对而言，Intranet具有更大的开放性、通用性、可扩展性和安全性，且易于管理和维护。

34. 1.3 电子商务网站综述 （2）企业外联网（Extranet） • Extranet是一种延伸了的Intranet，它通过一定的技术途径将企业内部网扩展到外部，把企业内部已存在的信息网络延伸到企业之外，使其完成—些合作性的商业应用，特别是在企业间的合作与为特定客户服务方面有很大的优势。 • 一个现代企业除了应构建Intranet来满足企业内部的管理和运行需要之外，还需要经常与某些业务关系密切的企业或单位通过网络进行联系或共享某些资源。 • Extranet可以把企业内部的Web应用扩展到企业的贸易伙伴和远程的分公司，因而成为许多企业特别是跨国公司的网络应用方案。

35. 1.3 电子商务网站综述 • Extranet大多采用虚拟专网VPN(Virtual Private Network)技术，即在公共的Internet信息通道上采用隧道技术开辟企业和特定客户间的私有通道。 • 从技术的角度来讲，Internet、Intranet和Extranet环境是自然地、紧密地集成在一起的，使得相关的企业、机构和人员能在开放的网络Internet、专用封闭的网络Intranet和受控的网络Extranet一起组成的共同环境中进行工作。

36. 1.3 电子商务网站综述 四、商务网站的几种常见形式 • 宣传式网站 利用网站开展企业推介和营销宣传活动。 2. 门户式网站 所谓门户式网站，是指只要客户登录到这个网站，就可以得到企业或商家提供的所有服务。例如海尔、TCL和联想等。 3. 交易式网站 也称为网上商店，其主要目的是开展BTOC形式的商品交易活动和提供相应的交易服务。例如网上超市、网上专卖店以及像网上证券、外汇交易、网上游戏等特殊交易网站等。

37. 1.3 电子商务网站综述 4.交易中介式网站 主要用于建立交易平台，让其他企业或个人到此网站进行交易，收取一定的中介服务费用或服务器存储空间租用费用，开展BTOB或CTOC形式的交易活动。常见的交易模式网站有网上商城、网上拍卖（如易趣）、网上信息提供等。 5.行业式网站 各行各业都可以根据需要建立自己的商务网站，以便更好地开展行业性的商务活动。例如中国化工网、招商银行网、中国旅游网、中国时尚服装网等。 6.电子政务网站 电子政务与电子商务有密切的关系，在一定程度上可以说电子政务是电子商务的组成部分。目前我国各级政府部门大多都已建立了自己的电子政务网站，例如“首都之窗” 网站等。

38. 1.4 商务网站设计与管理理念 一、商务网站规划的原则 在网站的规划中应当注意以下几个原则： 1.目的明确原则 2.主题鲜明原则 3.专业特性介绍原则 4.网站版式设计原则 5.形式与内容统一原则 6.功能服务切合实际原则

39. 网站的功能定位 网站的规划与分析 网站的内容设计与开发 网站管理系统的设计 网站的测试与推广 电子商务网站设计与管理的基本过程 1.4 商务网站设计与管理理念 二、商务网站设计与管理的主要环节及内容 1. 商务网站设计与管理的主要环节 • 商务网站的设计与管理一般包括网站功能定位、网站的规划与分析、网站的内容设计与开发、网站管理系统的建立、网站的测试与推广5个主要环节，如下图所示。

40. 1.4 商务网站设计与管理理念 2. 商务网站设计与管理的主要内容 • 商务网站的功能定位 • 商务网站的规划与分析 • 商务网站的内容设计与开发 • 商务网站管理系统的设计 • 商务网站的测试与推广

41. 本章小结 本章简述电子商务的基本概念，介绍了电子商务的主要功能、特性和电子商务的应用系统结构、工作流程、交易过程和内容，阐述了商务网站的定义、功能和特点、网站的类型以及网站的结构模式。通过本章的学习，读者应该对电子商务的概貌和商务网站设计及运行管理有一个总体性的了解，也为后续章节的学习打下必要的基础。

42. 习 题 一、思考与练习 1. 简述电子商务的基本概念。 2. 电子商务有哪些主要功能和特性？ 3. 试简述电子商务应用系统的工作流程。 3. 商务网站有哪些主要特点？ 4. 商务网站有哪些类型？各举一例说明。 5. 电子商务有哪些结构模式？各有何特点？ 6. 试举例说明商务网站应用系统交易的具体过程和内容。 二、实践题 • 1.进入新浪网站（http://www.sina.com.cn），了解商务网站创建的一些基本要素，从中寻找有用的信息并下载到自己的文件夹内，以备后用。要求学会如何从Internet上搜索资料。 • 2.进入著名网站当当网上书店（http://www.dangdang.com），直接从中寻找信息。