电子商务网页制作-项目7.pptx

电子商务网页制作-项目7.pptxDW
项目七
电子商务
网页制作
表单应用
 理解表单和表单域的概念
 认识表单是如何工作的
 了解表单的设计原则
 学****创建表单
 了解验证和提交表单的方法
项目目标
表单概述
衡量电子商务网页的一个重要标准就是网页的交互性。对电子商务网站来说,每一个浏览者都是公司的客户或潜在客户,了解他们的意见和建议、收集他们的私人信息、获取订单、设立留言簿、提供商品检索等,都是极其重要的。表单是实现网页交互性的重要手段之一,通过表单,可以从浏览者那里收集信息,经过服务器处理后,把结果反馈给浏览者。
设计一个高效、友好的表单,对浏览者和电子商务网站都是十分有利的:浏览者可以发现更多的关于产品和服务的信息,而网站可以了解更多的有关浏览者的信息,甚至还可以使用表单进行网上调查和竞赛,激励更多的浏览者加入进来。请你仔细观察电子商务网站中的表单出现在什么位置、不同作用的表单是否选择了不同的呈现方式。
试一试——无所不在的表单
第一步:打开IE浏览器,在地址栏中输入http://new.,将打开下图所示的页面。在页面的顶部,可以看到搜索产品用的表单,页面右上角可以看到会员注册与登录的按钮与链接。
试一试——无所不在的表单
第二步:点击右上角“免费注册”进入到注册页面。电子商务网站在要求浏览者进行注册时,通常会为此单独建立一个独立的表单网页,因为注册时可能会触及到浏览者个人隐私,单独的表单网页容易使浏览者产生被保护的安全感。
此页面的注册表单并没有要求用户留下真实姓名和邮政地址,但电子邮件地址和手机号被列为必选项,这样既可以取得和浏览者的联系,又能使浏览者不至于感到被侵犯。这个注册表单的设计十分精心,使用尽可能少的表单域,获取了尽可能多的有用信息,浏览者不必花费太多的时间就能完成表单填写。
试一试——无所不在的表单
第三步:选择一项商品,点击进入商品详情页面:
试一试——无所不在的表单
第四步:浏览商品详情页面,了解商品信息,点击“立即购买”按钮进入购物车页面:
试一试——无所不在的表单
第五步:点击“立即结算”按钮进入订单信息页面,如图7-5所示。该表单页用于提交在线订单。
试一试——无所不在的表单
表单设计至关重要,然而并不是所有的浏览者都愿意填写表单,一个糟糕的表单甚至会吓跑浏览者。首先要明确使用表单的目的,即为什么要设计这个表单。在设计表单前,可以尽量多地浏览相关的网页,看一看别的网站是怎么做的,同时要把网络营销知识运用到设计中去,要记住一点:为浏览者考虑得越多,能收到的填写好的表单就越多。表单网页要和其他网页保持一致的颜色和风格,每一个表单域尺寸要适当,既能满足要求,又要保证网页的美感。
活动小结
表单的概念
表单可以实现浏览者与Web服务器之间信息的交互传送,它是网络信息收集处理的一种重要方式,一个能正常工作的表单必须包含以下两个部分:
(1)含有表单的网页。
(2)用于处理浏览者提交信息的表单处理程序,如CGI或ASP程序等服务器端应用程序或客户端脚本。
浏览者在表单中填写相关信息,然后单击“提交”按钮,将表单内容上传到服务器,服务器用事先编好的表单处理程序来处理这些信息,再将处理结果反馈给浏览者的浏览器,可见表单的使用必须依赖于服务器端脚本才能真正发挥其功能。
表单工作流程图