电子商务网站建设与管理-电子教案PPT版第二章

电子商务网站建设与管理高职高专“十二五”电子商务系列规划教材

淘宝网（），中国深受欢迎的网购零售平台，由阿里巴巴集团于2003年5月10日投资4.5亿元创办。淘宝网目前拥有近5亿的注册用户数，平均每天有超过6000万的固定访客，同时平均每天的在线商品数已经超过了8亿件，平均每分钟售出4.8万件商品。2013年11月11日，“双十一”狂欢购物节13小时刷平2012年创造的交易记录191亿元，单日销售额达到350亿元。淘宝网的使命是“没有淘不到的宝贝，没有卖不出的宝贝”。自成立以来，淘宝网基于诚信为本的准则，从零做起，在短短的半年时间内迅速占领了国内个人交易市场的领先位置，创造了互联网企业的一个发展奇迹，真正成为有志于网上交易的个人的最佳网络创业平台。淘宝网始终倡导诚信、活泼、高效的网络交易文化，坚持“宝可不淘，信不能弃”的经营原则，获得了广大网民的喜爱。目前，淘宝网已成为广大网民网上创业和以商会友的首选。淘宝网的创立，为国内互联网用户提供了更好的个人交易场所。淘宝网凭借其迅速发展及其在个人交易领域的独特文化，成就了电商江湖霸主地位。第二章电子商务网站的规划与设计

淘宝网网站模式分析——中国领先的个人交易电子商务平台引导案例1、网站特点

淘宝网凭借众多注册的淘宝小店已跃居为中国最大的B2C+C2C购物网站。随着C2C的快速发展，个人网上交易成为传统零售市场的一个重要补充，在产品越来越丰富的同时，交易成本越来越低。淘宝小店借助的正是C2C的这一特点，利用专业站点提供的大型电子商务平台，以免费或比较少的费用在网络平台上销售自己的商品，给网购者带来更多、更便宜的商品，支付系统也较为便捷。作为C2C的平台，淘宝网为网民提供了一个自由的买卖空间。只要合法，任何人都可以在这里买卖任何商品。2、版面特点淘宝网首页除了列有产品分类之外（此部分占50%左右），还提供了热卖单品、精彩资讯、社区精华等相关内容。当会员进入其中某一产品分类后，新的网页里会有关于此类商品更为精细的分类。网页右侧还会出现掌柜热卖、最近浏览过的宝贝等提示，给会员在挑选商品时提供可比性和便捷性。同时，会员选中一件宝贝时，不但可以通过宝贝描述了解该商品，还可以查看买家评价，综合评估这个商品是否值得购买。第二章电子商务网站的规划与设计

淘宝网网站模式分析——中国领先的个人交易电子商务平台引导案例3、产品组合

淘宝网首页在2013年进行了小规模的改版，商品类目版块不再是横向、密集地陈列在首页下方，而是以矩形模块的形式以每层两个的方式进行陈列。商品类目也被重新划分为虚拟、服装、鞋包配饰、运动户外、珠宝手表、数码、家电、美容彩妆、母婴用品、家居建材、美食特产、日用百货、文化玩乐、汽车车品、本地生活等15个大类目，大类目又分别设置了二级类目和三级类目。4、特色服务淘宝特色服务频道包括淘宝我帮你平台、我要寄快递、淘宝保险理财、虾米音乐、淘宝生活、淘宝游戏交易平台、淘宝生态农业、机票/酒店/淘宝旅行、淘宝摄影市场、淘宝APP应用市场、淘宝彩票、淘宝保险、淘宝充值平台、淘宝代购、淘宝房产、淘宝二手、淘工作、淘宝外卖、淘宝优站、淘点点、淘宝电影等。会员在交易过程中可以感觉到轻松活泼的家庭式文化氛围。5、安全制度淘宝网也注重诚信安全方面的建设，如引入了实名认证制，并区分了个人用户与第二章电子商务网站的规划与设计

淘宝网网站模式分析——中国领先的个人交易电子商务平台引导案例商家用户认证。两种认证需要提交的资料不一样，个人用户认证只需提供身份证明，商家认证还需提供营业执照，且一个人不能同时申请两种认证。从这一方面，我们可以看出淘宝在规范商家方面所做出的努力。淘宝同样引入了信用评价体系，单击还可查看该卖家以往所得到的信用评价。对于买卖双方在支付环节上的交易安全问题，淘宝推出了名为“支付宝”的付款发货方式，以此降低交易的风险。支付宝是阿里巴巴针对网上交易而特别推出的安全付款服务，其运作的性质是以支付宝为信用中介，在买家确认收到商品前，由支付宝替买卖双方暂时保管货款的一种增值服务。支付宝在这一方面的努力获得了淘宝族的认可。买家在网站购买了商品并付费，而这笔钱则先到淘宝的支付宝，当买家收到商品并感到满意时，再通过网络授权支付宝付款给卖家。淘宝网依靠支付宝将C2C的交易风险尽可能地降低，因而赢得了淘宝族的青睐。

