项目六公开课教案教学设计课件资料.docx

《项目六公开课教案教学设计课件资料.docx》由会员分享，可在线阅读，更多相关《项目六公开课教案教学设计课件资料.docx（5页珍藏版）》请在第一文库网上搜索。

1、购物车是电子商务网站和用户交互的重要模块。电子商务网站要完成购买转化率,除了有丰富的能满足用户需求的商品外，还需要设计出操作简便、界面清晰付款方便的购物车。个好的购物车能直接勾起用户购买的欲望，在电子商务整个流程中具有重要作用。购物车的主要作用是临时存放用户的购物信息，可以让用户随时进行增删商品、修改数量和统一结算等操作。购物车由显示模块、修改模块和支付模块组成。购物车的妙用购物车在实际使用中对用户来说，兼具凑单、促销、收藏的功能。1 .凑单在用户浏览详情页的时候，有两种选项:一种是立即购买，另一种是加入购物车。当用户本身需求较多，想一次购买多种商品，或者参与优惠活动（满减满赠等）,这时候会加

2、入前物车进行凑单。2 .促销购物车还有促销方面的功能，用于提高客单价。当有促销活动（满减、满赠）时,用户加入购物车之后，可以查看是否满足优惠条件以及优惠之后的金额（不包含优惠券）。3 .收藏对于大部分用户来说，购物车发挥更多的是收藏的作用:看着不错，等以后再下单。另外还有筛选的作用。用户购买时会先加入购物车收藏，等在购物车中筛选之后购买。表单域属性面板介绍用户对网页的要求不仅是获取信息,还希望能互相交流。表单作为浏览者交互的一种元素,被应用在网站的各个区域。DreamWeaVerCS6软件表单对象包括文本域、按钮、图像域、复选框、单选按钮、列表1菜单、文件域以及隐藏域等。在添加表单后，文档中将

3、以红色虚线表示表单区域。表早月象只能插入在红色区域内。为了更合理地安排表单元素,可以使用表格来布局表单元素。插入表格之后,所有的表单元素都可以放置在表格中。购物车需要的外部交互用户打开购物车时看到的数据是需要实时调用外部系统获取的，那么购车需要与哪些外部系统进行交互呢?下面列举几个主要的交互系统。商品:从商品系统主要是获取商品的一些基本信息。有商品的主题、商品的文字描述、商品的上下架状态，以及商品上一些特殊属性的标志与标记位。一些体验比较好的电商平台会将购物车中已经下架的商品制成灰色提示用户此商品目前不能购买。库存:从库存系统主要是获取商品目前库存数量情况以及是从哪个仓库出货，后面拆单的时候会

4、用到这些信息。购物车系统会判断目前商品的库存是否满足用户购买的数量，如果库存己经卖光会将商品制成灰色提示用户该商品己经没有库存。促销:促销是购物车中比较重要的部分，也是最狂杂的部分。购物车会将目前用户选中的商品列表传给促销系统。促销系统经过一系列复杂的运算会告诉购车目前这些商品命中了哪些促销活动，因为一个购物车里面的商品可能是不同商家的，这里还要按照商家的纬度再进行一轮计算，算出每个商家纬度下面有哪些促销活动。可以说，这是整个购物车中最复杂的环节。各个平台购物车做得好坏的区别主要就体现在这里。设计买家订单结算页面买家订单结算页面是指用户直接购买或者利用购物车购买后出现的页面主要的功能是实现对订

5、单的再次确认和费用支付。一个实用便捷的买家订单结算页面会让用户体验的满意度大大提升。因此设计出符合买家需求且使用便捷的买家订单结算页面是至关重要的。表格嵌套介绍当一个表格无法对网页元素进行复杂定位时，需要在表格的一个单元格中继续插入表格,这叫作表格的嵌套。单元格中的表格是内嵌入式表格,通过内嵌入式表格可以将一个单元再分成许多行与列，而且可以无限地插入内嵌入式表格,但是内嵌入式表格越多,浏览时花费的下载页面的时间越长,因此，表格的嵌套最多不超过三层。三个表格的嵌套模式及分析表格的嵌套一方面是为使页面（贴子）的外观更为漂亮,利用表格嵌套编辑出复杂而精美的效果;另一方面是出于布局需要，用一些嵌套方式

