《全球浏览器竞争者》PPT课件

1、Web技术,开始,2020/7/22,2,第七章 Web技术,第一节技术概述 第二节常用技术 第三节与电子商务,2020/7/22,3,第一节技术概述,一、定义 二、理解 三、工作原理 四、C/S结构,2020/7/22,4,Web定义,Web是WWW（World Wide Web）的简称，又称“万维网”。 Web是建立在客户机服务器（ClientServer）模型之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的、一致的用户界面的一种信息服务系统。,2020/7/22,5,理解,1）Web是Internet提供的一种服务。 2）Web是一个巨大的信息宝库。 3）

2、Web上的信息彼此关联。 4）Web上的信息保存在Web站点中。 5）Web简单易用。,2020/7/22,6,工作原理,2020/7/22,7,的C/S结构,2020/7/22,8,第二节常用技术,一、浏览器 二、超文本标识语言 三、动态Web 四、动态服务器 五、插件 六、脚本描述语言,2020/7/22,9,一、浏览器,1。浏览器市场 2。全球浏览器竞争者 3。离线（Offline）浏览器 4。对商业的影响,2020/7/22,10,1。浏览器市场,2020/7/22,11,1。浏览器市场,（1）不同的站点结果是不同的。 （2）平均约有5%的空余空间。 （3）这说明Internet不仅是

3、一个大众传播媒介，而且反映很多销售市场和甚至更多机会市场的基础设施。,2020/7/22,12,2。全球浏览器竞争者,NetscapeCommunicator Internet Explorer Opera Lynx,2020/7/22,13,Netscape Communicator,Netscape Communicator是世界上最著名的浏览器，它适用于很多平台。 如果要找一个适用于大多数平台，并且支持Java和JavaScript较新版本的浏览器，则Netscape是最好的选择。,2020/7/22,14,Internet Explorer,IE和操作系统高度集成 仅支持Windows

4、，不适合跨平台,2020/7/22,15,Opera,Opera小、快而且实用。 Opera是那些只有少量内存或使用老系统用户的理想选择。,2020/7/22,16,Lynx,Lynx仅有约500KB，仅显示文本 适用于移动电话或其他嵌入式设备的用户,2020/7/22,17,3。离线（Offline）浏览器,离线浏览器，是指用户可以下载整个站点并以离线方式阅读其内容的浏览器。 用户所要做的就是启动URL，该程序会下载网页及网页上的所有元素。 缺点是只适用于静态HTML页 主要优点是省钱与时间。,2020/7/22,18,4。离线（Offline）浏览器,Offline Explorer We

5、bzip Climate InfoNout,2020/7/22,19,5。对商业的影响,（1）基本平台 （2）方便了公司和消费者之间的信息沟通和交流,2020/7/22,20,二、超文本标识语言,1。HTML 2。与在线商务的关系,2020/7/22,21,1。 HTML,（1） HTML的定义 即超文本标识语言，是万维网的基本构件。,2020/7/22,22,1。 HTML,（2） HTML 的使用：HTML文件存放在Web服务器上，由服务器把文件传送至Web浏览器，由Web浏览器根据HTML代码中的指令部分进行翻译，然后创建Web页。,2020/7/22,23,1。 HTML,（3）HTM

6、L 的特点 HTML是一种标识语言而非编程语言, The simplest HTML example-最简单的HTML例子 这是第一行。注意，多余的空格是无用的。 这是第二行，但在浏览器上看却和第一行连在一起 使用段落标记，才能起分行、空行作用。 ,2020/7/22,25,2020/7/22,26,2。与在线商务的关系,（1）HTML是在Web浏览器中显示内容的底层支持技术。 （2）HTML的学习和实现非常简单，且成本低廉。,2020/7/22,27,三、动态Web,1。从静态Web站点转到动态Web站点 2。级联样式表（Cascading Style Sheet） 3。文档对象模型（DOM

7、） 4。动态HTML（Dynamic HTML）,2020/7/22,28,1。从静态Web站点转到动态Web站点,所谓静态Web站点，是指Web页中的信息都是静止、固定的，用户只能被动的接收信息而不能修改。 优点：（1）不需要编程知识（2）占用的Web服务器的资源相对较少。 缺点：缺乏交互性，不灵活， 适用对象： W页不多并且很少改变W页 。,2020/7/22,29,1。从静态Web站点转到动态Web站点,所谓动态网站就是把Web页和数据库绑定在一起。通过运用数据库模型允许访问者在动态Web页中添加、插入或删除数据。,2020/7/22,30,2。级联样式表（Cascading Style

