电子商务网页与网站设计PPT课件

1、第一章第一章 电子商务网站基本知识电子商务网站基本知识学习激励与案例导航阿里巴巴集团https:/ 电子商务网站基本知识电子商务网站基本知识1电子商务应用系统电子商务应用系统2电子商务网站概述电子商务网站概述3电子电子商务网站的商务网站的技术基础技术基础456电子数据电子数据交换交换网页网页网站网站万维网之万维网之父父-蒂姆蒂姆 伯伯纳斯李纳斯李 搜索引擎搜索引擎营销营销网络广告网络广告亚马逊成立亚马逊成立戴尔网上戴尔网上直销直销计算机技术计算机技术网络网络信用卡信用卡安全交易协议安全交易协议政府推动政府推动 EDI 万维网的诞生万维网的诞生 各种模式电子各种模式电子商务的出现商务的出现 1.

2、电子商务的产生与发展电子商务的产生与发展7.2电子商务的概念、本质与内涵电子商务的概念、本质与内涵本质本质1.具有商务活具有商务活动能力的实动能力的实体体2.网络化、数网络化、数字化字化内涵内涵1.1.利用电子工具利用电子工具和技术从事商和技术从事商务活动的过程务活动的过程2.2.渗透到贸易活渗透到贸易活动的各个阶段动的各个阶段3.3.参与者参与者4.4.目的：高效率目的：高效率低成本低成本广义：广义：各行业各各行业各种业务的电子化、种业务的电子化、数字化、网络化、数字化、网络化、自动化。自动化。狭义：狭义：人们利用人们利用电子手段进行商电子手段进行商品交换为

3、中心的品交换为中心的各种商务活动。各种商务活动。定义定义9101.1.3电子商务的分类电子商务的分类按参与交易的主体分类按参与交易的主体分类（1）企业对企业（）企业对企业（B2B）（2）企业对消费者（）企业对消费者（B2C）（3）消费者对消费者（）消费者对消费者（C2C）（4）政府对企业（）政府对企业（G2B）（5）政府者对消费者（）政府者对消费者（G2C）11121.1.3电子商务的分类电子商务的分类以下网站属于C2C性质的是( )。A:拍拍网B:京东商城C:阿里巴巴D:当当网131.1.3电子商务的分类电子商务的分类中国建材网属于( )性质。A:B2BB:B2CC:C2CD:B2G14电电

4、 子子 商商 务务政政 策策法法 律律人人 才才信信 用用规规 范范网络基础设施网络基础设施开发层开发层公共服务层公共服务层应用层应用层电子商务五大电子商务五大社会支柱社会支柱网上交易、网络广告、网上交易、网络广告、业务协作、商业智能、业务协作、商业智能、知识管理等知识管理等有线电视网、无有线电视网、无线通信网、计算线通信网、计算机网络机网络HTMLHTML、XMLXML、JAVAJAVA、WWWWWW等等安全认证、电子支安全认证、电子支付、市场调研等付、市场调研等15前台前台网站网站后台后台企业内部信息系统企业内部信息系统物物 流流 中中 心心支付中心支付中心认证中心认证中心供应者供应者采购

5、者采购者161.3电子商务网站概述电子商务网站概述.1电子商务网站定义电子商务网站定义.2电子商务网站特点及作用电子商务网站特点及作用.3商务网站主要内容及功能商务网站主要内容及功能.4商务网站各种形式商务网站各种形式.5商务网站构成要素商务网站构成要素17第一章第一章 电子商务网站基本知识电子商务网站基本知识1.3.1电子商务网站定义电子商务网站定义商务网站是指一个企业、机构或公司在互联网上建立的站点，其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。电子商务网站是企业开展电子商务的基础设施和

6、信电子商务网站是企业开展电子商务的基础设施和信息平台，是实施电子商务的公司与服务对象之间的息平台，是实施电子商务的公司与服务对象之间的交互界面，是电子商务运转的承担者和表现者。交互界面，是电子商务运转的承担者和表现者。电子商务网站是企业或商家展示其产品与服务的舞电子商务网站是企业或商家展示其产品与服务的舞台；是企业或商家体现其形象和经营战略的载体。台；是企业或商家体现其形象和经营战略的载体。1.3.1电子商务网站定义电子商务网站定义18商务性商务性服务性服务性安全性安全性就是解决电子商务是做什么的这一核心问就是解决电子商务是做什么的这一核心问题，也可以说电子商务的实质是商务活动题，也可以说电子