6、的表格来作精确的编排，或者二者兼而有之。我们将表格分为一级表格（父表格）和二级表格（子表格）。每一个表格用一种颜色区分。调整表格大小在页面中,创建表格后，可以根据设计要求,对表格或表格中的行、列的宽度和高度进行适当的调整。调整表格的大小有以下两种方法：一种方法是直接拖动表格行或列的边框。如果需要更改某个列的宽度并保持其他列的大小不变可以按住Shif）键,然后拖动列的边框。另一种方法是在属性面板上，在宽和高的文本框内输入相应的数值。一般情况下，默认输入的数值单位是像素，如果想以百分比显示，在数值后输入“即可。为了避免表格出现变形，建议通过对属性面板上相关选项的设置来精确地调整表格或单元格的大小。

7、第三方支付平台电子商务，首先应该是安全的电子商务，一个没有安全保证的电子商务环境,是没有诚信可言的。而要解决安全问题,就必须先从交易环节入手,彻底解决支付问题。目前很多电子商务网站都给消费者提供一种新的安全支付渠道第三方支付平台。作为第三方支付平台，主要目的是提供买卖双方在网络上的交易平台。卖家通过第三方支付平台的虚拟账户收到钱以后才发货;买家在收到货,而且确认无误的情况下才通过第三方支付平台把钱划给卖家。比如淘宝的支付宝和易趣的安付通，都属于这种平台。而银行作为金融业务处理机构,只负责资金的流向。第三方支付平台整合了电子商务中的资金流（银行）、信息流（交易订单）和物流（物流公司）,使三者有机

8、地联系在一起，更好地完善了电子商务的诚信环境，而这些，却是传统银行做不到的。由此可见,第三方支付是信用缺位条件下的补位产物。作为目前主要的网络交易手段和信用中介,第三方支付的确起到了在网上商家和银行之间建立起连接，实现第三方中介和技术保障的作用。采用第三方支付，可以安全实现从消费者、金融机构到商家的在线货币支付、现金流转、资金清算、查询统计等业务，为商家开展B2B、B2C交易等电子商务服务和其他增值服务提供完善的支持。设计卖家订单管理页面订单是买家在购买商品后的表现，是卖家和买家之间交易的重要凭证。订单生成后,卖家通得过处理订单来完成款项的转移与货物的配送。订单的当前状态及如何处理订单是订单管

9、理的重要内容。一般情况下，订单生成后，卖家需要及时对订单进行处理，或付款或发货，并反馈给买家。提高表单实用性的技巧1尽量让表单一目了然用户浏览网站的时候，通常会快速扫视来获取信息,看看网站内容和设计是否符合需求,再决定如何应对和交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。2 .使用浮动的提示文本考虑使用浮动的提示文本。3 .使用表单格式掩码格式掩码能够提醒用户输入的内容的格式，字段的长短大小，对于表单的可用性有明显提升。在用户激活输入框的时候,格式掩码会出现，它会帮助用户格式化输入信息,避免提交的时候出错。格式掩码常见于数字输入的时候。4 .

10、把表单设计得易于输入无法确知用户使用的是手机还是电脑在浏览你的网页，所以应该根据表单字段属性和检测到的键盘类型,进行适配。5 .选择垂直单列布局对于用户而言，垂直单列的布局比起多列的布局更容易使用。当用户浏览的时候，只需要向下浏览即可,不用来回翻看，也可以很好地避免填写过程中的遗漏。6 .控制输入内容尽量使用浏览器的记忆功能和COokie（存储在用户本地终端上的数据）,调用数据将衣单中常见的字段预先填充进去。7 .让表单短而美尽量只保留必要的字段供用户填写,不要提供冗余的选项,让表单小而美。订单管理1 .订单管理的职责日常订单的审核处理人正常订单和问题订单的处理）、保证订单信息准确无误地传输给

