电子商务网站建设与维护培训教材课件

1、1电子商务网站建设与维护 1电子商务网站建设与维护 21.电子商务能给企业带来什么？ 在目前的信息社会，电子商务对企业来讲非常重要。 第一阶段，电子商务是“救命稻草”。第二阶段，电子商务是“锦上添花”。2.企业真的需要电子商务网站吗？ 网站可以为企业提供的服务主要包括3S，即SHOW、SALE、SERVE：SHOW（展示） SALE（交易） SERVE（服务） 1 电子商务网站概述提出问题21.电子商务能给企业带来什么？ 1 电子商务网站概述提出32 电子商务网站的分类1按商务目的和业务功能分类 基本型电子商务网站：针对小型企业，宣传作用，构建价格低，多用虚拟主机方式实施。 宣传型电子商务网站

2、：内容简洁，突出信息宣传 客户服务型电子商务网站：突出产品服务宣传和技术 支持，如杀毒软件提供商。 完全电子商务运作型网站：宣传，营销，销售 32 电子商务网站的分类1按商务目的和业务功能分类42 电子商务网站的分类2按构建网站主体分类 行业电子商务网站：为本行业企业和部门提供信息、交流平台。 企业电子商务网站：为企业产品服务提供支持。 政府电子商务网站：以政府机构为主体构建，为政府税收和公共服务提供平台。 服务机构电子商务网站：商务、金融、邮政、家政、休闲娱乐等服务机构为主体构建，为大众服务。 42 电子商务网站的分类2按构建网站主体分类52 电子商务网站的分类3按电子商务网站开办者分类 流

3、通型电子商务网站：是电子商务网站的主要存在形式。突出众多商品展示、查询及销售 生产型电子商务网站：为企业产品服务提供宣传和技术支持，网站特色突出与企业文化一脉相承。 52 电子商务网站的分类3按电子商务网站开办者分类62 电子商务网站的分类4按产品线的广度和深度分类（主要针对B2B电子商务模式） 垂直型电子商务网站：集中对某一产品提供纵深型服务，在产品的互补性和购物的便捷性方面有优势，专业性更强。 水平型电子商务网站：围绕某一产品或行业进行产品线的横向展开，进行跨行业，多产品类型的信息提供。 专门电子商务网站：提供某一类品牌知名度高的产品信息和服务支持。 公司电子商务网站：为本公司产品和服务提

4、供支持。 62 电子商务网站的分类4按产品线的广度和深度分类（主要73 电子商务网站规划概述 电子商务网站的设计思想和总体目标1. 设计思想: 以客户为中心 树立企业形象 提升企业核心竞争力2. 总体目标: 依企业生产经营方向确定,实施电子商务网站的不同功能. 73 电子商务网站规划概述 电子商务网站的设计思想和总体8网站规划的任务1明晰网站建设的流程具体要解决以下三个任务? （1）网站制作有哪些流程 （2）每一个流程由谁来完成。 （3）每一项内容何时完成。 8网站规划的任务1明晰网站建设的流程具体要解决以下三个任务92确定网站的目的、功能 为什么要建立网站，为了宣传产品，还是要进行网上交易？

5、做本企业网站，还是建立行业性网站？为了企业日常任务需要，还是市场开拓的延伸？根据公司的需要和网站建设计划，确定网站的整体功能。目的确定，功能明晰，为后继工作掌握好方向，此后的工作才能顺畅进行。92确定网站的目的、功能 为什么要建立网站，为103确定网站的技术解决方案网站技术解决方案（1）服务器的选用 （2）服务器平台选型 （3）开发技术选型 （4）数据库选型 103确定网站的技术解决方案网站技术（1）服务器的选用 （114对网站内容进行总体规划规划时要解决网站有哪些栏目的问题 规划时要解决每个栏目都有什么内容的问题 +内容规划 114对网站内容进行总体规划规划时要解决网站有哪些栏目的问125确

6、定网页设计方案 网站规划时，还要确定网页的设计方案，明确每一个页面的设计方案。包括版式设计，目录设计，导航设计及风格设计等。实际实施制作的技术人员取得该方案后，可以快速按照指定的要求进行制作。6制定网站后期的运营、维护、管理、安全方案 对网站制作完成后的运营方案、维护计划、管理体系、安全防范等都要进行统一规划，这是网站规划的一项重要任务，也是网站规划中不可缺少的一个有机组成部分。 125确定网页设计方案134 电子商务网站规划与设计的原则 1. 明确网站设计目标与用户需求 （1）明确建立网站目的：市场营销，技术支持和产品销售。 （2）了解目标市场； （3）明确竞争优势； （4）如何为客户提供信

