网页制作的高级技术

第六节　网页制作的高级技术

尽管HTML语言以及SGML语言或XML语言是网页设计的基础，但是这些语言的功能仍然是有限的，特别是在处理网页的交互功能或动态效果时，它们往往显得力不从心，这时就需要采用脚本语言。脚本是一种能够完成某些特殊功能的小“程序段” 。这些小的“程序段”并不是像一般程序那样被编译，而是在程序运行过程中被逐行地解释。在脚本中所使用的命令与语句集称为脚本语言。脚本语言是实现网页交互性的核心技术，相对于HTML语言来说，可以把它们看做是网页制作的高级技术。

能够实现交互性效果的脚本或脚本环境有两种:一种是在客户端执行的语言，如JavaScript和VBScript。终端用户在使用网页的同时，脚本语言已经下载到客户端的机器上供实时处理，因此用户不需要延时就可以使用程序。这类脚本语言的速度要快些。另一种是只在服务器端运行的技术，如ASP、JSP和PHP。它们需要在处理数据前从用户端获得数据，因此终端用户须先发送数据，再等待服务器的响应。这类脚本语言的速度通常要慢些，但比以客户端为中心的脚本稳定。下面分别介绍这两类脚本语言。

一、以客户端为中心的脚本

1.JavaScript

JavaScript是由Netscape公司开发的，它是一种基于对象(object)和事件驱动(event driven)并具有安全性能的脚本语言，是众多脚本语言中较为优秀的一种，深受用户的喜爱与欢迎。JavaScript采用小程序段的方式实现编程，把这些小程序段嵌入到HTML脚本中，通过支持JavaScript的浏览器进行逐行解释，并在浏览器上显示出执行结果，从而实现了实时的、动态的交互需求。

JavaScript具有如下优点:

(1)JavaScript简化了Web交互技术。随着万维网的迅猛发展，采用HTTP超链接技术所使用的静态信息资源，由于缺少客户端与服务器端的动态交互，已经不能满足人们的需求，客观上需要一种可以提供交互的编程方法使之动态化。JavaScript的出现，提供了一种实时的、动态的、交互式的表达能力，从而使基于CGI的静态页面被可提供实时互动信息的动态页面所取代。

(2)JavaScript节省了浏览者的访问时间。这是由于用户与主机的交互工作从服务器端“下放”到客户端来进行了，用户录入的信息在本地就可以进行处理与验证，用户等待显示结果的时间就缩短了，尤其是可以避免因为提交一个无意出错的数据后白白浪费等待的时间。

(3)JavaScript可将Java Applet作为处理对象。Applet可以翻译为小应用程序，Java Applet就是用Java语言编写的一些应用小程序，如实现图形绘制、字体和颜色控制、动画和声音的插入等动态效果。Applet本身不能单独运行，但它们可以直接嵌入到网页中，这些小程序则可以被JavaScript当作对象来引用与控制。当用户访问带有Applet的网页时，Applet被下载到客户机上执行(前提是用户使用了支持Java的浏览器)，因此它的执行速度不受网络带宽存取速度的限制，用户可以更好地欣赏网页上Applet产生的特效。

2.VBScript

VBScript是程序开发语言VB(Visual Basic)家族的最新成员，也是重要的Web脚本语言之一。可以在HTML文件中直接嵌入VBScript脚本，带有VBScript脚本的网页在每次下载到浏览器时都被解释和执行。与JavaScript一样，VBScript也是依托HTML而存在的，但两者的语法格式不同。它们的主要区别有:

(1)VBScript支持可重用的函数过程和子程序过程，但不支持用户定义的类;而JavaScript利用对象的能力要更强一些，它可以用来定义类。

(2)VBScript与浏览器的兼容性不够好，目前只得到微软IE浏览器的支持;而JavaScript既被IE浏览器支持，也被Netscape Navigator浏览器所支持。

二、以服务器端为中心的技术

1.CGI(Common Gateway Interface)

CGI即“通用网关接口”，它运行在服务器上，为客户端的HTML页面提供接口。CGI程序被用来解释访问者通过网页上的表单提交的信息，并在服务器端产生相应的处理，再将处理结果反馈给浏览器，从而实现Web交互功能。

2.ASP(Active Server Pages)

ASP本身并不是一种编程语言，而是由微软开发的服务器端脚本环境。ASP类似于HTML、Script与CGI的结合体，但它的运行效率比CGI更高。ASP的代码无需在客户端的浏览器运行，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户端浏览器，这样也就减轻了客户端浏览器的负担。

ASP的主要特点有:

(1)使用VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地实现网页的交互性功能。

(2)使用普通的文本编辑器，如Windows的记事本，即可进行ASP编程。

(3)与浏览器无关，用户端只要使用可执行HTML码的浏览器，即可浏览用ASP设计的网页内容。

(4)内置ADO^[19]组件，可以轻松地存取各种数据库里的数据。

(5)以对象为基础，使用COM^[20]组件，具有无限可扩充性。

3.JSP(Java Server Pages)

JSP由Sun公司于1999年发布，其发展历史最短，但其全新的Web应用开发技术很快引起了人们的关注。JSP与ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。在JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而JSP和ASP页面需要附加的语言引擎来分析和执行程序代码，程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。

JSP的主要特点有:

