第8章 Web应用程序开发能力培养,8.1 浏览器/服务器应用框架 8.2 网页设计语言 8.3 网页制作工具 8.4 脚本语言 8.5 相关技术,本章学习目标,Web应用程序的框架结构 当前主流的Web服务器和浏览器 Web动态网页中包含的动态要素 脚本语言的功能、特点 常用的网页制作工具及功能、特点 Web应用程序开发涉及到哪些相关技术,8.1 浏览器/服务器应用框架,8.1.1 Web应用框架浏览器/服务器结构 8.1.2 Web服务器 8.1.3 Web浏览器 8.1.4 Web动态网页要素,返回首页,8.1.1 Web应用框架浏览器/服务器结构,第一层是人机界面，一般为基于HTML的浏览器，有一些客户端控件或脚本技术用来丰富用户界面。 第二层是业务规则层，一般由内嵌在HTML网页中的脚本和控件来处理。 第三层由服务器来完成将业务数据向技术数据转换。 第四层为应用服务器，同样位于服务器端，该层处理和产生最后的结果。,返回本节,8.1.2 Web服务器,Web服务器是Web站点的心脏和灵魂。Web服务器不仅可以按HTML文档形式提供静态Web页，而且能够执行一些可极大地增加站点内容的应用程序。如图8.1所示。 CGI是一种允许Web服务器开始一个可执行体，并使用进程来完成任务（如发送E-mail）的技术。,图8.1 Web服务的框架结构：使用CGI等技术,在Browser/Server体系结构中，Web服务器的工作方式是： （1）接受请求。 （2）执行服务器端的应用程序，如果必要，请求数据库服务。 （3）产生HTML文档。 （4）回应请求。,常用的Web服务器软件系统主要有以下几种（如图8.2所示）。 （1）Internet信息服务器。 （2）个人Web服务器。 （3）FrontPage服务器扩展。 （4）Netscape Enterprise Server。 （5）Apache。Apache是全球用得最广泛的Web服务器。,图8.2 Web服务的框架结构：使用ASP技术,返回本节,8.1.3 Web浏览器,目前，市场上的Web浏览器主要有Microsoft公司的Internet Explorer（IE）和Netscape公司的Netscape Navigator。这两种浏览器的工作原理比较相似，但是它们内部的构建过程不大一样，特别是两者对HTML语言的支持也有区别。在这一方面，两种浏览器的开发公司都以能够支持更多的技术为目的，在努力改善着自己的产品。所以仅考虑浏览器所能支持的技术，两者的区别不是很大。,返回本节,8.1.4 Web动态网页要素,依赖浏览器技术的动态要素有： （1）页面描述语言：HTML，DHTML和CSS。 （2）脚本语言：VBScript和JavaScript。 （3）对象技术：ActiveX控件，JavaBeans，JavaApplet和Plug-ins。,服务器端的动态要素有： （1）ASP。 （2）脚本语言：VBScript和JavaScript。 （3）ASP内置对象，ActiveX组件，Enterprise JavaBeans。 （4）数据库接口支持：ODBC，JDBC，OLE DB，ADO等。,图8.3 网页请求和应答,返回本节,8.2 网页设计语言,8.2.1 HTML语言简介 8.2.2 XML,返回首页,8.2.1 HTML语言简介,HTML是一种用来制作超文本文档的简单标记语言。自1990年以来，HTML就一直被用作WWW上的信息表示语言，用于描述网页的格式和它与WWW上其他网页的连接信息。 HTML文档的一个重要特性就是能通过一系列标记把多种媒体的信息综合在一起。 浏览器相当于将要收帐的人，从标记中所指出的位置取到资源，然后，按照标记规定的形式编排好并显示出来。,返回本节,8.2.2 XML,XML是互联网联合组织（W3C）创建的一组规范，以便于软件开发人员和内容创作者在网页上组织信息，其目的不仅在于满足不断增长的网络应用需求，同时还希望借此能够确保在通过网络进行交互合作时，具有良好的可靠性与互操作性。 XML实际上是一种定义语言，即使用者可以定义无穷无尽的标记来描述文件中的数据元素，从而突破了HTML固定标记集合的约束，使文件的内容更丰富更复杂，并组成一个完整的信息体系。,返回本节,8.3 网页制作工具,8.3.1 FrontPage 8.3.2 Visual InterDev 8.3.3 Dreamweaver MX 8.3.4 Fireworks MX 8.3.5 Flash MX,返回首页,8.3.1 FrontPage,最早的FrontPage版本是FrontPage 95，之后推出的FrontPage 97较FrontPage 95增加了拖放、支持Java、ActiveX和VBScript等功能，可以更加方便地在Web页面内添加各种Internet Explorer特性。 FrontPage 2000提供了一套容易制作动态网页的方法，用户可以建立起属于自己特色的动态网页。用户有更大的选择余地来制作自己风格（60种内置风格）的网页，包括层、DHTML、动画效果、色彩工具等。,返回本节,8.3.2 Visual InterDev,Visual InterDev是一个功能强大的用于Internet和 Intranet领域创建和维护动态Web站点的工具。 Visual InterDev集成了一些非常优秀的特征和功能，创建和维护站点的工作变得更加轻松。 如果要在自己的Internet应用中加入交互式的人力资源管理、库存控制系统和其他的基于工作组的应用，那么Visual InterDev就是一个非常有用的工具。,返回本节,8.3.3 Dreamweaver MX,利用Dreamweaver MX可制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver具备如下一些特点。 （1）较高的制作效率。 （2）方便的网站管理。 （3）无可比拟的控制能力。 （4）所见即所得。 （5）梦幻样版和XML。 （6）全方位的呈现。,返回本节,8.3.4 Fireworks MX,Fireworks给Web设计带来的革命性的变化表现在下述几方面。 1强大的Web作图功能 2大大简化主页设计的流程 3跨越了图形与HTML之间的障碍,返回本节,8.3.5 Flash MX,（1）它是基于矢量的图形系统，各元素都是矢量的，我们只要用少量矢量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千分之一，非常适合在网络上使用。 （2）它使用插件方式工作。 （3）它还提供其他的一些增强功能。 （4）Flash影片其实是一种“准”流（Stream）形式文件。,返回本节,8.4 脚本语言,8.4.1 脚本语言简介 8.4.2 JavaScript,返回首页,8.4.1 脚本语言简介,Microsoft的 VBScript、JScript和Netscape公司的JavaScript是几种典型的脚本语言。其中，VBScript是ASP的缺省脚本语言，它通过变量、操作符、循环、分支、函数和子例程，对HTML进行了扩展。通过在HTML网页中加入VBScript脚本，可以使静态的HTML网页成为具有动态效果的网页。由于ASP网页需要靠脚本语言来驱动，所以应当好好对待脚本语言。,返回本节,8.4.2 JavaScript,1JavaScript语言概况 avaScript是Web上第一个直叙语言（Scripting Language），由Netscape公司开发并随Navigator 2.0导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言。它是通过嵌入或调入在标准的HTML语言中实现的，它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。,JavaScript具有以下几个基本特点。 （1）简单性。 （2）动态性 （3）跨平台性。 （4）节省CGI的交互时间,2JavaScript的运行环境 在目前流行的浏览器中，Netscape公司的Navigator 2.0以上版本的浏览器都具有处理JavaScript源代码的能力。JavaScript在Navigator 4.0中实现了1.2版本。 微软公司从它的Internet Explorer 3.0版开始支持JavaScript。微软公司把自己实现的JavaScript规范叫做Jscript。这个规范与Netscape Navigator浏览器中的JavaScript规范在基本功能和语法上是一致的，,3JavaScript程序的引入 JavaScript最好写在HTML文件中的标记之间，这样可以让JavaScript的程序代码在触发任何事件之前第一个被载入。 在编写JavaScript脚本时，可以像编辑HTML文档一样，在字符编辑器或HTML文档编辑器中输入JavaScript脚本的代码。,返回本节,8.5 相关技术,8.5.1 CGI程序 8.5.2 ASP技术 8.5.3 ActiveX 8.5.4 Java和JavaApplet,返回首页,8.5.1 CGI程序,CGI程序被称为脚本，可以用任何一种自己熟悉的语言去编写，如C/C+，Visual Basic，Perl，Java，JavaScript，VBScript等。现在主流的开发工具是Perl，其前身是属于UNIX专用的高级语言，因其具有强大的字符串处理能力而成为现在写CGI，特别是表单类程序的首选。,返回本节,8.5.2 ASP技术,ASP属于服务器端技术。与常见的在客户端实现动态网页的技术如JavaApplet，ActiveXControl，VBScript，JavaScript等不同，ASP中的命令和脚本语句都是由服务器来解释执行的，执行结果产生动态Web页面并送至浏览器，而客户端技术的脚本命令则是由浏览器来解释执行。当浏览器向Web服务器请求调用ASP文件时，就启动了ASP。,一个ASP有如下四个重要特征来使之具备很强的通用性。 （1）一个ASP可以包括服务器端脚本。 （2）一个ASP提供了一些内建（built-in）对象。 （3）一个ASP可以用另外的元素来扩展。 （4）ASP可以和诸如SQL Server这样的数据库进行挂接，利用一些特别的对象集合，如 ADO，就可以在ASP中使用SQL语言了。,返回本节,8.5.3 ActiveX,OLE最初发布的版本只是瞄准复合文档，但在后续版本OLE 2中，导入了COM。COM是应 OLE设计者的需求而诞生的。其基本的出发点是，想让某个软件通过一个通用的机构为另一个软件提供服务。因而，COM的第一个使用者是OLE 2。实际上，COM与复合文档间并没有多大关系。后来，COM就作为与复合文档完全无关的技术，开始被广泛使用。,ActiveX包括： 独立于语言的组件对象模型COM。 组件软件规范ActiveX控件/组件。 分布式组件对象模型。,ActiveX的元素有： （1）ActiveX控件 （2）ActiveX文档 （3）ActiveX脚本 （4）Java虚拟机 （5）ActiveX服务器构架,返回本节,8.5.4 Java和JavaApplet,1Java Sun Micosystem的分公司JavaSoft公司所开发的Java以 C+为模型，它设计成在段内存中运行，并能提供自己的内存管理。 JavaBeans是JavaSoft公司为建立动态和可交互的Java组件提供的模型，它是可用于任何Java应用开发工具的开发组件。与ActiveX类似，JavaBeans组件可在分布式计算环境中使用Sun公司的RMI（Remote Method Invocation）或CORBA远程运行。,2JavaApplet JavaApplet又称Java小应用程序。Java是一种专门用于跨平台应用的编程语言，跨平台能力使Java与HTML成了Web和企业内部网上用户可以