7、息：企业必须清楚地了解本网站受众群体的基本情况，如受教育程度，收入水平，需要信息的范围及深度等等，从而作到有的放矢。而分析有些网站的效果不如预想好，主要原因就是对用户的需求理解有偏差，缺少用户的检验而造成的。 （5）规划好收款与配送事宜 （6）评估网站获利能力。134 电子商务网站规划与设计的原则 1.14 2. 总体设计方案主体鲜明 总体设计方案，它包括对网站的整体风格和特色作出定位，规划网站的组织结构。 针对所服务对象的不同，网络站点有不同的形式。有的站点只提供简洁文本信息，有的则采用多媒体表现手法。但最好的网络站点是把图形和图象的表现手法与有效的组织与通信结合起来。作到主题鲜明突出，力求

8、简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，其中对于一些行业标志和公司的标志应充分加以利用，加深访问者的印象。 其最终的目标就是：调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。14 2. 总体设计方案主体鲜明15 3. 网络结构设计简洁明了 4. 访问安全快速 5. 多媒体技术的合理应用 6. 网站信息及时更新 7. 网站的信息交互能力强 15 3. 网络结构设计简洁明了16头部内容体部内容尾部内容网站标识标题广告条分类导航与检索LogoTitleBannerMenuSearchBanner规格全 幅半 幅垂 直宽 型小 型486 x 60234 x 6012

