4.4.电子商务网页的制作（课件）《新编电子商务导论》（水利电力出版社）

第4章 电子商务网站建设 4.4.电子商务网页的制作 4.4.1.HTTP协议 4.4.2.HTML语言 4.4.3.网页客户端脚本 4.4.4.网页类型 4.4.5.静态网页 4.4.6.动态网页 4.4.7.XML 4.4.8.AJAX 4.4.1 HTTP协议 HTTP协议是一种请求/响应协议，服务器等待并响应客户方请求。HTTP不维护连接的状态信息，是一种无状态协议。它使用可靠的TCP连接，一般的Web服务器使用TCP的80端口。 客户/服务器传输过程可分为四个步骤： 1)浏览器与服务器建立连接； 2)浏览器向服务器请求文档； 3)服务器响应浏览器请求； 4)断开连接。 4.4.1 HTTP协议 HTTP协议的请求与响应信息格式如下： 1.请求信息 2.服务器响应 4.4.1 HTTP协议 4.4.2 HTML语言 HTML是Hypertext Marked Language的缩写，即超文本标记语言，是用来制作超文本文档的标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种平台，自1990年以来HTML就一直被用作ＷＷＷ（World Wide Web的缩写) 的信息表示语言，使用HTML语言描述的文件，需要通过Web浏览器显示，当前常用的Web浏览器是MicroSoft公司的IE。 HTML标签是HTML语言中最基本的单位,HTML标签是HTML语言最重要的组成部分，以下是HTML常用的标签。 格式标签 文本标签 图像标签 链接标签 4.4.2 HTML语言 4.4.3网页客户端脚本 网页客户端脚本是嵌入到HMTL网页中的一段特殊文本，当浏览器解析这些脚本时，不是把它们当作一般的文本去显示，而是当作程序运行。这些脚本是随网页一起从web服务器下载的，web服务器并不执行这些脚本，只是把这些脚本传递给客户端浏览器，由浏览器解释执行，脚本的出现大大增强了网页的表现力。目前比较流行的脚本有JavaScript与VBScript。 4.4.4网页类型 网页分为两种，静态网页和动态网页。 静态网页是相对于动态网页而言的，静态网页与动态的区别主要是看网页是怎样产生的。静态网页是存储在web服务器中的文件，当访问这些网页时，web服务器从存储器中获得这些文件，将文件内容发送给客户端，不做任何特殊处理。当浏览器请求动态网页时，web服务器获取该网页，然后执行网页中的相关程序，根据程序的输出产生新的页面，然后将新产生的页面发送到用户浏览器端。 4.4.5静态网页 当访问静态网页时，Web服务器不对index.htm文件做任何特殊的处理，不执行该网页文件中包含的任何内容，只是取出该网页文件内容然后发送到客户端浏览器。 4.4.6 动态网页 1动态网页特点 动态网页以数据库技术为基础，可以大大降低网站维护的工作量； 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 4.4.6 动态网页 2动态网页工作原理 4.4.6 动态网页 3 CGI CGI程序一般完成Web网页中表单(Form)数据的处理、数据库查询和实现与传统应用系统的集成等工作。可以使用不同的程序编写CGI程序，如Visual Basic、Shell脚本语言、Perl、Fortran、Delphi或C/C＋＋等。以下是对CGI原理的简要概述。 4.4.6 动态网页 4 PHP PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创的新语法。PHP比CGI有更快的执行速度。PHP将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP执行引擎还将用户经常访问的PHP程序驻留在内存中，其他用户再一次访问该程序时不需要重新编译程序，而是直接执行内存中的已编译的程序代码，加快了执行速度，这是PHP高效率的重要体现。PHP具有非常强大的功能，支持几乎所有流行的数据库以及操作系统。PHP 最初是由Rasmus Lerdorf在1994年创建的，是一个源代码开放项目。 4.4.6 动态网页 5 ASP ASP 即Active Server Pages，是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，是一个服务器端脚本编写环境，该技术没有提供专用的编程语言，而是允许用户使用许多已有的脚本语言编写ASP应用程序。 ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。 但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。 4.4.6 动态网页 6 JSP JSP(Java Server Pages)是当前非常重要的动态网页编程语言，由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术是用JAVA语言作为脚本语言的，JSP网页为整个服务器端的JAVA库单元提供了一个接口来服务于HTTP的应用程序。 4.4.6 动态网页 6 JSP 当Web服务器上的JSP页面第一次被请求执行时，JSP/Servlet容器先将JSP页面文件转译Servlet，Servlet通过HTML与客户交互。服务器将前面转译成的Java文件编译成字节码文件，再执行这个字节码文件来响应客户的请求。当这个JSP页面再次被请求时，只要该JSP文件没有被改动，JSP容器就直接调用已装载的Servlet。 Servlet是用 Java 编写的服务器端程序模块，用以扩展 WebServer的功能。Servlet被加载到 Web 服务器上，并在其中运行。Servlet 使用 HTTP 服务器接收和响应客户机发出的请求。 4.4.7 XML XML全称Extensible Markup Language，可扩展标记语言，是一种标记语言。标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。标记语言就是使用某种“记号”来表示特殊信息的语言，例如用一种“记号”来表示格式信息或表示数据信息。XML是从标准通用标记语言（SGML）中简化修改出来的。主要用到的有XML、XSL、XBRL和XPath等。 4.4.8 AJAX AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，从名称中可以看出JavaScript与XML是实现AJAX的关键技术，AJAX模糊了传统的C/S、B/S模式的应用架构，是当前比较流行的先进技术。 4.4.8 AJAX Ajax应用程序的优势： 1. 通过异步模式，提升了用户体验 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 4. Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 4.4.8 AJAX Ajax的工作原理 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。JavaScript使用XmlHttpRequest向服务器提出请求并处理响应，而不阻塞用户。Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样以前的一些服务器负担的工作由客户端来完成，利于客户端闲置的处理能力来处理，减轻了服务器处理压力，同时很多重复的数据不再多次发送，减轻了网络的负担，加快了响应速度。 4.5.电子商务网站的测试与发布 4.5.1.网站测试 4.5.2.站点发布 4.5.1.网站测试 1、用户界面测试 2、功能测试 3、接口测试 4、兼容性测试 5、性能测试 6、安全测试 4.5.2 站点发布 网页制作完成后，需要将网页发布到web服务器上，web服务器可以在企业内部网络中，也可以连接到互联网上，web服务器可以在购置的专用服务器上运行，也可以在ISP提供商处进行托管运行。 4.5.2 站点发布 所谓发布网页，就是将组成整个网站的网页与各种媒体素材放置到一台计算机上，这台计算机运行web服务程序，web服务程序处理浏览器客户端的请求，将被请求网页的内容发送到浏览器端。将网站所需的各种文件传送到计算机上有各种方式，如FTP等。当在自己专用的服务器上发布站点时，需要对该服务器进行安全加固，关闭不需要的其他服务，增加防火墙等网络安全设备。当在ISP提供商处对自己的网站进行托管时，web服务器本身的安全性由ISP提供商来保证，开发者主要关注网页能否正常被浏览，同时是否允许开发者方便的更新网页等。 4.6.网站的管理与维护 4.6.1.企业网站的使用规则 4.6.2.电子商务网站维护 4.6.3.电子商务网站的管理 4.6.1.企业网站的使用规则 企业Internet使用规则可以概括为四类： 第一，员工使用Internet规则。 第二，使用在线工具规则。 第三，提供Internet内容规则。 第四，使用Internet对外联系的规定。 4.6.2电子商务网站维护 对网站进行维护包括以下四个方面内容。 1、服务器的维护与管理 2、网站日常维护与管理 3、网站更新与升级 4、对网站安全的维护。 4.6.3电子商务网站的管理 在电子商务网站的建设和管理过程中，需要注意以下三个方面的问题： 首先，要加强资料管理。 其次，要加强各种信息的管理。 最后，要注意系统账号管理。 4.7.电子商务网站建设案例分析 4.7.1 亚洲最大的网上交易平台——淘宝网 4.7.2中小企业B2B交易的平台——阿里巴巴 4.7.1 亚洲最大的网上交易平台——淘宝网 淘宝网的首页 1、网站商务专题评析 （1）网站的页面设计 4.7.1 亚洲最大的网上交易平台——淘宝网 淘宝网的二级页面并非单纯、死板的商品列表 1、网站商务专题评析 （1）网站的页面设计 4.7.1 亚洲最大的网上交易平台——淘宝网 灵活多样的商品展现页面 1、网站商务专题评析 （1）网站的页面设计 （2）内容更新情况 （3）内容质量 （4）网站服务 4.7.1 亚洲最大的网上交易平台——淘宝网 2、网站的客户定位 3、网站的盈利模式 4、网站的服务内容 5、主要业务处理流程 4.7.1 亚洲最大的网上交易平台——淘宝网 1、网站目标 2、网站结构 3、内容及功能 4、可视化设计 5、安全性 4.7.2中小企业B2B交易的平台——阿里巴巴 Thank You ! $$