电商网站建设方案.pptx

1、121.1.电子商务能给企业带来什么？电子商务能给企业带来什么？ 在目前的信息社会，电子商务对企业来讲非常重要。在目前的信息社会，电子商务对企业来讲非常重要。 l第一阶段，电子商务是第一阶段，电子商务是“救命稻草救命稻草”。l第二阶段，电子商务是第二阶段，电子商务是“锦上添花锦上添花”。2.2.企业真的需要电子商务网站吗？企业真的需要电子商务网站吗？ 网站可以为企业提供的服务主要包括网站可以为企业提供的服务主要包括3S3S，即，即SHOWSHOW、SALESALE、SERVESERVE：lSHOWSHOW（展示）（展示） lSALESALE（交易）（交易） lSERVESERVE（服务）（服务

2、） 提出提出问题问题31 1按商务目的和业务功能分类按商务目的和业务功能分类 基本型电子商务网站：基本型电子商务网站：针对小型企业，宣传作用，构针对小型企业，宣传作用，构建价格低，多用虚拟主机方式实施。建价格低，多用虚拟主机方式实施。 宣传型电子商务网站：宣传型电子商务网站：内容简洁，突出信息宣传内容简洁，突出信息宣传 客户服务型电子商务网站：客户服务型电子商务网站：突出产品服务宣传和技术突出产品服务宣传和技术 支持，如杀毒软件提供商。支持，如杀毒软件提供商。 完全电子商务运作型网站：完全电子商务运作型网站：宣传，营销，销售宣传，营销，销售 42 2按构建网站主体分类按构建网站主体分类 行业电

3、子商务网站：行业电子商务网站：为本行业企业和部门提供信息、交为本行业企业和部门提供信息、交流平台。流平台。 企业电子商务网站：企业电子商务网站：为企业产品服务提供支持。为企业产品服务提供支持。 政府电子商务网站：政府电子商务网站：以政府机构为主体构建，为政府税以政府机构为主体构建，为政府税收和公共服务提供平台。收和公共服务提供平台。 服务机构电子商务网站：服务机构电子商务网站：商务、金融、邮政、家政、商务、金融、邮政、家政、休闲娱乐等服务机构为主体构建，为大众服务。休闲娱乐等服务机构为主体构建，为大众服务。 53 3按电子商务网站开办者分类按电子商务网站开办者分类 流通型电子商务网站：流通型电

4、子商务网站：是电子商务网站的主要存在形是电子商务网站的主要存在形式。突出众多商品展示、查询及销售式。突出众多商品展示、查询及销售 生产型电子商务网站：生产型电子商务网站：为企业产品服务提供宣传和技为企业产品服务提供宣传和技术支持，网站特色突出与企业文化一脉相承。术支持，网站特色突出与企业文化一脉相承。 64 4按产品线的广度和深度分类（主要针对按产品线的广度和深度分类（主要针对B2BB2B电子商电子商务模式）务模式） 垂直型电子商务网站：垂直型电子商务网站：集中对某一产品提供纵深型服集中对某一产品提供纵深型服务，在产品的互补性和购物的便捷性方面有优势，专业性更强。务，在产品的互补性和购物的便捷

5、性方面有优势，专业性更强。 水平型电子商务网站：水平型电子商务网站：围绕某一产品或行业进行产品围绕某一产品或行业进行产品线的横向展开，进行跨行业，多产品类型的信息提供。线的横向展开，进行跨行业，多产品类型的信息提供。 专门电子商务网站：专门电子商务网站：提供某一类品牌知名度高的产品信提供某一类品牌知名度高的产品信息和服务支持。息和服务支持。 公司电子商务网站：公司电子商务网站：为本公司产品和服务提供支持。为本公司产品和服务提供支持。 7电子商务网站的设计思想和总体目标电子商务网站的设计思想和总体目标1. 1. 设计思想设计思想: : 以客户为中心 树立企业形象 提升企业核心竞争力2. 2. 总

6、体目标总体目标: : 依企业生产经营方向确定,实施电子商务网站的不同功能. . 8网站规划的任务网站规划的任务1 1明晰网站建设的流程明晰网站建设的流程具体要解决以下三个任务具体要解决以下三个任务? （1 1）网站制作有哪些流程）网站制作有哪些流程 （2 2）每一个流程由谁来完成。）每一个流程由谁来完成。 （3 3）每一项内容何时完成。）每一项内容何时完成。 92 2确定网站的目的、功能确定网站的目的、功能 为什么要建立网站，为了宣传产品，还是要进行网上交易？做本企业网站，还是建立行业性网站？为了企业日常任务需要，还是市场开拓的延伸？根据公司的需要和网站建设计划，确定网站的整体功能。目的确定，