淘宝网的成功己经可以作为中国电子商务的一个典范。相比其他C2C网站，淘宝网以人为本，立足于国民特色，以服务的创新不断推动自身的发展。第二章电子商务网站的规划与设计

淘宝网网站模式分析——中国领先的个人交易电子商务平台引导案例第二章电子商务网站的规划与设计

学习目标了解电子商务网站前期规划的基本步骤结合网站实例的分析，了解电子商务网站的功能模块组成掌握网站风格设计的基本原则及布局要点1、确定网站建站的主题企业要实施电子商务，在动手制作自己的网站之前，首先要考虑的就是自己的网站究竟要做些什么，通过这个网站要表达什么内容，这就必须给自己的网站划定一个范围，确定一个主题。具体到一个企业，究竟应该如何为自己的网站确定主题呢？（1）网站的主题应集中、概括地反映企业的经营理念和服务定位，宣传企业的思想与理念。首页上，主题词必须置于屏幕的显著位置。比如，百度主题的确定如果只是搜索引擎，相信它肯定敌不过google，不过它很巧妙地把主题定义为“全球最大的中文搜索引擎、最大的中文网站”，这样才有了百度的腾飞；又如，连趣网（见图2-1）主要经营连环画业务，虽然实力远不及当当网和卓越网，但它突出“捕捉文化的影子”这一鲜明的特色，避免了与当当网的同质化竞争；再如，通用电气以“我们将美好的事物带给生活”为建站主题，宝洁公司的主题是“亲近生活、美化生活”，海尔的主题是“美好住居生活解决方案提供商”（见图2-2），通用汽车的主题为“人在旅途”，美国运通的主题是“服务、技术、与顾客协同共拓市场”等。第二章电子商务网站的规划与设计

一、网站的前期规划第二章电子商务网站的规划与设计

一、网站的前期规划美好住居生活解决方案提供商图2-1连趣网首页图2-2海尔首页（2）网站的主题要有感召力，要能增强企业的品牌知名度。例如，搜外网将网站定名为“从搜索引擎优化到互联网营销，搜外伴您成长”，于是各大搜索引擎上的“优化”“互联网营销”“SEO”之类的主题便都能链接到其网站；反之，如其定名为“如何做SEO”之类，则肯定不会产生现在的营销效果。上网即投入全球商战，应切记《孙子兵法》中“凡军好高而恶下”之说。阿迪达斯定位在产品层，故全站所有页面都是运动鞋、运动衫；耐克定位在体育事业层，故除为其产品做广告外，网站还从明星、赛事、校园、绿茵场等非产品题材上展开建设。所以，网站主题的确定，并不只是如同行业一般的大分类，更是一种营销的思想、一种企业的文化，切不可目光短浅。第二章电子商务网站的规划与设计

一、网站的前期规划2、确定网站要实现的目的一个网站的目的要解决以下问题：1）组织的任务或目标是什么?2）网站的近期目标和远期目标是什么?3）谁是确定的访问者?4）网站的服务领域和服务对象是什么?5）网站的赢利方式是什么?6）为什么人们会来到你的网站?通过对类似这些问题的广泛讨论，并征求有关人员的意见，最后才能形成网站建设目标书。当然，目标书也要经过审定才能成为网站建设的指导。第二章电子商务网站的规划与设计

一、网站的前期规划3、进行市场需求分析

互联网最不缺的就是数据，我们需要收集数据，并将其转换成有价值的市场信息，以洞察市场需求。那么，我们应该从哪些方面分析电子商务网站面临的市场需求呢？1）行业报告。收集行业相关报告，包含市场规模、增长率、竞争强度等信息，如艾瑞、Comscore的报告。2）行业词表。客户通过什么关键字来表达自己的真实需求，以及自然搜索和付费搜索关键字都是市场需求的准确体现，不能忽视。3）竞争分析。这包括竞争对手的客户群体、产品的优缺点、向市场传递的信息及选择了哪些关键字等内容。4、进行目标客户分析

怎么才能做好市场调研和市场分析呢？1）认准细分市场概括起来，细分消费者市场的变量主要有4类，即地理变量、人口变量、心理变量和行为变量。第二章电子商务网站的规划与设计

一、网站的前期规划

2）正确收集数据针对消费者市场的研究，需要消费者问卷来确定市场潜量，但是有时不需要太精确的数据的情况下，利用行业研究就能大致了解这个地区的基本购买力。3）避免单纯的数据分析纯粹地用数据去预测数据是没有任何意义的。市场是变化的，而且是不规则变化的，我们只有在充分了解行业的发展历程之后，了解这个行业的产业链状态，了解这个行业的机会点及远景等情况，并结合目前的市场状况，建立相应的电子商务网站。5、进行可行性分析