7、商务的实质是商务活动 电子商务的服务性要围绕方便客户这一原则电子商务的服务性要围绕方便客户这一原则 安全性是电子商务生存的基础条件安全性是电子商务生存的基础条件 可扩展性可扩展性协调性协调性是指其系统具备扩展能力，能够满足电子商是指其系统具备扩展能力，能够满足电子商务活动繁忙时系统速度、流量压力承受。务活动繁忙时系统速度、流量压力承受。 商务活动是一种协调过程，它需要整体的协商务活动是一种协调过程，它需要整体的协调，电子商务系统才能正常有效运转调，电子商务系统才能正常有效运转 1.3.2电子商务网站特点及作用电子商务网站特点及作用191企业宣传与推介企业经营业绩企业经营业绩其他宣传与推介内容其

8、他宣传与推介内容提供技术支持资料提供技术支持资料1.3.2电子商务网站的内容与功能电子商务网站的内容与功能产品与服务介绍产品与服务介绍企业基本背景介绍企业基本背景介绍1.3.3商务网站主要内容及功能商务网站主要内容及功能202、开展网络营销网上支付网上支付客户购物信息查询客户购物信息查询商品选购商品选购1.3.2电子商务网站的内容与功能电子商务网站的内容与功能客户注册与登录客户注册与登录商品展示与报价商品展示与报价1.3.3商务网站主要内容及功能商务网站主要内容及功能213与客户交流并提供服务售后服务售后服务网上调查网上调查邮件列表邮件列表1.3.2电子商务网站的内容与功能电子商务网站的内容与

9、功能网上论坛网上论坛客户留言客户留言1.3.3商务网站主要内容及功能商务网站主要内容及功能22按照商务目的和业务功能划分按照商务目的和业务功能划分1.3.4电子商务网站的分类电子商务网站的分类（1 1）宣传式网站）宣传式网站 网上超市网上超市 （2 2）交易式网站）交易式网站 网上专卖店网上专卖店（3 3）交易中介式网站）交易中介式网站 特殊交易网站特殊交易网站网上商城网上商城网上拍卖网上拍卖网上信息提供网上信息提供（4 4）内部管理式网站）内部管理式网站1.3.4商务网站各种形式商务网站各种形式23构建网站的主体划分构建网站的主体划分（1 1）行业式网站）行业式网站: :社会上各行各业都可以

10、根据需社会上各行各业都可以根据需要创建本行业的商务网站开展行业性的电子商务要创建本行业的商务网站开展行业性的电子商务活动。由于各行各业经营方式和经营目的不同，活动。由于各行各业经营方式和经营目的不同，其网站在内容、形式、风格的定位上也有较大差其网站在内容、形式、风格的定位上也有较大差异。异。（2）企业电子商务网站（3）电子政务网站（4）服务机构电子商务网站1.3.4电子商务网站的电子商务网站的分类分类1.3.4商务网站各种形式商务网站各种形式24按照产品线的宽度和深度划分按照产品线的宽度和深度划分（1 1）水平型网站）水平型网站: : （又称综合性网站（又称综合性网站, ,大而全）大而全）阿里

11、巴巴、慧聪网等都是B2B的综合型网站。易购网、当当网则是B2C的综合型网站。 （2 2）垂直型网站）垂直型网站: :注意力集中在某些特定的领注意力集中在某些特定的领域或某种特定的需求，提供有关这个领域或需域或某种特定的需求，提供有关这个领域或需求的全部深度信息和相关服务，作为互连网的求的全部深度信息和相关服务，作为互连网的新亮点，垂直网站正引起越来越多人的关注。新亮点，垂直网站正引起越来越多人的关注。（3）专门网站1.3.4电子商务网站的电子商务网站的分类分类1.3.4商务网站各种形式商务网站各种形式251.3.5电子商务网站构成要素电子商务网站构成要素n网站的域名及地点n网站的页面n商品目录

12、n购物车、付款台（货款结算）n商品配送接口n计数器、留言板n会员管理n商品及库存管理26微站微站，是移动互联网时代的新概念，伴随着智能手微站，是移动互联网时代的新概念，伴随着智能手机等移动终端的普及而产生，是移动互联网时代企机等移动终端的普及而产生，是移动互联网时代企业基础应用平台和移动门户，也是移动互联网统一业基础应用平台和移动门户，也是移动互联网统一数据入口。数据入口。微站，可以快速构建手机网站、生成手机客户端微站，可以快速构建手机网站、生成手机客户端APP的功能，并集成与微信、微博、二维码的数的功能，并集成与微信、微博、二维码的数据接口，实现企业信息化管理与移动互联网技术的据接口，实现企

