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