创建网站之前需要对网站系统进行可行性分析，了解企业是否已具备研制网站系统所需要的人力、技术、资金和信息等资源及条件。可行性分析一般包括以下3个方面的内容。1）经济可行性分析。经济可行性分析是对即将开发的项目进行投入成本估算和产出效益评估。2）社会环境可行性分析。社会环境可行性分析所涉及的范围比较广，包括法律方面的合同、侵权合同、市场与政策问题，以及其他一些技术人员常常不了解的陷阱等。第二章电子商务网站的规划与设计

一、网站的前期规划

3）技术可行性分析。技术可行性分析需要从硬件与软件的性能要求、能源及环境要求、辅助设备及配件条件方面去考虑。电子商务项目的可行性研究报告是为企业上层的决策提供依据的。一旦该项目批准立项，它也是准备项目需求建议书的依据；当项目执行需要贷款时，它也是向银行贷款的依据之一；当需要向政府主管部门申请有关许可证时，它也是不可缺少的一份文件；当企业与承约商或其他合作者谈判并签署协议时，它也是一个重要的依据。第二章电子商务网站的规划与设计

一、网站的前期规划1、网站的风格设计

按照电子商务主营业务范围的不同，电子商务网站的设计风格具有不一样之处。1）以产品为主的单一行业电子商务网站对于这类电子商务网站来说，整体设计风格与所经营的行业有着很大的联系。比如，工业类网站一般整体设计风格都很低调，而且用色选取也较单一。这在很大程度跟这个行业有关，因为它不可能像消费品网站一样设计得很花哨。这类网站通常要给人稳重大气的感觉，而且要伴随严谨的作风，这样才更能得到浏览者的信任，所以这类网站的设计风格通常还是以简单大气为主。2）以服务为主的电子商务网站这类网站的设计风格完全不同于上述类型的电子商务网站。因为这类网站追求的重点是创意、特色，能够吸引人、能够留住人就是很大的卖点了，所以比较夸张、五花八门的网站设计风格反而会获得意想不到的收获。比如，旅游、广告等网站就要设计得能够抓住消费者的眼球。3）消费品电子商务网站网站制作的设计灵魂在于开发人员对网站风格的个性化与创意。会输入文第二章电子商务网站的规划与设计

二、网站的总体设计本，以及制作超级链接和排列图片，不是真正意义上的网页制作，或者说不能够称为网页创作。因为网页制作最重要的一个原则是创意，这个原则也可以看成网页制作的根本。没有创意的网站不能算是成功的网站，而这样的站点也必将不能长期存在。除了创意之外，设计网站还需要考虑以下基本原则：网页内容便于阅读。站点内容精、专并及时更新。注重色彩搭配。考虑带宽。适当考虑不同浏览器、不同分辨率的情况。提供交互性。简单即为美。2、网站的CI设计CI（CoporateIdentity）的意思是通过视觉统一企业的形象。它原本是一个广告术语，后被引入网站建设中。现实生活中的CI设计随处可见，如可口可乐公司采用全球统一的标志、色彩和产品包装，给人的印象极为深刻。第二章电子商务网站的规划与设计

二、网站的总体设计网站的CI设计，主要是指网站的标志、名称、色彩、字体、标语的设计。它们是一个网站建立CI形象的关键，是网站的表面文章和形象工程。设计者需要通过对网站的标志、名称、色彩、字体和标语进行设计，建立网站的整体形象。1）网站标志（Logo）、名称在网站形象设计中，网站的标志及名称是很重要的。如同商标一样，网站的标志是站点特色和内涵的集中体现。访问者看见网站的标志，就能联想起你的站点，说明这个标志的设计是成功的。标志可以是中文、英文字母，可以是符号、图案，也可以是动物或者人物等。2）网站色彩、字体除了网站的标志能反映网站的内涵外，网站的标准色彩也是相当重要的，因为它能够产生强烈的视觉冲击。不同的色彩搭配会产生不同的效果，并且会反映网站的文化内涵，还可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉；至于其他色彩，它们只是点缀和衬托。和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。在中文网站中，网页一般采用的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。

第二章电子商务网站的规划与设计

二、网站的总体设计3、网站的版块布局设计