8、 Sheet）,HTML用于描述一个文件的逻辑结构开发的，而级联样式表（CSS）则是为了描述文件的布局。 CSS格式页也是一些模板，它包含了一系列规则用以说明对各HTML元素的渲染(元素的字体、颜色、字样以及其它一些样式 )。,2020/7/22,31,3。文档对象模型（DOM）,文档对象模型DOM(Document Object Model )是一种包含可控制对象（如文本、图像、链接）的文件（如Web页）模型。 正如样式表可用于建立与内容和结构无关的布局，DOM可以让用户制作与内容和结构无关的交互。,2020/7/22,32,4。动态HTML（Dynamic HTML）,为了满足人们对Web

9、的动态要求，结合HTML、级联样式表（CSS）、文档对象模型（DOM）和脚本描述语言（如JavaScript/VBScript），构建动态的、交互式的Web页，即DHTML。,2020/7/22,33,四、动态服务器,1。公共网关接口CGI 2。应用编程接口API 3。ASP 4。PHP 5。JSP,2020/7/22,34,五、插件,1。插件的定义、特点和趋势 2。Adobe Acrobat 3。Quicktime 4。Platinum Cosmoplayer 5。Macromedia Shockwave,2020/7/22,35,1。插件的定义、特点和趋势,插件（Plug-in）是为Web

10、浏览器开发的内插式附件程序，通常用于添加对新文件格式的支持或添加交互性。 插件最大的特点在于它的简单易行。,2020/7/22,36,1。插件的定义、特点和趋势,由于浏览器有越来越多的内建特性使得插件的重要性正在逐渐消失，尤其是在XML成为Internet上文件的新基础后，其趋势是从插件转向提供Java或ActiveX解决方案。 注释：可扩充标识语言 XML （Extensible Markup Language）是SGML的子集。,2020/7/22,37,2。Adobe Acrobat,PDF格式。 适用于所有主要平台，能在任何平台上读取并提供了跨平台和打印机的高质量输出。,2020/7/

11、22,38,3。 Quicktime,Apple计算机公司、数字媒体播放器 例如： 显示免费预告片（2005-10-24）,2020/7/22,39,4。Platinum Cosmoplayer,显示用虚拟现实标识语言（Virtual Reality Markup Language, VRML）编写文件。,2020/7/22,40,5。Macromedia Shockwave,多媒体标准插件。 该插件可以重放交互式Web内容，如娱乐软件、商业表现、游戏和广告等。,2020/7/22,41,六、脚本描述语言,1。JavaScript 2。VisualBasic Script 3。JScript

12、4。浏览器中脚本描述语言的问题 5。ECMAScript,2020/7/22,42,脚本描述语言定义,所谓脚本描述语言就是可以和HTML语言混在一起使用的语言，可以用来在浏览器的客户端控制浏览器等对象操作。最常用的脚本描述语言是JavaScript和VBScript等。,2020/7/22,43,第三节与电子商务,一、电子商务中的作用 二、电子商务网站的构建,2020/7/22,44,一、电子商务中作用,）展示企业形象的新方式 非强迫性、交互性、实时性、广泛性（范围广泛、内容广泛、形式广泛）、和易统计性。 ）支持顾客的服务 支持顾客交互与查询、开辟顾客关系的新途径、方便顾客获取企业信息,202

13、0/7/22,45,一、电子商务中作用,3）加快企业内部的信息交流 4）简化复杂的运作管理,2020/7/22,46,二、电子商务网站的构建,电子商务网站概述 电子商务网站的设计 电子商务网站的建设 电子商务网站的管理 电子商务网站的检测和评价,2020/7/22,47,电子商务网站概述,？电子商务网站与其它类型网站的区别 ？电子商务网站的影响因素,2020/7/22,48,普通的Web网站数据量较小，电子商务网站以商务数据处理为主，数据类型复杂、数据流量大、数据交换频繁。 运行效率 其一，网站本身对公众请求响应时间，公众对问题回答的满意度等；其二，数据处理是否及时、准确。 安全问题 网络安全