11、库房发货环节，对客服提交反馈的售后问题进行及时有效的处理，包括信息更改、退款、退换货等情况，并及时给予处理结果的反馈,对所有订单涉及的各项数据报表进行及时的汇总和整理，并及时对订单且常问题涉及的部门给予反馈和建议等2 .订单的八种状态；未确认未付款、已确认未付款、己发货、退款中的订单、退款成功、未处理己确认已付款、己处理已确认己付款，己处理已发货。3 .订单处理的关键因素处理订单的原则:先收到的订单先处理、简单的订单先处理、承诺发货最早时间的订单先处理、相同商品的订单先处理、相同快通的订单先处理。处理订单的时间控制沫付款订单的催款（48小时内）己付款订单的发货处理（72小时内）库存显示无货的订

12、单（当天通知）、地址模糊无法即时分派快递公司的订单（当天通知）。订单信息的准确性:买家留言、卖家备注、快递分配。表格变形问题及解决办法网页在不同屏幕分辨率或改变窗口时容易出现页面变形，归纳起来，主要有以下几种情况。1在不同分辨率下所出现的错位在80X00的分辩率下时，一切正常，而到了1024x80时，则多个表格或者有的居中，有的却左排列或右排列，这是什么原因呢？表格有左、中、右三种排列方式，如果没特别进行设置，则默认为居左排列。在800X600的分辩率下，表格恰好就有编辑区域那么宽，不容易察觉，而到了分辨率为1024x800的时候，就会出现变形问题，解决的办法比较简单,即都设置为居中或左或右。

13、上边所说的是水平错位，而这种则是纵向错位，多发生在一个表格单元里嵌入另一个表格的情况。原因在于，嵌入的表格默认为竖向居中排列，在800X600的分辨率时，这种错位看不出来，而到1024X800的分辨率时就出现了，解决办法如前，根据情况对排列进行设置,而不是采用默认设置。4 .采用百分比而出现的变形这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如一个表格单元的宽度是60OPX,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300px,依此类推,如果一个表格不是嵌于另一个表格单元中，则其百分比是相对于当时窗口的宽度的,常出现在IE浏览器中,随便改

14、动主页窗口的大小时,表格的内容也随之错位、变形，这是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。解决办法是不要设置成百分比,如果表格没有外围嵌套标记,则将宽度设置成固定宽度，如有外围嵌套标记，则将外围嵌套标记的宽度设置为固定值，而表格的宽或高可设置为百分比,这样就不会出现变形了。5 .表格单元格之间互相干扰引起的变形这种变形情况通常是在工具里制作主页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙。解决办法一是先看表格设置有没有上面所谈的两种情况,如没有，可能就是在划分表格时,同一行的单元格之间相互牵制所出现的问题。解决办法二是如果表格比较更杂，最好采取嵌表格的形式,这样，可

15、以少一些单元格之间相互干扰的情况，而使单元格之间相对独立。淘宝仓库发货流程1下单及打单工序客户在淘宝下单后，订单由系统自动下载到服务器,根据客服备注,终审订单确认无误单员打印发货单和快递单。注意事项:审单的准确性（类别/快递等）。打单员的快递单号要确保正确，快递单和发货单确保一致。准确无误判断订单的问题和反馈等。6 .订单分拣根据订单的商品类别、规格、库位等信息进行分拣，可准确快速地进行配货,保证商品发出的包裹与客户购买的商品一致。7 .订单配货配货员在拿到拣货单后，根据拣货单上面的信息进入仓库配货。注意事项:严格按照拣货单的商品类目、规格进行配货。严格按照拣货单的商品数量进行准确无误的配货。

16、定期保证仓库的整洁,安全。8 .订单商品验货核对配货完毕后进行商品核对及系统的条码验货工作,准确无误。注意事项:检查商品的外包装，确保无明显的污垢及瑕疵，解决问题件退换问题。严格按照订单信息准确无误地核对商品类目、规格及数量,不能有遗漏和多发货的现象。9 .订单打包打包员接到验货完毕后的订单商品,需要再次检查，防止出现漏发和窜货。注意事项:接到配货完毕后的订单要再次检查.在打包封箱时要全面封住包裹的缺口,以免出现快递过程中掉件等问题。10 订单称重及摆放打包完毕后进入称重环节,称重的目的在于仓库知道包裹内的商品数量及商品验货环口于，明确包裹的重量能够在客户收件出现问题时核对是快递丢件还是仓库漏发，并提供有效证明。注意