9、0 x 240728 x 9088 x 315 电子商务网站页面内容与栏目规划 16头部内容体部内容尾部内容网站标识标题广告条分类导航Log17头部内容体部内容尾部内容网站标识标题广告条分类导航与检索LogoTitleBannerMenuSearch用户注册与登陆各类栏目相关站点链接LoginLinks版权声明管理入口联系方式CopyRight17头部内容体部内容尾部内容网站标识标题广告条分类导航Log18网站体部网站头部网站尾部1 118网站体部网站头部网站尾部1 119阿里巴巴网站内容分析案例分析LOGO(含标题）宣传标语产品检索分类导航1、头部内容19阿里巴巴网站内容分析案例分析LOGO

10、(含标题）宣传标语产20案例分析2、体部内容（1）资讯栏目阿里巴巴网站内容分析20案例分析2、体部内容（1）资讯栏目阿里巴巴网站内容分析21阿里巴巴网站内容分析案例分析（2）社区栏目（1）资讯栏目2、体部内容21阿里巴巴网站内容分析案例分析（2）社区栏目（1）资讯栏目22阿里巴巴网站内容分析案例分析（2）社区栏目（1）资讯栏目2、体部内容（3）交易栏目22阿里巴巴网站内容分析案例分析（2）社区栏目（1）资讯栏目23案例分析3、尾部内容阿里巴巴网站内容分析23案例分析3、尾部内容阿里巴巴网站内容分析247 电子商务网站内容设计遵循的原则相关性真实性动态性准确性图像替代以主题为主线展开内容设计 对

11、内容要严格把关 随时进行修改和更新 尤其是报价、库存 适中地使用图像代替文本 247 电子商务网站内容设计遵循的原则相关性真实性动态性准确258 栏目规划概述1什么是网站的栏目? 网站的栏目是指网站内容的提纲，是网站内容的大纲索引。其功能是将网站的所有内容都分门别类，利用栏目将网站的主体明确显示出来。如果将网站比做一本书，那么书中的每章就是一个栏目。258 栏目规划概述1什么是网站的栏目? 网站的栏目26一紧扣主题的原则 二精简的原则 三四提纲挈领的原则 凸显特色 2网站栏目规划的原则26一紧扣主题的原则 二精简的原则 三四提纲挈领的原则 凸显279 栏目规划策略分类法 参照法 +1栏目规划的

12、常用方法所谓分类法，就是将欲在网站展示的所有资料进行分门别类，每一个类别形成一个栏目。 所谓参照法，就是参照同类网站所设置的栏目，结合实际需要进行栏目设置的方法 279 栏目规划策略分类法 参照法 +1栏目规划所谓分类法282栏目规划的技巧设置自己的栏目，具体方法是：（1）所有同类网站都有的栏目，你一定要有；（2）70%以上同类网站都有的栏目你不妨也加上；（3）如果有些栏目只有50%网站具有，这类栏目，你要询问客户的意见后，再决定是否采用此栏目；（4）有些栏目只有50%以下网站拥有，这时要注意了，这类栏目一是用处不大的栏目，二是特色栏目，你要根据情况再三斟酌，而后决定。282栏目规划的技巧设置

13、自己的栏目，具体方法是：2910 网站栏目的逻辑组织结构 电子商务网站结构大体可分为两种结构类型，即逻辑结构和物理结构。逻辑结构描述的是网页文档之间的链接关系，而物理结构描述的是网页文档的实际存储位置。 因此，我们将逻辑结构的设计称为栏目规划，将物理结构的设计称为目录规划。2910 网站栏目的逻辑组织结构 电子商务网30网站栏目的逻辑组织模型 1.线型 线型是最简单、也是人们最为熟悉的组织形式,是将多个网页按照一定的先后顺序链接起来，常用于需要按步骤进行操作的栏目上，如：注册信息等。最简单的线型模型如图所示:30网站栏目的逻辑组织模型1.线型31线型逻辑组织模型 在纯线型的基础上进行扩展，从而

14、演变出更具灵活性的线型结构。31线型逻辑组织模型 在纯线型32线型逻辑组织模型 32线型逻辑组织模型 332.层次型逻辑组织模型 层次型又称为树型，是Web站点上应用最多的组织结构，是按照网页之间的包含关系组织而成的。优点：简单直观，清晰明了。缺点：浏览网页效率低，需 配置良好的导航系统 给予引导。332.层次型逻辑组织模型 层次343.网络型逻辑组织模型 网络型是多个网页间都有相互链接的一种结构。343.网络型逻辑组织模型 网络型是多35混合型逻辑组织模型 混合型就是将以上三种模型混合在一起形成的组织模型，现在，几乎所有的大型网站都采用混合型的组织模型。 通常，首页和一级页面之间用网络型结构

15、，一级页面和二级页面之间用层次型结构，具有先后执行次序的网页之间用线型结构。35混合型逻辑组织模型 混合型36网站栏目规划 一个例子（服装行业B2B站点）：36网站栏目规划 一个例子（服装行业B2B站点）：3711 电子商务网站目录结构规划 网站目录结构规划 网站目录是指建立网站时创建的目录，用于存放网站中所有的图片、网页、数据库等文件。目录结构的规划对于站点本身的维护、未来的扩充和移植有着重要的影响。3711 电子商务网站目录结构规划 网站目录结构规划 38原则：（1）分类存放、分别建立目录 分门别类，有序存放 （2）目录的层次不要太深 不超过3层 （3）根目录下不要存放所有文件 主页文件、

16、流量统计的文本文件 （4）根据栏目内容建立子目录 （5）在每个主栏目子目录下都建立独立的images目录 （6）不要使用中文目录 （7）不要使用过长的目录名 影响检索速度网站目录结构规划 38原则：（1）分类存放、分别建立目录 分门别类，有序存放 39网站目录建设的步骤及方法 1.建立一个用于存放网站的总目录2.进入此网站目录，展开网站目录的建设工作3.在网站的根目录下建立一个Images子目录存放首页图像文件4.在网站的根目录下建立一个style子目录存放样式表文件5.在网站的根目录为每一个栏目建立对应子目录， 每个子目录下建立Images子目录存放子页面图像文件如：MyWeb39网站目录建

17、设的步骤及方法 1.建立一个用于存放网站的总目40案例：敦煌网的目录结构动手制作1敦煌网的LOGO及导航栏 40案例：敦煌网的目录结构动手制作1敦煌网的LOGO及导航41动手制作2敦煌网的目录结构设计 首页图像文件目录样式文件目录我的Dhgate栏目我的Dhgate的图像文件夹 功能与服务栏目 功能与服务的图像文件夹 热门求购栏目 外贸通栏目 热门求购的图象文件夹 外贸通的图像文件夹 案例：敦煌网的目录结构41动手制作2敦煌网的目录结构设计 首页图像文件目录样式文42 1. 完全自己建 适合于公司网络业务量大，且有专门的技术人员和设备。 优点：网站建设自主性大，不受他人限制 缺点：人力物力耗费

18、巨大,技术性要求很高，不是一般公司能够承受 ,例如IBM等大公司。 13 电子商务网站总体设计 网站硬件平台的搭建 42 1. 完全自己建13 电子商务网站总体设计 网站43 2. 自己租主机和线路，整机托管方式 与完全自己建的方式相比，这种方式投资相对小一些，但也不是一般公司能够承受，在技术和经费方面同样有较高要求.和第一种相比，即用户把设备放到ISP的中心机房或数据中心,然后通过其他低速线路进行网站的远程管理和维护. 优点:较自己建降低了成本,又能得到水平较高的服务 缺点:维护和管理成本依然很高13 电子商务网站总体设计 网站硬件平台的搭建 43 2. 自己租主机和线路，整机托管方式13

19、电子商务4413 电子商务网站总体设计 网站硬件平台的搭建 4413 电子商务网站总体设计 网站硬件平台的搭建 45 设想一个在线商店提供实时定价和有效性信息。这个站点提供一个表单让你来选择产品。当你提交查询后，网站会进行查找并把结果内嵌在HTML页面中返回。网站可以有很多种方式来实现这种功能。 我们介绍一个不使用应用程序服务器的情景和一个使用应用程序服务器的情景。观察一下这两种情景的不同会有助于你了解应用程序服务器的功能。案例分析45 设想一个在线商店提供实时定价和有效性信息。这46 在此种情景下，一个Web服务器独立提供在线商店的功能。Web服务器获得你的请求，然后发送给服务器端可以处理请

20、求的程序。此程序从数据库或文本文件中查找定价信息。一旦找到，服务器端程序把结果信息表示成HTML形式，最后Web服务器把会它发送到你的Web浏览器。 在此过程中，Web服务器只是简单的通过响应HTML页面来处理HTTP请求。 案例分析情景1：不带应用程序服务器的Web服务器46 在此种情景下，一个Web服务器独立提供在线商店47 情景2和情景1相同的是Web服务器还是把响应(response)的产生委托给可以处理请求的脚本程序。然而，你可以把查找定价的商业逻辑放到应用程序服务器上。由于这种变化，此脚本程序只是简单的调用应用程序服务器的查找服务，而不是已经知道如何查找数据这个过程。 这时当该脚本

21、程序产生HTML响应时就可以使用该服务的返回结果了。 案例分析情景2：带应用程序服务器的Web服务器47 情景2和情景1相同的是Web服务器还是把响应(r48 在情景2中应用程序服务器提供了用于查询产品的定价信息的商业逻辑。(服务器的)这种功能没有指出有关显示和客户端如何使用此信息的细节，相反客户端和应用程序服务器只是来回传送数据。当有客户端调用应用程序服务器的查找服务时，此服务只是简单的查找并返回结果给客户端。 案例分析总结 通过从响应产生HTML的代码中分离出来，在应用程序之中该定价(查找)逻辑的可重用性更强了。其他的客户端，例如收款机，也可以调用同样的服务来作为一个店员给客户结帐。相反，

22、在情景1中的定价查找服务是不可重用的，因为信息内嵌在HTML页中了。 48 在情景2中应用程序服务器提供了用于查询产品的定价49网页开发技术 网页是Web中的基本文档，是用HTML语言或者其他语言（VBscript ,Javascript,ASP, PHP,JSP)编写的，因此网页文件的扩展名一般为“.html”、“.htm”、“.asp”、“.php”、“.jsp”等。 我们可以将网页理解成两种状态，一种是源代码状态；另一种是浏览器显示出来的可见状态。因此按照网页执行过程的不同，可以将网页分为两大类：静态网页和动态网页。网页的概念49网页开发技术 网页是Web中的基本文档，是用H50 静态网

23、页不是指网页中的元素都是静止不动的，而是指网页制作完成后进行浏览时，Web服务器中不再发生动态改变，因此网页不是即时生成的。Web服务器浏览器静态页面响应请求网页开发技术 50 静态网页不是指网页中的元素都是静止不动的，51 动态网页是指网页中除了静态网页中的元素外，还包括一些应用程序，这些应用程序使浏览器和Web服务器之间发生交互，而且应用程序的执行有时需要应用程序服务器的支持才能够完成。服务器动态页面静态页面应用程序服务器浏览器请求响应动态页面的被执行过程网页开发技术 51 动态网页是指网页中除了静态网页中的元素外，还包括52 最复杂的网页不但包含应用程序，还使用数据库，其执行过程也更加复杂。动态页面静态页面应用程序服务器查讯记录集数据驱动程序数据库服务器浏览器请求