14、、服务器安全、用户安全、应用程序和服务安全、数据安全几个部分。,电子商务网站概述,2020/7/22,49,电子商务网站的设计,）网站设计方法（ 自顶向下的设计方法原型法 ） ）网站的内容设计（一般网站的内容 企业能够提供的信息内容 电子商务网站内容设计 ） ）网站的形象设计,2020/7/22,50,一般网站的内容 网站介绍 站点结构图 联系方式 常见问题解答 新闻 相关链接,企业能够提供的信息内容 企业公告；企业部门结构、职能介绍和联系方式；企业事务处理流程；政策规定、法律法规；本行业概况；本行业新闻；基本行业情况信息；本行业企业和事业单位简介；本行业招商引资环境、项目介绍和投资环境等等。

15、,电子商务网站内容设计（以上两点）,）网站的内容设计,2020/7/22,51,电子商务网站的形象设计应该遵循统一 主题图片和子图片的设计 字体的设计 导航按钮的设计 （每个页面都要出现；尽量在五个到七个之间；必须有相应的文字说明；当前按钮应该区别于其它导航按钮。 ）,）网站的形象设计,2020/7/22,52,3。电子商务网站的建设,）技术可行性分析（包括Web服务器的分析、Web服务器软件的分析、Web网站开发平台的分析、Web网站管理工具分析及其它支撑技术的分析。 ） ）网站域名 ）运行平台的构建,2020/7/22,53,）运行平台的构建,2020/7/22,54,网络接入部分主要指I

16、nternet的接入设备，如路由器、调制解调设备、防火墙、防病毒墙等。 商务应用软件部分包括网上办公的行政事务应用软件系统和公众服务软件系统。 应用服务器是支撑商务应用软件的系统软件部分，包括Web服务器、E-mail服务器、FTP服务器、BBS服务器、远程注册服务器等。 服务器部分是支撑应用服务器的硬件平台，根据网上办公系统规模，可能是一个服务器单机，又可能一组服务器群集。 数据存储部分用来存储商务数据，具有海量存储能力和高速搜索能力，同时还具备完整的数据采集、加工、处理、组织存储、挖掘和发布的的功能。 安全部分包括数据安全、应用安全和交易安全，它是由一组功能相关的软件和硬件系统构成的，并且

17、贯穿于电子商务网站的每一个组件中。,2020/7/22,55,电子商务网站的管理,文件管理 网站内容管理 网站综合管理 网站安全管理,2020/7/22,56,电子商务网站的管理,文件管理包括网站文件的组织、网站数据备份、网站数据恢复和网站垃圾清理等。 网站内容管理即面向电子商务事务活动中的具体业务而进行的对输入和输出信息流的内容管理。 网站综合管理是对网站运行平台的管理、网站统计管理和网上办公业务的管理。 网站安全管理包括分析网站安全威胁、网络安全技术的运用、安全规章制度的制定与执行。,2020/7/22,57,5 。电子商务网站的检测和评价,）电子商务网站评价的方法 ）电子商务网站评价数据

18、的采集 ）电子商务网站评价的内容,2020/7/22,58,）电子商务网站评价的方法,委托评估公司评估BiZRate（） 权威机构网站评比活动中国互联网络信息中心CNNIC 自我评测 用户评价,2020/7/22,59,）数据的采集,在主页中设置访问计数器 发布在线统计表单 统计电子邮件刊物的预订数量 统计咨询类电子邮件的数量 定期监测网上合作网站情况 检索国内外的权威统计站点 服务质量跟踪统计以及顾客投诉的意见,2020/7/22,60,）电子商务网站评价的内容,网站受关注的程度 外部环境的变化分析 网民的变化状况 网站的设计 网站的操作： 技术应用的状况,2020/7/22,61,服务质量