(1)采用Java语言，JSP文件实际上是一些JSP的定义标记和Java程序段以及HTML文件的混合体。

(2)秉承Java语言的优势，JSP是一种实实在在与平台(操作系统)无关的动态网页开发技术。

(3)在JSP下，代码由Tomcat^[21]等解释器配合JDK^[22]环境执行。

(4)利用跨平台运行的JavaBean^[23]组件，JSP为分离处理逻辑与显示样式提供了卓越的解决方案。

(5)JSP开发周期短，但具有很高的运行效率和扩展能力。

4.PHP(Hypertext Preprocessor)

PHP，中文译为“超文本预处理器”，是一种嵌入在HTML中并由服务器解释的脚本语言，其第一个版本由美国的程序员Rasmus Lerdorf于1994年发布。PHP非常适合面向Web工作，可以说是专门为面向Web编程而设计的。

PHP的主要特点有:

(1)大多数常规PHP的安装通常是与Linux或各种Unix上的Apache^[24]一起运行的PHP模块，但是如果正在使用其他平台，它也可以在Windows NT /9x/2000/XP以及其他许多Web服务器上运行。

(2)它开放源码，没有商业性支持，相对来说速度也就受到影响。

(3)PHP的开发者们为了使之更适合Web编程，开发了许多外围的流行基库，这些库包含了更易用的层，可以利用PHP连接大部分数据库。

(4)PHP的语法与Perl、ASP和JSP相比，要简单得多，易于学习和掌握。

【注释】

[1]参见杜骏飞主编:《中国网络新闻事业管理》，中国人民大学出版社2004年版，第336—338页。

[2]网站内容信息发布系统，通常也称为“网站信息发布系统”或“网站内容信息管理系统” 。

[3]Flash MX 2004是Macromedia公司于2004年推出的一款优秀的Flash动画设计软件。

[4]DDN是英文“Digital Data Network”的缩写，意思是数字数据网，它由数字传输电路和相应的数字交叉连接复用设备组成，可提供永久或半永久性电路，以传输数据信号为主。

[5]ICS是英文“Internet Content System”的缩写。

[6]前缀图标在Web页面上显示为由此节点所代表的栏目名称前的装饰性小图标。

[7]后缀图标在Web页面上显示为由此节点所代表的栏目名称后的装饰性小图标。

[8]CGI(Common Gateway Interface)，其工作步骤是:通过Internet把用户请求送到服务器，服务器接收用户请求并交给CGI程序处理，CGI程序把处理结果传送给服务器，服务器把结果送回到用户。

[9]EMOTE指选择聊天室里各种“表现感情”的图标及其行为。

[10]W3C:World Wide Web Consortium，万维网联盟，系世界Web标准化组织。

[11]ISO即International Organization for Standardization，国际标准化组织，成立于1947年2月23日。

[12]CSS，Cascading Style Sheet，一般译为“层叠样式表”，主要用来设定网页上的文本格式。早期的HTML由于功能薄弱，无法满足人们对网页文字控制及版面编輯的需求，W3C组织便公布了CSS以扩充HTML的功能。

[13]位图(bitmap)，也叫点阵图，由称作像素的单个点组成，这些点可以进行不同的排列和染色以构成图像。位图的尺寸被改变时，图像会失真或呈现锯齿状。

[14]矢量图(vector)，也叫向量图，它是由矢量的数学对象根据几何直线与曲线的特性所描绘出的图形。将矢量图任意放大、缩小、旋转或变形后，不会产生失真或锯齿状的现象。

[15]Action是Flash中为了增加其交互性所开发的脚本编程语言，它与JavaScript语言类似，均属于向对象编程语言，但它只是Flash的附属，不能独立运行，必须经过Flash的导出编译后才能自动运行。

[16]FS Command命令是Flash用来支持其他应用程序互相传达命令的工具。它在网页应用上有两大功能，一是能使Flash向脚本语言发送命令，二是能使脚本语言向Flash发送命令。

[17]Freehand是另一款广为使用的专业矢量图形制作工具，系Micromedia公司的产品。

[18]PDF，Portable Document Format，即“便携文件格式”，是Adobe公司于1993年推出的电子文件规范。它具有“高保真”的特性，被广泛地应用于电子文件传送、交换和发行。

[19]ADO，系微软开发的提供对在数据库服务器中的数据进行访问和操作的应用程序，它具有支持用于建立基于客户端/服务器和Web应用程序的主要功能。

[20]COM组件也叫组件对象模型，它由以WIN32动态链接库(DLL)或可执行文件(EXE)形式发布的可执行代码组成，是微软开发的一系列策略性面向对象程序技术和工具的ActiveX控件中的主要技术。

[21]Tomcat是Sun公司的JSWDK(JavaServer Web Development Kit)中Servlet的运行环境，即解释器。

[22]JDK，Java Development Kit，即Java开发工具包，它是一种用于构建在Java平台上发布的应用程序、Applet和组件的开发环境。

[23]JavaBean是描述Java的软件组件模型。在Java模型中，通过JavaBean可以无限扩充Java程序的功能，通过JavaBean的组合可以快速地生成新的应用程序。

[24]Apache是一种开放源码的HTTP服务器，可以在大多数计算机操作系统中运行，由于其多平台和安全性而被广泛使用。