13、业信息化管理与移动互联网技术的结合。结合。补充！补充！27 计算机网络就是指利用通信线路，将分布计算机网络就是指利用通信线路，将分布在不同地理位置的具有独立功能的多台计算机、在不同地理位置的具有独立功能的多台计算机、终端以及各种附属设备连接起来，按照网络协终端以及各种附属设备连接起来，按照网络协议进行数据通信，实现资源共享的系统的集合。议进行数据通信，实现资源共享的系统的集合。网络传输媒介网络传输媒介通信线路通信线路传输的位置传输的位置分布在不同的地理位置分布在不同的地理位置连接的设备连接的设备独立功能的计算机独立功能的计算机传输的规则传输的规则网络协议网络协议网络的功能网络的功能资源共享、资

14、源交换资源共享、资源交换1.4.0 复习：（1）计算机网络的定义1.4相关技术基础相关技术基础28局域网局域网LANLocal Area Network 城域网城域网MANMetropolitan Area Network 广域网广域网WANWide Area Network 是在一个建筑物内，为单位所独有，是在一个建筑物内，为单位所独有，距离从几米远到十几公里距离从几米远到十几公里 是在一个城市内部组建的网络是在一个城市内部组建的网络 也称为互联网、远程网，覆也称为互联网、远程网，覆盖范围广泛，可从几百公里盖范围广泛，可从几百公里到几千公里到几千公里, ,连接多个城市连接多个城市或国家或国家

15、. .（2）按地理范围将计算机网络分为：1.4相关技术基础相关技术基础个人区域网个人区域网PANPersonal Area Network 29收发电子邮件收发电子邮件网上办公网上办公 上网浏览上网浏览 查询信息查询信息 电子商务电子商务 游戏与娱乐游戏与娱乐 其他应用其他应用 InternetInternet即互联网，是世界上最大的网络系统，由即互联网，是世界上最大的网络系统，由成千上万个网络互相联接起来构成的计算机网络系成千上万个网络互相联接起来构成的计算机网络系统。互联网已经走入千家万户，目前在人们生活、统。互联网已经走入千家万户，目前在人们生活、科研、教育、商业活动中发挥了重要的作用，

16、尤其科研、教育、商业活动中发挥了重要的作用，尤其是现代的电子商务活动已经离不开是现代的电子商务活动已经离不开InternetInternet。 （3）互联网概述1.4相关技术基础相关技术基础网络的网络网络的网络30（3）互联网概述1.4相关技术基础相关技术基础TCPUDPHTTP以太网DNSFTPTELNETFDDIX.25ATMIPARP TCP/IPTCP/IP协议集及内部依赖关系协议集及内部依赖关系应用层应用层网络接口层网络接口层传输层传输层网间网层（互连层（互连层）ICMPSMTPTCP/IPTCP/IP模型由网络接口层、网间网层、传输层模型由网络接口层、网间网层、传输层和应用层四个层

17、次组成和应用层四个层次组成。31（3）互联网概述1.4相关技术基础相关技术基础应用层应用层运输层运输层网络层网络层表示层表示层会话层会话层数据链路层数据链路层物理层物理层7 76 65 54 43 32 21 1OSI 的体系结构的体系结构应用层应用层网络接口层网络接口层网际层网际层 IP (各种应用层协议如各种应用层协议如TELNET, FTP, SMTP 等等)运输层运输层(TCP 或或 UDP)TCP/IP 的体系结构的体系结构无连接分组交付服务无连接分组交付服务运输服务运输服务 (可靠或不可靠可靠或不可靠)各种各种应用服务应用服务TCP/IP 的三个服务层次的三个服务层次321网络拓朴

18、网络拓朴 计算机网络的连线方式称为计算机网络的连线方式称为网络的拓扑结构网络的拓扑结构总总 线线 型型 拓拓 扑扑环环 形形 型型 拓拓 扑扑星星 型型 拓拓 扑扑（4）网络的有关名词1.4相关技术基础相关技术基础332IP 地址地址每台上网的计算机都有一个号码，每台上网的计算机都有一个号码，IP 地址地址是计算机在网络上的唯一标识。是计算机在网络上的唯一标识。计算机的计算机的IPIP地址的形式：地址的形式：2 1 0 . 7 3 . 1 4 0 . 2 5 （4）网络的有关名词1.4相关技术基础相关技术基础343网络协议网络协议不同的计算机在网络中实现通信时必须遵不同的计算机在网络中实现通信

19、时必须遵守约定，也就是通信协议。不同的网络要守约定，也就是通信协议。不同的网络要使用不同的协议使用不同的协议 。 例如例如 ： 接入互联网的计算接入互联网的计算机都要使用机都要使用 TCP/IPTCP/IP 协协议，才能正常上网。议，才能正常上网。httphttp 是是 TCP/IPTCP/IP 协议中协议中的一个子协议。的一个子协议。 （4）网络的有关名词1.4相关技术基础相关技术基础35HTTP的默认端口是( ) 。WWWURL Home Page 域名域名 HTML 超链接超链接 HTTP WWWWWW是是World Wide WebWorld Wide Web的缩写，即环球信息网，也的

