电子商务网站运作方式的设计.ppt

电子商务网站建设与维护实训第3章设计电子商务网站的运作方式,主编：宋文官，陈永东高等教育出版社,电子商务网站建设与维护实训,2,27.05.2020,第3章设计电子商务网站的运作方式,【项目概述】在小王所在的网络公司为ABC公司设计了电子商务网站的栏目与风格后，需要对ABC公司电子商务网站进行进一步的设计。经理布置给小王几项任务，要求小王为ABC公司网站准备网页素材，设计网站商品的展示方式、网站支付方式与配送方式，并设计ABC网站相关的页面。,电子商务网站建设与维护实训,3,27.05.2020,【项目分析】,设计网页时需要准备哪些素材？,如何设计网站商品的展示方式？,如何设计网站的支付与配送方式？,如何设计网站的相关网页？,电子商务网站建设与维护实训,4,27.05.2020,【任务分解】,选择网站的支付方式,设计网站商品的展示方式,任务1,任务2,任务3,任务4,设计网站的配送方式,准备网页素材,任务5,设计网站相关页面,电子商务网站建设与维护实训,5,27.05.2020,任务1准备网页素材,1准备文字素材,2准备图像素材,3准备动画素材,4准备音频素材,5准备视频素材,电子商务网站建设与维护实训,6,27.05.2020,1准备文字素材,文字素材是网页设计中最基本的形式传统线下文字素材收集通过搜索引擎查找文字素材通过从其他文档中复制文字素材通过扫描仪的文字识别功能获取文字素材通过文本文件过渡获取其他类型文件中的文字素材,电子商务网站建设与维护实训,7,27.05.2020,2准备图像素材,通过搜索引擎查找图像素材,通过从其他文档中复制图像素材,通过扫描仪将图片输入到计算机,通过图像处理软件处理图像素材,图像文件格式的转换,通过图像处理软件绘制,电子商务网站建设与维护实训,8,27.05.2020,3准备动画素材,动画文件的种类通过搜索引擎查找动画素材通过动画处理软件制作动画素材准备三维动画素材,电子商务网站建设与维护实训,9,27.05.2020,4准备音频素材,声音文件的种类通过搜索引擎查找声音素材通过“录音机”程序录制声音素材,电子商务网站建设与维护实训,10,27.05.2020,5准备视频素材,电子商务网站建设与维护实训,11,27.05.2020,任务2设计网站商品的展示方式,1网络商品静态图像展示,2网络商品动态图像展示,3网络商品视频展示,4网络商品的三维展示,电子商务网站建设与维护实训,12,27.05.2020,1网络商品静态图像展示,确定要使用静态图像商品种类,数量,格式,确定要使用的静态图像的尺寸,确定展示的商品是否需要不同角度的照片,选择场地，准备环境，具体拍摄照片,将拍好的照片导入电脑，再进行处理,电子商务网站建设与维护实训,13,27.05.2020,2网络商品动态图像展示,网络商品动态图像制作的主要方法与静态图像制作的方法类似。但是，动态图像一般使用GIF动画或FLASH的SWF的等格式，更注意从不同角度、不同大小展示商品；同时，动态图像需要确定动态图像的展示的效果，如水平百页窗、淡入淡出、旋转出现等。要进行商品动态图像的展示，需要掌握至少一种动画制作软件的使用。同样，对于网络商品的动态图像展示，也应考虑不同商品的特性，用最恰当的方式展现商品最优秀的一面。,电子商务网站建设与维护实训,14,27.05.2020,3网络商品视频展示,网络商品视频制作的主要方法与静态图像制作的方法类似。但是，视频一般使用AVI、WMA、MPEG等格式；视频一般尺寸不宜过大，以免影响将来播放的速度；视频需要确定展示的效果，如镜头推近、拉远、切换、朦胧等。要进行商品视频的展示，需要掌握至少一种视频处理软件，如“超级解霸”、“金山影霸”、“会声会影”等。对于网络商品的视频展示，也应考虑不同商品的特性，用最恰当的方式展现商品最优秀的一面。,电子商务网站建设与维护实训,15,27.05.2020,4网络商品的三维展示,电子商务网站建设与维护实训,16,27.05.2020,任务3：选择网站的支付方式,1选择第三方支付平台,2注册并下载在线支付相关文档,3添加网银在线支付接口,4选择其他的支付方式,电子商务网站建设与维护实训,17,27.05.2020,1选择第三方支付平台,第三方支付一般的运行模式为：比较知名的有支付宝、安付通、网银在线与易达信动QPAY第三方在线支付平台。,买方选购商品后，使用第三方平台提供的账户进行货款支付,第三方在收到代为保管的货款后，通知卖家货款到账，要求商家发货,买方收到货物、检验商品并确认后，通知第三方,第三方将其款项转划至卖家账户上,电子商务网站建设与维护实训,18,27.05.2020,2注册并下载在线支付相关文档,首先需要注册成为网银在线网上商户，注册完成后会获得一个商户号，用商户号可以登录后台管理页面登录商户管理后台，资料管理/修改私钥，并需要登录商户管理后台，下载支付接口技术文档:用于对订单敏感信息加密的加密函数包含文件。接口测试首页。接收接口测试首页传递过来的参数的页面。支付返回处理页面。自动对帐页面。,电子商务网站建设与维护实训,19,27.05.2020,3添加网银在线支付接口,主要涉及将相关文件复制到网站的相关目录下，然后需要在支付页面中添加一个网银在线支付的图片，链接到支付发送页面。然后需要对支付发送页面中几项参数进行简单的修改即可接通网银在线支付网关。接下来，需要在接收支付返回页面中将key值修改成自己的私钥值。最后，需要和支付平台提供商在线签订服务合同。,电子商务网站建设与维护实训,20,27.05.2020,3添加网银在线支付接口,将相关文件复制到网站的相关目录下,在支付页面中添加一个网银在线支付的图片，链接到支付发送页面,对支付发送页面中几项参数进行简单的修改，接通网银在线支付网关,需要在接收支付返回页面中将key值修改成自己的私钥值,需要和支付平台提供商在线签订服务合同,电子商务网站建设与维护实训,21,27.05.2020,4选择其他的支付方式,电子商务网站建设与维护实训,22,27.05.2020,任务4：设计网站的配送方式,1划分可覆盖的配送地理范围,2选择不同的配送方式,3设计普通送货上门配送方式的细则,4设计平邮配送方式的细则,5设计快递配送方式的细则,6设计本地配送方式的细则,电子商务网站建设与维护实训,23,27.05.2020,1划分可覆盖的配送地理范围,如果覆盖的配送地理范围是国内如果覆盖的配送地理范围是全球本地（主要指本城市）是主要的配送地理范围，应尽可能做到本地的全覆盖。对不同地理范围，应该分别细化讨论确定更细的可覆盖范围，明确能送达的区域与不能送达的区域。,电子商务网站建设与维护实训,24,27.05.2020,2选择不同的配送方式,普通送,加急送,普通邮寄,快递,特快专递,电子商务网站建设与维护实训,25,27.05.2020,3设计普通送货上门配送方式的细则,应根据前期工作已经中确定的配送地理范围，确定不同地理范围的配送时间与配送费用。在设计时，应结合网站的经营成本综合考虑。应设计一张详细的普通送货范围、时间与费用的细则表，让用户能一目了然。另外，为了保证配送环节不出问题，还需要讨论收货确认方式。另外，一般还需要设计几种配送中所要使用的表格，如送货单、验货单等,电子商务网站建设与维护实训,26,27.05.2020,4设计平邮配送方式的细则,应该根据前期工作已经中确定的配送地理范围，结合邮局的实际递送情况，确定不同地理范围平邮的配送时间，可与邮局一起协商，确定不同地理范围平邮的配送费用。在讨论完毕后，应设计一张详细的平邮配送方式的细则表，该表与普通送货上门配送方式的细则表类似。另外，应认真讨论确认平邮配送方式的收货确认方式。,电子商务网站建设与维护实训,27,27.05.2020,5设计快递配送方式的细则,应该根据前期工作已经中确定的配送地理范围，结合快递公司或特快专递机构的实际递送情况，确定不同地理范围配送时间可与快递公司或特快专递机构一起协商，确定不同地理范围平邮的配送费用。在讨论完毕后应设计一张详细的快递方式的细则表，该表也与普通送货上门配送方式的细则表类似。另外，同样应认真讨论确认快递方式的收货确认方式。,电子商务网站建设与维护实训,28,27.05.2020,6设计本地配送方式的细则,应该考虑尽可能做到本地的全覆盖，并制订合理的配送范围对应的配送时间、配送费用与货物重量限制。在设计本地配送方式的细则时，通常根据网站配送中心的位置与送货点所在的位置综合考虑。一般情况下，市区的配送费用应该订得较低，郊区的配送费用可以稍高。,电子商务网站建设与维护实训,29,27.05.2020,任务5：设计网站相关页面,1设计主页上的相关页面,2设计欢迎与公司简介页面,3设计商品在线定购页面,4设计商品信息页面,5设计主页的框架文件,6、设计其他页面,电子商务网站建设与维护实训,30,27.05.2020,1设计主页上的相关页面,网站横幅(LOGO与网站名称等),导航条(主要栏目),网站相关信息(网站的联系地址、电话、邮箱、ICP登记号、工商登记号等),电子商务网站建设与维护实训,31,27.05.2020,2设计欢迎与公司简介页面,欢迎页与公司简介页面主要包括欢迎词、企业文化取向、发展宗旨与口号，并且还可能包括公司的性质、工作环境、公司员工等内容，并可能涉及一些插图，如工厂面貌、工作环境、生产设备、公司奖项、名人合影或题字与代表性产品图等。,电子商务网站建设与维护实训,32,27.05.2020,3设计商品在线定购页面,主要包括商品的名称、数量、颜色等信息。有时可能直接显示或填写客户的姓名与联系电话；有时可能直接要求客户填写收货人的地址、姓名、联系电话等信息，以满足定购与接收货物不是同一人的情况。在设计定购页面时，一般还应将每种品的单价与数量的乘积以及所有商品的价值自动计算出来，让顾客方便地知道定购情况。,电子商务网站建设与维护实训,33,27.05.2020,在线定购页面例子,电子商务网站建设与维护实训,34,27.05.2020,4设计商品信息页面,商品信息页面也是电子商务网站中的基本页面，主要包括商品的用途、性能、颜色、结构、技术参数等内容。一般既有文字说明，还有相应的图片说明。参考“选择网络商品的展示方式”中的相关方法，用最恰当的方式体现商品的特点。,电子商务网站建设与维护实训,35,27.05.2020,5设计主页的框架文件,应选择一种布局方式，如导航条在左边还是在右边，或者是在网站横幅的下方。既要考虑顾客的方便，还可能参考同类的网站，取长补短，设计出特色布局。相关的栏目应该根据前期工作相应的规划说明设计，考虑相关的子栏目的出现方式,电子商务网站建设与维护实训,36,27.05.2020,6、设计其他页面,其他页面可能有支付页面、订购确认页面、客户登录页面，以及面向网站管理人员的页面。如果采用的是静态网页，则页面相对较容易设计；如果有些网页需要使用动态网页的设计方法，则需要掌握ASP或JSP等知识。有时，可以先设计一个静态页面，再与相关的技术人员配合，设计出对应的动态网页。,电子商务网站建设与维护实训,37,27.05.2020,【经验总结】,为了进行一个电子商务网站大项目的设计，应该首先准备好各类网页素材，包括文字、图像、音频、视频等形式。然后，需要设计网站商品的展示方式，以最恰当的方式体现商品的特点。接下