（1）什么是版块布局网页美感除了来自网页的色彩搭配外，还有一个重要的因素就是版块布局设计。版块是指浏览者看到的一个完整的页面。因为每台计算机的显示器分辨率存在差异，所以同一个页面的大小可能出现800×600像素、1024×768像素等不同尺寸。布局是指以最适合浏览的方式将图片和文字排放在页面的不同位置。一般情况下，版块布局要求具备两个功能。1）实用功能2）审美功能（2）常见的版块布局形式网页的布局不可能像平面设计那么简单，除了上文提到的实用性和审美性外，技术问题也是制约网页布局的一个重要因素。虽然网页制作已经摆脱了HTML时代，但是还没有完全做到挥洒自如，这就决定了网页的布局是有一定规则的，而这种规则使得网页布局只能在左右对称结构布局、“同”字形结构布局、“回”字形结构布局、“匡”字形结构布局、自由式结构布局及“另类”结构布局等几种布局的基本结构中进行选择。

第二章电子商务网站的规划与设计

二、网站的总体设计1）左右对称结构布局左右对称结构是网页布局中最为简单的一种。“左右对称”指的只是在视觉上的相对对称，而非几何意义上的对称。这种结构将网页分割为左右两个部分。左右对称结构便于浏览者直观地读取主体内容，但是却不利于发布大量的信息，所以这种结构对于内容较多的大型网站来说并不合适。左右对称结构布局的例子如图2-7所示。第二章电子商务网站的规划与设计

二、网站的总体设计图2-7Discuz！首页2）“同”字形结构布局“同”字形结构名副其实。采用这种结构的网页，往往将导航区置于页面顶端，将一些诸如广告条、友情链接、搜索引擎、注册按钮、登录面板、栏目条的内容置于页面两侧，中间为主体内容。“同”字形结构布局的例子如图2-8所示。

第二章电子商务网站的规划与设计

二、网站的总体设计图2-8猫扑网首页3）“回”字形结构布局“回”字形结构实际上是对“同”字形结构的一种变形，即在“同”字形结构的下面增加了一个横向通栏。这种变形将“同”字形结构不是很重视的页脚利用起来，这样增大了主体内容区域，合理地利用了页面有限的面积，但却往往使页面充斥着各种内容、拥挤不堪。“回”字形结构布局的例子如图2-9所示。

第二章电子商务网站的规划与设计

二、网站的总体设计图2-921cn首页4）“匡”字形结构布局和“回”字形结构一样，“匡”字形结构其实也是“同”字形结构的一种变形，也可以认为是将“回”字形结构的右侧栏目条去掉得出的新结构。这种结构是“同”字形结构和“回”字形结构的一种折中，承载的信息量与“同”字形相同，而且改善了“回”字形的封闭结构。“匡”字形结构布局的例子如图2-10所示。

第二章电子商务网站的规划与设计

二、网站的总体设计图2-10新浪网首页除了上述4种常见的网页结构布局之外，网页结构布局还包括以下几种：自由式结构布局，如以图像、Flash、视频为主题内容的化妆品网站等；“另类”结构布局，如凸显前卫的设计类网站等；分栏型布局，如腾讯软件中心网页等；封面型布局，如百度首页等。

第二章电子商务网站的规划与设计

二、网站的总体设计1、网站的目录结构设计目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护及未来内容的扩充和移植有着重要的影响。下面是建立目录结构的一些建议。1）不要将所有文件都存放在根目录下。将所有文件都存放在根目录下会造成文件管理混乱，使人常常搞不清哪些文件需要编辑和更新、哪些无用的文件可以删除、哪些是相关联的文件，影响工作效率，而且上传速度慢。服务器一般都会为根目录建立一个文件索引。如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长，所以要尽可能减少根目录的文件存放数。2）按栏目内容建立子目录。子目录的建立，首先要按主菜单栏目建立。例如，企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录。其他的次要栏目，类似what'snew、友情链接内容较多、需要经常更新的可以建立独立的子目录。而一些相关性强、不需要经常更新的栏目（如关于本站、关于站长、站点经历等）可以合并放在一个统一目录下。所有程序一般都存

第二章电子商务网站的规划与设计

三、网站的目录结构与链接结构设计放在特定目录下，如CGI程序放在cgi—bin目录。所有需要下载的内容也最好放在一个目录下。3）在每个主栏目目录下都建立独立的Images目录。为每个主栏目建立一个独立的Images目录最便于管理。根目录下的images目录只用来放首页和一些次要栏目的图片。4）目录的层次不要太深。目录的层次建议不要超过3层，以便维护管理。5）不要使用中文目录。网络无国界，使用中文目录和文件名可能会对网址的正确显示带来困难。6）不要使用过长的目录。尽管服务器支持长文件名，但是太长的目录名不便记忆。7）尽量使用意义明确的目录。目录要能够表达其中所包含文件的关系，如FIash目录表示其中的文件与F1ash有关。如果用1、2、3建立目录，则无法判断其中的文件性质，这将给以后的维护带来困难。随着网页技术的不断发展，利用数据库或者其他后台程序自动生成网页越来越普遍，网站的目录结构也将大多由系统自动生成。

第二章电子商务网站的规划与设计

三、网站的目录结构与链接结构设计2、网站的