19、 服务承诺的兑现情况： 满意程度： 存在问题及分析； 顾客新的服务要求分析。 网站的安全性 数据的安全是最核心的问题，应及时对网站的安全性进行评测。例如： 顾客购物时有关资金数据是否安全； 顾客个人隐私是否得到保护。,2020/7/22,62,四、动态服务器,尽管DHTML适于较小的数据库和Web站点，适用于客户方的动态服务。 有着大数据库的更大的公司则更希望在Web服务器上创建动态Web页。为了处理来自客户方或其他数据源（如数据库）的输入和数据，必须为通信创建接口，而CGI、API、ASP和PHP应运而生。,2020/7/22,63,1。公用网关接口,（1）CGI定义：CGI(Common

20、Gateway Interface)意即公共网关接口，它为HTTP服务器定义了种与外部应用程序交互、共享信息的方法。,2020/7/22,64,（2）CGI的工作原理：客户机（通常是浏览器）与HTTP服务器建立连接，并提出请求（步骤1），HTTP服务器对环境变量赋值，运行CGI程序，并传送从客户机收到的请求（步骤 2），然后由CGI程序进行处理，并将结果返回给HTTP服务器（步骤3），HTFP服务器最后将应答返回给客户机（步骤4）。,2020/7/22,65,1。公用网关接口,（3）CGI的常用语言 任何编程语言都可用于建立服务器方HTML预处理程序应用，最常用的语言是Java、 Perl和P

21、ython创建能通过公用网关接口接收并提供数据的应用是很简单的。 注意：这些语言并不只是CGI语言。,1。公用网关接口Java,Java 为了提高WWW的交互性，Sun公司开发了Java。 Java是一个能运行于所有主要平台的与硬件无关的语言。 对于客户方，Java并不总是最好的解决方案。不同的浏览器制造商支持不同版本的Java，而不同版本的Java之间是不兼容的。 而在服务器一方Java已经成为主要推动力之一，服务方Java的优点是其与浏览器无关，如果做的合适可以无需重写或重编译软件就换服务器。,1。公用网关接口Java,Java与电子商务 Java语言是最适合于Internet环境编程的语

22、言，具有简单、面向对象、分布式、安全、跨平台、可移植、解释执行、高性能、多线程、动态性等等优点，成为网络计算及Internet应用的最优的开发和应用平台。 因为Java与生俱来的跨平台特性，最适合涉及到多种计算平台的商务应用。Java的安全性又满足了电子商务中极其重要的一面。因此在电子商务的开发应用中，Java已经显示出了极大的生命力。,2020/7/22,68,1。公用网关接口Java,Java和Java Applet Applet是Java的小应用程序，Java通过Applet起Web服务器应用程序接口的作用,2020/7/22,69,1。公用网关接口Perl,Perl 因为Perl允许快

23、速原型开发，所以它是服务方最流行的编程语言，尽管很多人认为Perl 只是一种CGI语言，但它却是一个不只用于Web的常规编程语言。Perl是一种由Perl解释程序解释的一种脚本描述语言，并且为了浏览文本文件、从文件中提取并处理信息以及基于这些信息打印报告对其进行了优化处理。 Larry Wall开发Perl的目的是创建一种实用、易用、高效而完整的语言。和Java不同，Perl非常难读。并且包含了一些其他编程语言如C、Pascal和其他应用程序中最有用的特性，如“sh”、“sed”和“awk”。,2020/7/22,70,1。公用网关接口Python,Python Python是Web服务器编程

24、领域中另一个不错的选择，它是一种基于面向对象规范的解释型交互式编程语言，与Perl和Java有很多相似之处。 Python非常轻巧并适合于各主要平台，这使它成为多平台环境下一种不错的语言。 Perl的源代码是免费的，所以甚至可能为其现在不支持的平台编译它。,2。应用编程接口API,CGI运行效率低下、编程困难等缺点 厂商各自的服务器应用编程接口API(Application programming interface)，彼此不兼容。 WWW API通常以动态链接库 (DLL)的形式提供，是驻留在WWW服务器上的程序，作用与CGI相似，也是为了扩展WWW服务器的功能。通过WWW API也能实现对

25、数据库的访问。,2020/7/22,72,3。ASP,方便没有编程经验的人员也能设计出优秀的动态网页 Microsoft公司专门针对其IIS(Internet Information Server)Web服务器，将ASP(Active Server Page)作为在Web服务器上进行开发的工具。通过它可以建立并运行动态、交互、高性能的WWW服务器应用。 ASP不仅是IIS的一个组件，也是与FrontPage 2000配套提供的Microsoft Personal Web Server的一个组件。,2020/7/22,73,3。ASP,ASP是Active Server Page的英文缩写，中文