7、功能明晰，为后继工作掌握好方向，此后的工作才能顺畅进行。103 3确定网站的技术解决方案确定网站的技术解决方案网站技术网站技术解决方案解决方案（1 1）服务器的选用）服务器的选用 （2 2）服务器平台选型）服务器平台选型 （3 3）开发技术选型）开发技术选型 （4 4）数据库选型）数据库选型 114对网站内容进行总体规划对网站内容进行总体规划规划时要解决网站有哪些栏目的问题规划时要解决网站有哪些栏目的问题 规划时要解决每个栏目都有什么内容的问题规划时要解决每个栏目都有什么内容的问题 +内容规划内容规划 125 5确定网页设计方案确定网页设计方案 网站规划时，还要确定网页的设计方案，明网站规划时

8、，还要确定网页的设计方案，明确每一个页面的设计方案。包括版式设计，目确每一个页面的设计方案。包括版式设计，目录设计，导航设计及风格设计等。实际实施制录设计，导航设计及风格设计等。实际实施制作的技术人员取得该方案后，可以快速按照指作的技术人员取得该方案后，可以快速按照指定的要求进行制作。定的要求进行制作。6 6制定网站后期的运营、维护、管理、安全方制定网站后期的运营、维护、管理、安全方案案 对网站制作完成后的运营方案、维护计划、对网站制作完成后的运营方案、维护计划、管理体系、安全防范等都要进行统一规划，这管理体系、安全防范等都要进行统一规划，这是网站规划的一项重要任务，也是网站规划中是网站规划的

9、一项重要任务，也是网站规划中不可缺少的一个有机组成部分。不可缺少的一个有机组成部分。 134 电子商务网站规划与设计的原则电子商务网站规划与设计的原则 1. 1. 明确网站设计目标与用户需求明确网站设计目标与用户需求 （1）明确建立网站目的：市场营销，技术支持和产品销售。市场营销，技术支持和产品销售。 （2）了解目标市场； （3）明确竞争优势； （4）如何为客户提供信息：企业必须清楚地了解本网站受众群企业必须清楚地了解本网站受众群体的基本情况，如受教育程度，收入水平，需要信息的范围及深度等体的基本情况，如受教育程度，收入水平，需要信息的范围及深度等等，从而作到有的放矢。而分析有些网站的效果不如

10、预想好，主要原等，从而作到有的放矢。而分析有些网站的效果不如预想好，主要原因就是对用户的需求理解有偏差，缺少用户的检验而造成的。因就是对用户的需求理解有偏差，缺少用户的检验而造成的。 （5）规划好收款与配送事宜 （6）评估网站获利能力。14 2. 2. 总体设计方案主体鲜明总体设计方案主体鲜明 总体设计方案，它包括对网站的整体风格和特色总体设计方案，它包括对网站的整体风格和特色作出定位，规划网站的组织结构。作出定位，规划网站的组织结构。 针对所服务对象的不同，网络站点有不同的形式。有的站点针对所服务对象的不同，网络站点有不同的形式。有的站点只提供简洁文本信息，有的则采用多媒体表现手法。但最好的

11、网络只提供简洁文本信息，有的则采用多媒体表现手法。但最好的网络站点是把图形和图象的表现手法与有效的组织与通信结合起来。作站点是把图形和图象的表现手法与有效的组织与通信结合起来。作到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，其中对于一些行业标志和公司的标志应充告诉大家本站点的主题，其中对于一些行业标志和公司的标志应充分加以利用，加深访问者的印象。分加以利用，加深访问者的印象。 其最终的目标就是：调动一切手段充分表现网站的其最终的目标就是：调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。个

12、性和情趣，突出个性，办出网站的特色。15 3. 3. 网络结构设计简洁明了网络结构设计简洁明了 4. 4. 访问安全快速访问安全快速 5. 5. 多媒体技术的合理应用多媒体技术的合理应用 6. 6. 网站信息及时更新网站信息及时更新 7. 7. 网站的信息交互能力强网站的信息交互能力强 16头部内容头部内容体部内容体部内容尾部内容尾部内容网网站站标标识识标标题题广广告告条条分分类类导导航航与与检检索索LogoTitleBannerMenuSearchBanner规格规格全全幅幅半半幅幅垂垂直直宽宽型型小小型型486x60234x60120 x240728x9088x3117头部内容头部内容体部