20、缩写，即环球信息网，也可以简称为可以简称为WebWeb，中文名字为，中文名字为“万维网万维网”。 URLURL即即Uniform Resource LocatorUniform Resource Locator的缩写，通俗地的缩写，通俗地说就是网址，每个文件无论以何种方式存在于哪说就是网址，每个文件无论以何种方式存在于哪个服务器上，都有一个唯一的个服务器上，都有一个唯一的URLURL地址。地址。 Home PageHome Page即主页，也称为首页，浏览者访问站点即主页，也称为首页，浏览者访问站点时第一个出现的页面被称为主页。时第一个出现的页面被称为主页。 域名就是指企业在互联网上的地址，人

21、们可以通域名就是指企业在互联网上的地址，人们可以通过这个地址访问网站。过这个地址访问网站。 HTMLHTML是是HyperTextHyperText MarkupMarkup LanguageLanguage的缩写，即超的缩写，即超文本标记语言，它是构成网页的主要工具。文本标记语言，它是构成网页的主要工具。 超链接是指从一个网页指向一个目标的连接关系超链接是指从一个网页指向一个目标的连接关系 HTTPHTTP协议是协议是HyperText Transfer ProtocolHyperText Transfer Protocol的缩写，的缩写，即超文本传输协议即超文本传输协议 1.4相关技术基础

22、相关技术基础（5）网站建设的有关概念3.4电子商务网站设计与管理电子商务网站设计与管理的总体思路的总体思路1.4.1 C/S1.4.1 C/S模式模式和和B/SB/S模式模式.2典型的电子商务典型的电子商务网站组成网站组成.3电子商务电子商务网站的技术要素网站的技术要素1.4商务网站的结构模式商务网站的结构模式1.4电子电子商务网站的商务网站的技术基础技术基础37客户机客户机/ /服务器结构服务器结构模式模式1 1商务网站的商务网站的内部层次结构内部层次结构3 3面向电子商务面向电子商务的的B/SB/S结构结构2 21.4.1C/S模式和模式和

23、B/S模式模式1.4.1 C/S模式和模式和B/S模式模式38Client/Server（客户机/服务器）结构模式，简称C/S模式。C/SC/S模式模式1.4.1C/S模式和模式和B/S模式模式1.4.1 C/S模式和模式和B/S模式模式客户端客户端（1）请求服务）请求服务服务器服务器（2）响应，提供服务）响应，提供服务391.4.1 C/S模式和模式和B/S模式模式B/SB/S模式模式B/S模式是一种以Web技术为基础的新型的系统平台模式。浏览器浏览器（1）请求）请求WEB服务服务WEB服务器服务器（2）响应，提供）响应，提供WEB服务服务401.4.1C/S模式和模式和B/S模式模式1.4

24、.1 C/S模式和模式和B/S模式模式把传统C/S模式中的服务器部分分解为一个数据服务器与一个或多个应用服务器(Web服务器)，从而构成一个三层结构的客户服务器体系。商务网站的商务网站的B/SB/S模式模式41商务网站商务网站内部层次内部层次结构结构1.4.1C/S模式和模式和B/S模式模式1.4.1 C/S模式和模式和B/S模式模式电子商务网站是一种典型的基于Web的分布式、三层应用体系结构，应用逻辑与用户界面和数据存取明显的分离出来，客户端的用户界面与服务器端数据存取隔离开来。421.4.2典型的电子商务网站典型的电子商务网站组成组成43图像处理工具图像处理工具 动画工具动画工具 页面编辑

25、工具页面编辑工具 2前端开发工具前端开发工具3后端开发后端开发 网站强大的功能依靠后台程序来实现，网站网站强大的功能依靠后台程序来实现，网站后台开发主要指动态程序开发、数据库建模，主后台开发主要指动态程序开发、数据库建模，主要使用的相关软件有要使用的相关软件有ASPASP、JSPJSP、PHPPHP、ASP.netASP.net等。等。 1.4.3电子商务网站技术要素电子商务网站技术要素1HTML+CSS+JavaScript4数据库数据库44服务器端技术（后端）服务器端技术（后端）ASPASPPHPPHPJSPJSP客户端技术（前端）客户端技术（前端）HTMLHTML脚本语言（脚本语言（VBSCRIPTVBSCRIPT、JAVASCRIPTJAVASCRIPT）CSSCSSXMLXML1.4.3电子商务网站技术要素电子商务网站技术要素数据库技术数据库技术SQL SERVERSQL SERVERDB2DB2OracleOracle45WEB前端开发最开始的前端网页主要是静态网页。所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。46前端技术开发的核心是什么呢？