26、称为动态服务器页面，它是一种服务器端基于Web的脚本语言，可以视为HTML、Script及CGI的结合体，其程序编写较HTML更为方便灵活，程序的安全保密性比Script好，运行效率也比CGI高。 ASP常用的开发工具可以从Visual InterDev、Dreamweaver、FrontPage等流行设计工具中根据项目的实际情况进行选择。开发环境则可以选择Windows 2000 Server作为操作系统，IIS作为Web服务器，数据库选SQLServer比较理想。,2020/7/22,74,3。ASP,ASP具有以下几个优点： （1）开放性：不需要一个专用的脚本语言来生成网络应用程序 ，甚

27、至可以在相同的ASP文件中同时使用多个脚本语言并相互调用。 （2）易操作性：只需几行简单的代码就可以完成以前使用Peri或C编写的复杂的CGI程序完成的功能 。 （3）页面设计与程序设计分离 （4）即时编译 （5）浏览器独立性 ：所有的处理都在服务器端进行，然后向浏览器返回标准的HTML文件 。,2020/7/22,75,4。PHP,PHP(Personal HomePage Tools)于1994年由Rasmus Lerdorf创造，原本用途只是为知道他自己个人置于Internet上的履历表曾被谁浏览过。 PHP是一种服务器内置式的script语言，与ASP类似，其目的则为开发动态式的网页并

28、可与资料库连结。它的出现使得在Unix上快速地开发动态web成为现实。 PHP大量采用了C、Java和Peri语言的语法，并加入了各种PHP自己的特征。它与JavaScript等语言的一个区别就是 PHP只在服务器执行，客户机所看到的是其在服务器上运行的结果。,2020/7/22,76,JSP（Java Server Page）,在传统的网页HTML文件中加入Java程序片段和JSP标记，就构成了JSP网页（*.JSP）。JSP网页的执行过程和原理与ASP相似，也是先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。 JSP适用于需要考虑跨平台移植的应用项目以及需要高可靠性的Inte

29、rnet/Intranet应用系统。开发工具可以是Jbuilder/Visual Age for Java/Sun Forte for Java KAWA/Visual Cafe。,1。JavaScript,（1）何谓JavaScript JavaScript编程语言是一个非常简洁的基于对象的、与平台无关的、事件驱动的解释型脚本描述语言，它可用于开发驻留于服务器或客户上的Internet应用。 一个有内嵌JavaScript的HTML不需要任何网络通信就能解释所输入文本并且在输入无效的情况下用消息对话框通知用户。JavaScript还可用于执行一项活动，如播放一个音频文件，执行一个Applet

30、或与一个插件通信。JavaScript是由客户包含的并且不能同服务器通信并交换数据。,2020/7/22,78,1。JavaScript,（2）JavaScript的“出身” JavaScript从来没有打算成为Java的一个缩写版或替换CGI脚本语言，JavaScript是由Netscape而不是Sun（它开发了Java）开发的，但出于推销目的使用一个近似的名称。JavaScript原本称为“Macha”，后改名为“LiveScript”最后变成了JavaScript，因为绝大多数人提到这个名称。 （3） JavaScript的价值 第一， JavaScript有很多胜于传统编程语言的优点。

31、它和Web浏览器的集成很完美，并能访问和操作Web页上的所有对象，这样就允许建立与用户的交互且不用连接到服务器。,2020/7/22,79,1。JavaScript,第二，JavaScript是对HTML一个非常通用的扩充，这个扩充通过事件管理和客户方执行能提高效率。例如，JavaScript程序可用于发送前验证用户输入，这减少了在网络上的加载并增加了对客户的响应时间。错误的输入可以立即被发觉并且用户有机会改正输入而不用加载一个新页或重载当前页。 第三，JavaScript还可用于创建动态内容。JavaScript能根据浏览器的类型以另一种格式显示信息，并且页上的显示可基于用户的输入进行改变。,2020/7/22,80,1。JavaScript,第四，不用在昂贵硬件上投资就提供复杂服务成为可能。由于JavaScript能创建和读取Cookie，所以就有可能使用JavaScript、Cookie和HTML页创建不需要一个服务器应用的复杂应用。 注释： Cookie