13、内容体部内容尾部内容尾部内容网网站站标标识识标标题题广广告告条条分分类类导导航航与与检检索索LogoTitleBannerMenuSearch用用户户注注册册与与登登陆陆各各类类栏栏目目相相关关站站点点链链接接LoginLinks版版权权声声明明管管理理入入口口联联系系方方式式CopyRight18网站体部网站体部网站头部网站头部网站尾部网站尾部1 119阿里巴巴网站内容分析阿里巴巴网站内容分析案案例例分分析析LOGO(LOGO(含标题）含标题）宣传标语宣传标语产品检索产品检索分类导航分类导航1 1、头部内容、头部内容20案案例例分分析析2 2、体部内容、体部内容（1 1）资讯栏目）资讯栏目阿

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

15、计为主线展开内容设计 对内容要对内容要严格把关严格把关 随时进行随时进行修改修改和和更新更新 尤其是尤其是报价报价、库存库存 适中地适中地使用图像代替文本使用图像代替文本 258 8 栏目规划概述栏目规划概述1 1什么是网站的栏目什么是网站的栏目? ?网站的栏目是指网站内容的提纲，是网站内容的大纲索网站的栏目是指网站内容的提纲，是网站内容的大纲索引。其功能是将网站的所有内容都分门别类，利用栏目将引。其功能是将网站的所有内容都分门别类，利用栏目将网站的主体明确显示出来。如果将网站比做一本书，那么网站的主体明确显示出来。如果将网站比做一本书，那么书中的每章就是一个栏目。书中的每章就是一个栏目。26

16、一一紧扣主题的原则紧扣主题的原则 二二精简的原则精简的原则 三三四四提纲挈领的原则提纲挈领的原则 凸显特色凸显特色 2 2网站栏目规划的原则网站栏目规划的原则279 9 栏目规划策略栏目规划策略分类法分类法 参照法参照法 +1 1栏目规划栏目规划的常用方法的常用方法所谓分类法，就是将所谓分类法，就是将欲在网站展示的所有欲在网站展示的所有资料进行分门别类，每资料进行分门别类，每一个类别形成一个栏目。一个类别形成一个栏目。 所谓参照法，就是参所谓参照法，就是参照同类网站所设置的照同类网站所设置的栏目，结合实际需要栏目，结合实际需要进行栏目设置的方进行栏目设置的方法法 282 2栏目规划的技巧栏目规

17、划的技巧设置自己的栏目，具体方法是：设置自己的栏目，具体方法是：（1 1）所有同类网站都有的栏目，你一）所有同类网站都有的栏目，你一定要有；定要有；（2 2）70%70%以上同类网站都有的栏目你以上同类网站都有的栏目你不妨也加上；不妨也加上；（3 3）如果有些栏目只有）如果有些栏目只有50%50%网站具有，网站具有，这类栏目，你要询问客户的意见后，这类栏目，你要询问客户的意见后，再决定是否采用此栏目；再决定是否采用此栏目；（4 4）有些栏目只有）有些栏目只有50%50%以下网站拥有，以下网站拥有，这时要注意了，这类栏目一是用处不这时要注意了，这类栏目一是用处不大的栏目，二是特色栏目，你要根据大

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

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

20、采用混合型的组织模型。 通常，首页和一级页面之间用网络型结构，一级页面和二级页面之间用层次型结构，具有先后执行次序的网页之间用线型结构。36网站栏目规划网站栏目规划 v一个例子（服装行业B2B站点）：37网站目录结构规划网站目录结构规划 网站目录是指建立网站时创建的目录，用于存放网站网站目录是指建立网站时创建的目录，用于存放网站中所有的图片、网页、数据库等文件。目录结构的规划对中所有的图片、网页、数据库等文件。目录结构的规划对于站点本身的维护、未来的扩充和移植有着重要的影响。于站点本身的维护、未来的扩充和移植有着重要的影响。38原则：原则：（1 1）分类存放、分别建立目录）分类存放、分别建立目

21、录 分门别类，有序存放分门别类，有序存放 （2 2）目录的层次不要太深）目录的层次不要太深 不超过不超过3 3层层 （3 3）根目录下不要存放所有文件）根目录下不要存放所有文件 主页文件、流量统计的文本文件主页文件、流量统计的文本文件 （4 4）根据栏目内容建立子目录）根据栏目内容建立子目录 （5 5）在每个主栏目子目录下都建立独立的）在每个主栏目子目录下都建立独立的imagesimages目录目录 （6 6）不要使用中文目录）不要使用中文目录 （7 7）不要使用过长的目录名）不要使用过长的目录名 影响检索速度影响检索速度网站目录结构规划网站目录结构规划 39网站目录建设的步骤及方法网站目录建

22、设的步骤及方法 1.1.建立一个用于存放网站的总目录建立一个用于存放网站的总目录2.2.进入此网站目录，展开网站目录的建设工作进入此网站目录，展开网站目录的建设工作3.3.在网站的根目录下建立一个在网站的根目录下建立一个ImagesImages子目录子目录存放首页图像文件存放首页图像文件4.4.在网站的根目录下建立一个在网站的根目录下建立一个stylestyle子目录子目录存放样式表文件存放样式表文件5.5.在网站的根目录为每一个栏目建立对应子目录，在网站的根目录为每一个栏目建立对应子目录， 每个子目录下建立每个子目录下建立ImagesImages子目录子目录存放子页面图像文件存放子页面图像文

23、件如：如：MyWebMyWeb40案例：敦煌网的目录结构案例：敦煌网的目录结构动动手手制制作作1 1敦煌网的敦煌网的LOGOLOGO及导航栏及导航栏 41动动手手制制作作2 2敦煌网的目录结构设计敦煌网的目录结构设计 首页图像文件目录首页图像文件目录样式文件目录样式文件目录我的我的DhgateDhgate栏目栏目我的我的DhgateDhgate的图像文件夹的图像文件夹 功能与服务栏目功能与服务栏目 功能与服务的图像文件夹功能与服务的图像文件夹 热门求购栏目热门求购栏目 外贸通栏目外贸通栏目 热门求购的图象文件夹热门求购的图象文件夹 外贸通的图像文件夹外贸通的图像文件夹 案例：敦煌网的目录结构案

24、例：敦煌网的目录结构42 1. 1. 完全自己建完全自己建 适合于公司网络业务量大，且有专门的技术人员和设备。适合于公司网络业务量大，且有专门的技术人员和设备。 优点优点：网站建设自主性大，不受他人限制：网站建设自主性大，不受他人限制 缺点缺点：人力物力耗费巨大：人力物力耗费巨大, ,技术性要求很高，不是一般技术性要求很高，不是一般公司能够承受公司能够承受 , ,例如例如IBMIBM等大公司。等大公司。 43 2. 2. 自己租主机和线路，整机托管方式自己租主机和线路，整机托管方式 与完全自己建的方式相比，这种方式投资相对小一些，与完全自己建的方式相比，这种方式投资相对小一些，但也不是一般公司

25、能够承受，在技术和经费方面同样有较但也不是一般公司能够承受，在技术和经费方面同样有较高要求高要求. .和第一种相比，和第一种相比，即即用户把设备放到用户把设备放到ISPISP的中心机房的中心机房或数据中心或数据中心, ,然后通过其他低速线路进行网站的远程管理和然后通过其他低速线路进行网站的远程管理和维护维护. . 优点优点: :较自己建降低了成本较自己建降低了成本, ,又能得到水平较高的服务又能得到水平较高的服务 缺点缺点: :维护和管理成本依然很高维护和管理成本依然很高4445 设想一个在线商店提供实时定价和有效性信息。设想一个在线商店提供实时定价和有效性信息。这个站点提供一个表单让你来选择

26、产品。当你提交查这个站点提供一个表单让你来选择产品。当你提交查询后，网站会进行查找并把结果内嵌在询后，网站会进行查找并把结果内嵌在HTMLHTML页面中返页面中返回。网站可以有很多种方式来实现这种功能。回。网站可以有很多种方式来实现这种功能。 我们介绍一个不使用应用程序服务器的情景和一我们介绍一个不使用应用程序服务器的情景和一个使用应用程序服务器的情景。观察一下这两种情景个使用应用程序服务器的情景。观察一下这两种情景的不同会有助于你了解应用程序服务器的功能。的不同会有助于你了解应用程序服务器的功能。案例分案例分析析46 在此种情景下，一个在此种情景下，一个WebWeb服务器独立提供在线商服务器

27、独立提供在线商店的功能。店的功能。WebWeb服务器获得你的请求，然后发送给服服务器获得你的请求，然后发送给服务器端可以处理请求的程序。此程序从数据库或文本务器端可以处理请求的程序。此程序从数据库或文本文件中查找定价信息。一旦找到，服务器端程序把结文件中查找定价信息。一旦找到，服务器端程序把结果信息表示成果信息表示成HTMLHTML形式，最后形式，最后WebWeb服务器把会它发送服务器把会它发送到你的到你的WebWeb浏览器。浏览器。 在此过程中，在此过程中，WebWeb服务器只是简单的通过响应服务器只是简单的通过响应HTMLHTML页面来处理页面来处理HTTPHTTP请求。请求。 案例分案例

28、分析析情景情景1 1：不带应用程序服务器的：不带应用程序服务器的WebWeb服务器服务器47 情景情景2 2和情景和情景1 1相同的是相同的是WebWeb服务器还是把响应服务器还是把响应(response)(response)的产生委托给可以处理请求的脚本程序。的产生委托给可以处理请求的脚本程序。然而，你可以把查找定价的商业逻辑放到应用程序服然而，你可以把查找定价的商业逻辑放到应用程序服务器上。由于这种变化，此脚本程序只是简单的调用务器上。由于这种变化，此脚本程序只是简单的调用应用程序服务器的查找服务，而不是已经知道如何查应用程序服务器的查找服务，而不是已经知道如何查找数据这个过程。找数据这个

29、过程。 这时当该脚本程序产生这时当该脚本程序产生HTMLHTML响应响应时就可以使用该服务的返回结果了。时就可以使用该服务的返回结果了。 案例分案例分析析情景情景2 2：带应用程序服务器的：带应用程序服务器的WebWeb服务器服务器48 在情景在情景2 2中应用程序服务器提供了用于查询产中应用程序服务器提供了用于查询产品的定价信息的商业逻辑。品的定价信息的商业逻辑。( (服务器的服务器的) )这种功能没这种功能没有指出有关显示和客户端如何使用此信息的细节，有指出有关显示和客户端如何使用此信息的细节，相反客户端和应用程序服务器只是来回传送数据。相反客户端和应用程序服务器只是来回传送数据。当有客户

30、端调用应用程序服务器的查找服务时，此当有客户端调用应用程序服务器的查找服务时，此服务只是简单的查找并返回结果给客户端。服务只是简单的查找并返回结果给客户端。 案例分案例分析析总结总结 通过从响应产生通过从响应产生HTML的代码中分离出来，在应用程序之中该定的代码中分离出来，在应用程序之中该定价价(查找查找)逻辑的可重用性更强了。其他的客户端，例如收款机，也可逻辑的可重用性更强了。其他的客户端，例如收款机，也可以调用同样的服务来作为一个店员给客户结帐。相反，在情景以调用同样的服务来作为一个店员给客户结帐。相反，在情景1中的定中的定价查找服务是不可重用的，因为信息内嵌在价查找服务是不可重用的，因为

31、信息内嵌在HTML页中了。页中了。 49 网页是网页是WebWeb中的基本文档，是用中的基本文档，是用HTMLHTML语言或者其他语言或者其他语言（语言（VBscript ,Javascript,ASP, PHP,JSP)VBscript ,Javascript,ASP, PHP,JSP)编写的，因编写的，因此网页文件的扩展名一般为此网页文件的扩展名一般为“.html.html”、“.htm.htm”、“.asp.asp”、“.php.php”、“.jsp.jsp”等。等。 我们可以将网页理解成两种状态，一种是源代码状态；我们可以将网页理解成两种状态，一种是源代码状态；另一种是浏览器显示出来的

32、可见状态。因此按照网页执行另一种是浏览器显示出来的可见状态。因此按照网页执行过程的不同，可以将网页分为两大类：静态网页和动态网过程的不同，可以将网页分为两大类：静态网页和动态网页。页。网页的概念网页的概念50 静态网页不是指网页中的元素都是静止不动的，静态网页不是指网页中的元素都是静止不动的，而是指网页制作完成后进行浏览时，而是指网页制作完成后进行浏览时，WebWeb服务器中不再服务器中不再发生动态改变，因此网页不是即时生成的。发生动态改变，因此网页不是即时生成的。Web服务器浏览器静态静态页面页面响应请求51 动态网页是指网页中除了静态网页中的元素外，动态网页是指网页中除了静态网页中的元素外

33、，还包括一些应用程序，这些应用程序使浏览器和还包括一些应用程序，这些应用程序使浏览器和WebWeb服务器之间发生交互，而且应用程序的执行有时需要服务器之间发生交互，而且应用程序的执行有时需要应用程序服务器的支持才能够完成。应用程序服务器的支持才能够完成。服务器动态页面静态页面应用程序服务器浏览器请求响应动态页面的被执动态页面的被执行过程行过程52 最复杂的网页不但包含应用程序，还使用数据最复杂的网页不但包含应用程序，还使用数据库，其执行过程也更加复杂。库，其执行过程也更加复杂。动态页面静态页面应用程序服务器查查讯讯记记录录集集数数据据驱驱动动程程序序数据库服务器服务器浏览器浏览器请求响应演讲完毕，谢谢观看！