Transcript Document
第八章：网络应用制作技术
本章介绍网络各种应用中所涉及的
基本概念和制作技术，包括HTML、网
页的制作、Java、Java Script语言的初步
基础，VRML语言的基本功能，以及网
络环境下分布式数据库系统和客户服务
体系的构造方法及技术。
8.1 HTML语言简介
8.1.1 HTML简介
HTML（HyperText Markup Language，超文
本链接标记语言）是一种计算机程序语言，专
门设计用来编写Web网页。
1991年，CERN开发WWW时，由IETF
（Internet Engineering Task Force）所属的
HTML─MG工作小组负责制定HTML的标准，
当时CERN所使用的HTML1.0版，所提供的指
令只能标出一般普通文件格式，例如标题、段
落、字体大小、表格和图形。
1994年初，Dan Conneely也提出了另一份
HTML建议书，就是后来的HTML 2.0版。它能
够描述一些非常重要的结构，例如Form表格文
件。此时的HTML可以提供给浏览者与服务器
主机一个双向沟通的界面，称为CGI。通过此
界面程序，浏览者可以在网页上直接输人资料
和选择键，使得浏览者与WWW的服务器主机
之间能够立即在网上互相回应。
在1994年10月，由MITLCS（Massachusetts
Institute of Technology’s Laboratory for Computer
Science，美国麻省理工学院计算机科学实验室）
成立了W3C（World Wide Web Consortium，全
球信息网协会）。到了1995年4月，INRIA
（France’s National Institute for Research in
Computer Science and Control，法国国家计算机
科学与控制研究中心）与此协会建立合作关系，
成为W3C在欧洲的分会。由于网络是全球性的
且无国籍之分，所以W3C迅速地扩展至亚洲地
区。1996年8月，日本的Keio大学成为W3C第
三个分会。
W3C的主要任务是领导WWW的发展，时时注
意网络的现状与社会发展。国际互联网是全球
性的科技，不分国家与地区，所以必须有统一
的网络沟通语言。此外，W3C也同IETF一样必
须研究发展网络科技及网络沟通语言，还要审
核测试各界对HTML所提的建议书以更新
HTML版本、功能、内容。截止1997年12月，
包括商业性会员和学术性会员，W3C已有超过
220个全球会员，其中包含软硬件计算机制造
商、电信服务商、私人公司以及政府和科研单
位。
到了1997年下半年，W3C又公开了HTML 4. 0
的草稿，供社会各界人士测试。于1997年12月
8日，W3C正式通过了HTML4.0版。HTML4.0
不同于HTML3.2或早先的HTML+之处在于
HTML 4. 0支持更多的多媒体项目，也让 Table
（图表）和 Forms（表格）的运用更加灵活，
同时也更趋于国际化管理。
1997年3月W3C首次公开XML（Extensible
Markup Language，另一种扩展性的标记语言）
的草稿，供全球各界讨论。同年6月及12月初，
W3C更新XML草稿并将之发表在Internet网上。
XML设计目标主要有下列几点：
（1）直接应用在Internet网上；
（2）广泛支持各种多媒体应用程序；
（3）程序语法必须更简单易懂；
（4）XML的文件必须人性化、合理、清楚
明白；
（5）WL必须容易设计、不复杂；
（6）XML的设计必须简明、正式。
在HTML里，图形、声音必须用其他软件制作，再用
HTML的标记编排在网页的原始文件里，然后浏览器才能
编译解读这些原始文件，并在屏幕上展示其效果。XML
事实上和Java语言一样，把文字和图形、声音同时用程序
语言来描述，但XML不同于Java的是，XML更简明易懂，
没有深奥的程序语法，而且不必再转换编译程序格式，
而直接可以在浏览器上观看结果，所以。
XML和HTML不同之处在于：
（l）XML可以由网站设计者自行定义标记用
法；
（2）网页文件的组织结构可以任意弹性变化；
（3）任何XML文件都可以自由选择任一种应
用程序来表现其网页结构与确认性。
8.1.2 HTML基本框架
HTML文件主要包括两个方面：
1. 文件的内容；
2. 对文件的格式、特性进行描述的HTML标记。
HTML文件是用ASCII代码写成的，可以保存为最
简单的TXT文本文件，这样用任何一个文字处理
软件都可以编写，这也是它能够迅速普及，并十
分受欢迎的一个原因。当然，使用一些专门软件
编写的效率会更高，效果也会更好。
一、用HTML编写的一个例子
二、HTML的书写格式
大多数HTML的书写格式如下：
<标记名>文件内容</标记名>
但也有单独使用的，如：<BR>
三、几个基本标记的解释
1. <HTML>……</HTML>
2. <HEAD>……</ HEAD>
3. <TITLE>……</ TITLE>
4. <BODY>……</BODY>
5. <Hn>……</Hn>
6. <PRE>……</PRE>
7. <P>……</P>
8. <BR>
8.1.3 网页生成信息
在HTML中有一个很特别的标记——
<META>，当阅读一些他人制作的网页
或使用一些制作网页的工具来自动生成
网页时，可能网页中会带有该标记。
<META>所带的信息并不在浏览网页中
显示出来，它所附带的信息是提供给发
送该网页的服务器系统或接收该网页的
浏览器软件所用的。
一、指示浏览器所用的字符集
<meta http-equiv=“content-Type” content=“text/html;charset=gb_2312-80>
二、指定网页的说明和关键字清单
由于<META>标记是Web服务器和浏览器的说明性标记，
而不是为浏览网页的人提供的，故可以用两个标记为访问
站点的Web搜索工具提供说明和关键字。
< METANAME=“description” CONTENT=“This Is a description of the page>
<META NAM E=“keywords” CONTENT=“keywords1，keywods2，keywords3”>
三、确定网页评估
对不同的站点进行评估，设立不同的等级（用不同的
数字表示），然后在网页的<META>标记中放上一定的参
数，通过这样的参数来判别该网页适合什么样的人浏览。
8.1.4 DHTML简介
DHTML（Dynamic HyperText Markup Language，
动态超文本标记语言）是Microsoft和原
Netscape公司的共同开发并经W3C（World
Wide Web Consortium）认可的动态网页程序语
言。
DHTML在继续保持以往HTML程序跨平台的
特性之外，更加强了许多格式化以及动态效果
的指令，最主要是能够减少网页的下载时间和
增强网页与用户之间的互动效果。
动态HTML是操纵HTML文档中HTML标记和
元素行为的一个应用程序接口，文档中的元素
会按程序的安排做任何事情。
使用动态HTML时，文档中的任何东西都被认
为是对象，每一个元素实际上是主文档对象或
超级文档对象的一个子对象。使用众多的方法
可以访问并操纵这些对象。
动态HTML包括四个组件：内容、结构、风格
和交互作用。
动态DHTML的文档内容的展示方式是动态的，
这是它与基本HTML内容的最主要的区别。
CSS（Cascading Style Sheet，多重网页样式）
Object Model允许创建一个动态改变文档外观
的风格单规则，动态HTML接纳该规则，并推
出一个动态改变HTML文档外观的机制。
动态HTML将交互作用推广到HTML的每一个
元素。
对于 HTML 3.0来说，新的动态 HTML程序除
了继续保持以往 HTML 3.0以前的格式外，主
要增加了两大功能：
1. 动态对象的效果：
2. CSS：
1. 动态对象的效果：
让网页内包含的对象能够具有动态的特殊效
果，这些对象包括文字。图形、网页大纲等
等。例如：当用户下载一个具有动态HTML
对象的网页时，他可以看到网页标题题文字
从窗口的右方缓缓移入，或是一个图片在窗
口内转了几圈后才停留在某一角落，而这些
特效在以往都必须利用Java程序或是ActiveX
控件才能完成。
2. CSS：
CSS是W3C新公开的HTML格式之一，最主
要的目的是让网页作者能够更有效地定义所
设计的网页样式，使网页作者可以一次制定
多份网页文件的版面配置。
8.2 Web页面设计
8.2.1网页设计的原则
制作网页的目的是要让尽可能多的人来浏览，但
很多因素是网页制作人无法控制的，这包括浏
览者的行为、浏览内容的显示、链入Web的链
接等。网页制作者不能控制浏览者的访问和访
问信息的方式，他们可能从Web的”首页”进
人，也可能利用URL从任何点链人。而最理想
的情况是能够引导浏览者从首页进人，由你作
为浏览的向导，沿着你设计好的路线行进。
网页浏览者在进行浏览时所使用的浏览器可能
是多种多样的，由于新的浏览器的大量涌现，
必然会提供更多和不同的功能，而且所使用的
网页制作标准可能不完全一样，这样就使得网
页浏览者浏览时显示的效果大不一样。这样制
作网页时要充分考虑到这种情况，最好在制作
完成后能够使用不同的浏览器及不同的版本进
行测试，以求能够达到尽量好的显示效果。
网页制作完成，可能会链接到网络上其他网页
制作者所不能控制的资源上，而这些资源经常
由于这种或那种原因的变动而出现问题，从而
导致链接不再有效，浏览者得不到原来他们想
得到的效果，因此将降低用户浏览其网页的价
值，影响其声誉。
在网页设计过程中应记住以下的原则和目标：
1. 符合用户的需求。网页不是为了满足设计
人员的个人喜好（除非是纯粹的为了展示自
己的所谓”个人主页”），也不是为了实现
者的方便或规划人员的一时念头而做的，网
页的设计是为读者服务的，满足用户的需求
是最优先的考虑。
2. 有效地使用资源。在设计和实现一个网页
时，选择那些以空间、访问时间、图表和长
期维护最小代价来达到的用户需求的功能。
也就是说，网页功能的目标是高效地操作，
方便的使用，轻松的维护。
3. 生成一个一致的、令人愉快的、有效的网
页外观和感观。网页设计的目标应该是给用
户一个有关它的页面的印象，这些网页反映
了一种共同结构和一致的视觉线索。网页的
每一个页面应该给用户有关网页本身和页面
竭力的暗示。网页整体的外表应该帮助用户
通过界面达到他或她的目标，这个界面在对
符合美学的外观以及简单性与完整性的追求
中求得平衡。
4. 在制作网页之前，应该明确制作的目的、
需完成的任务，以及要达到的要求。应尽可
能地收集素材，并将这些内容做成书面材料，
以免制作时遗漏某些材料。
5. 网页设计要有自己的风格，通常应伴有一
定的标志。对网页的布局要事先考虑什么位
置安排什么内容，如何建立链接关系。要将
所有的设计内容绘制成流程图，以供制作时
参考。
6. 网页的页面不必太花哨，上面的图片不宜
太多，每一幅图的尺寸也不应太大，以免使
浏览网页时花费太多的时间。网页的制作要
考虑浏览时的不同情况，如显示时的颜色、
显示的分辨率、HTML标准、浏览器种类及
版本等。尽量的使其通用，或者最好有一些
提示信息，以免影响浏览效果。
8.2.2网页设计的方法
一、可以利用HTML语言所定义的标记及其属
性来直接编写网页。打开任何一种文字处理软
件，在其中写人HTML的各种标记及它的属性
参数，然后以最简单的文本文件格式保存起来，
只是要用.htm或.html作为保存文件的扩展名。
这种方式的编辑软件随处都可以找到，它不依
赖于任何网页编写工具软件。在编写或修改网
页源代码文件时较简单，特别是有些网页的内
容或格式在用特定的网页编写软件工具不支持
时，这种方式就显示出其方便了
二、也可以采用另一种方法来制作网页，就是
利用特制的网页制作工具软件。这样制作网页
的效率会很高，而且几乎不必学习HTML语言
的多少知识就可以很容易地制作出网页来，这
种方法广受制作人员欢迎。这样的工具软件非
常多。但是，每一种网页制作工具软件都有它
的局限性，如支持的标准不一样，这样制作的
网页在用浏览器显示时效果会不一样。比如，
当要在网页中加人一些特殊的功能时，可能它
就不支持。
利用工具软件来制作网页是一种趋势，但它又
有一些局限，在实际制作过程中，常常将两种
方法合起来应用。
首先，用某种工具制作出能够满足设计的大
部分基本要求的网页。
然后，再结合其网页源代码文件进行细微处
的加工修饰。
学会制作网页并不困难，但要编写出好的网页
并不容易，它不仅需要计算机的知识，还需要
其他方面的知识，比如美术方面的知识，而更
重要的是好的创意，这样制作出来的网页才会
吸引浏览者，也才会受到大家的欢迎。
网页的制作，以其说是一种技术，不如
说是一种艺术，或者是两者的结合。
制作网页时可以借鉴别人的作品。
一方面是学习。
别一方面可在其基础上进行一些修改，
这样可以节省时间，提高效率。
但需注意，要尊重别人的劳动，当使用
了别人的网页，特别是用于商业目的时，
要注意版权问题。
8.2.3利用标记直接制作网页
一、对网页进行修饰
如果将一张张网页理解成是一张张的报纸版面或
一页页书籍的封面，那就需要对它们进行一定的美工
装潢设计，使它们美观、漂亮，更吸引人。至少应该
进行一些简单的修饰，使之效果更好。
1、 定义字符风格
在网页文本的显示中，常常会需要一些特殊的字
型或字体来进行一些修饰，使之产生一定的强调和突
出效果，就像在文字处理软件中对待各种特殊文字一
样。如使某些文字加黑、变斜、加下划线等，以使网
页更加美观、漂亮。HTML文档中也有实现类似功能
的标记，它们分为两类：物理修饰类型（有形类）和
逻辑修饰类型（含义类）。
物理修饰类型的标记直接指定了文本显示的具
体形式，如使一个词显示为粗体（黑体）、斜
体或下划线等。逻辑修饰类型的标记只是说明
文本需要如何加以突出，如强调、引文或定义。
假设有一段文字需要强调，可以用强调标记定
义它，但它在浏览器上的显示形式是由各个浏
览器自己决定的，不同浏览器对某个逻辑类型
的标记可能有不同的显示效果，大多数的效果
是约定俗成的。
（l）物理修饰类型标记
常用的物理修饰类型标记
（2）逻辑类型标记
常用的逻辑修饰类型标记
这些标记也都有起始和结束标记符，放在起始和结
束符之间的文本将受其控制。
2. 改变字号
利用<FONT>标记可以改变文本中文字的大小，
就如同在文字处理软件中做的那样。
其书写格式为：
<FONT SIZE=n>文本内容</FONT>
SIZE属性用来设定字号大小，其取值的范围为
l－7，缺省值为3。希望改变字号大小的那段内
容应放在<FONT>与<FONT>标记之间。
3. 加人横线
<HR>标记可以在网页中生成一条横线，从而将不同内
容的信息分开，使文本看起来清晰、明确。<HR>不需
要结束标记，也无需辅助性文字解释。可以给<HR>标
记设置一定的属性，使它具有更强的功能。
<HR>标记的属性主要有三种：
（1）SIZE属性
以像素值为单位，定义横线的粗细，其缺省值为
2，这也是横线可以选择的最小宽度。
（2）WIDTH属性
指定横线的长短，它的取值可以采用像素值，也
可以用满宽度的百分比来设定。
其中采用百分比取值的好处是横线的长度可随窗
口的大小的变化而改变。WIDTH的缺省值为100%。
（3）ALIGN属性
如果横线的长短小于窗口宽度，则可以给
ALIGN属性赋值：
LEFT、CENTER、RIGHT，用来规定横线的左右位置。
ALIGN=LEFT
ALIGN=RIGHT
ALIGN=CENTER
ALIGN 缺省值
横线左对齐
横线右对齐
横线居中
横线左对齐
4. 加人注释
为了使网页编制者或其他人对HTML文件的内容或状
态进行描述，以便理解和今后修改方便，可以在
HTML文件中加人注释。其使用的标记为：
<!- 注释内容 ->
放在注释中的文本不出现在屏幕上，只是作为网页编
制者或其他人查阅文件时使用的”备忘录”，一旦忘
记或不明白其含义，可以利用该备忘录进行理解或回
忆，对人对己都有帮助。这是一个很好的编程手段，
应该养成这种良好的习惯。
5. 加人引文
标记<BLOCKQUOTE>可以被用来建立一个引文，它
特别适合于较长文本的引用，被引用的文本沿左边缩
进。在<BLOCKQUOTE>与</BLOCKQUOTE>之间可
以加人行中断或段落等标记，否则内容将在屏幕上连
续显示。
6. 加人著作权标志和注册商标符号
HTML中使用了两个标记来代表著作权（copyright）和
注册商标（registesed），这两个符号分别使用”＆
copy；”和”＆reg；”。
7. 在网页上署名
署名标记<ADDRESS>用于网页作者在网页上签名，或
留下地址，以便得到读的反馈信息。它通常写在网页的
结尾处，以说明这个网页是由谁或由哪个单位编写的，
以及其他有关的信息。它的显示效果是一段斜体字。
8. 文本居中
使文本在网页上居中有两个方法：一个是可以使用
<CENTER>标记，另一个可以使用HTML标记的
ALIGN=CENTER属性来实现。
当使用<CENTER>标记实现文本居中时，必须把要居中
的内容放置在<CENTER>与</CENTER>之间。
ALIGN属性在许多HTML标记中都能够使用，它可以有
三个取值：left，right，center。其中若对某段文本定义
ALIGN=center，即可实现文本居中的效果。类似的功能
在前面对横线的处理时已经见到。
9. 改变背景
HTML可以用任意一种颜色或一幅图画作为网页的背
景，这种功能是通过<BODY>标记的 BGCOLOR和
BACKGROUND属性实现的。
① 使用<BODY>标记中的BGCOLOR属性可以定义填
充背景的颜色，其格式如下：
<BODY BGCOLOR= #nnnnnn>
计算机内部将各种颜色都用数字表示，网页的背景色
也不例外。BGCOLOR的值为六位十六进制数，每两
位的取值均是00－FF，前两位设置红色的深浅，中间
两位设置绿色的深浅，最后两位设置蓝色的深浅，由
这六个数字组成了五颜六色的背景色。这六个数字如
果全是 0，是黑色；反之，若全是 F，就是白色。
② 用平铺图画作为背景
除了用单一颜色作为网页的背景外，还可以用平铺图
画的方法制作网页的背景。所谓平铺图画就是把一小
小的图画在屏幕上一个个顺序排列起来，构成一个屏
幕的完整背景。
图画平铺设置背景的方法要使用<BODY>标记中的
BACKGROUND属性来调用某个图象文件，将这个文
件作为BACKGROUND的取值参数，它既可以是一个
文件名，也可以是一个URL。如果图象文件在当前目
录下，可以直接使用一个图象文件名；如果图象文件
在其他的地方，则需要使用一个URL，由此调用一个
图象文件。其书写格式下：
<BODY BACKGROUND=“文件名或URL”>
二、超文本链接
超链接是超文本的一个重要特征，指的是通过
标记符号的作用，把并不连续的两段文字或两
个文件联系起来。
这两个文件可能在同一台机器的同一个文件夹
里，也可能在不同机器的不同文件夹中；机器
可能在同一地点，也可能远隔千山万水。而有
了超链接，通过鼠标一点就可以从网页上的某
处一下跳转到另一处，这一跳可能就从东半球
跳到了西半球。
1. 链接文件的标记
要建立一个链接，必须具备两个条件：
（1）确认被链接的文件的名称或URL；
（2）在文件中确定链接点，使用户可以在浏览窗
口中看到一个特殊形式表现的文字串（通常是带有
下划线或鼠标前头指向时其形状变成手掌形），以
便用户在该处选择这个链接。
HTML文件的链接是通过链接标记<A>……</A>来实
现的。在<A>标记中除标记名”A”外还包括其他扩展
信息，这些扩展信息称为属性。其中HREF（Hypertext
Reference，超文本引用）属性最常用到，该属性用来
指出所要链接点的位置，或链接点的文件名或URL；
其简单结构形式为：
<A HREF=“被链接点”>说明文本</A>
2. 同一文件的链接
当一个网页内容较长，常常在浏览器窗口放不下时，
而对于网页中的内容，浏览者可能并不是对所有的内
容都感兴趣，也并不想阅读所有的内容，可能只对其
中一部分感兴趣，这样就可以在文件中建立一些链接，
使浏览者很容易地跳到他所感兴趣的地方，阅读所感
兴趣的内容。这可以利用链接标记来办到：
1) 在要跳转的地方加上要跳转的标记。
2) 给被跳转到的特定位置起个名字，并加上相应的
跳转标记。
被跳转到的特定位置名字称为“anchor”（锚）或叫
“定位名称”，它通过<A>标记中的（NAME属性来
加以定义，NAME属性用来指出文件中被跳转到的链
接点的锚名，其结构的定义格式为：<A NAME=“锚
名”>
3. 不同文件的链接
在编制HTML网页时，常常需要把要链接的两部分内容
分别存放在两个HTML文件中，各自都有自己的文件名，
其中一个是主链接文件，另一个被链接文件。如果被链
接的文件是全部内容被链接，只要在主链接文件中的链
接处加上<A HREF=“被链接文件名”>……</A>的标记，
就可以实现两个文件之间的链接。
（1）本地链接
如果需要链接的文件都在本地机器的磁盘上，则这种链
接称为“本地链接”，它不必链接网络，在编制网页时，
只要本地的机器上有一个编辑器和浏览器就足够了
如果被链接的文件不是全部内容被链接，而是只链接
其中的一部分内容，这时应在被链接文件中设置锚名，
就如同一个文件中链接设置的锚名一样。如链接到文
件htmlfile.html的Part_A处（锚名就为Part_A），则书
写的格式为：
< A HREF=“htmlfile.html#part_A”>……< /A>
如果被链接的文件不在同一文件夹下，则在链接时必
须写清楚文件的路径，以免找不到。路径的写法有两
种：
①相对路径
以当前文件所在路径和文件夹为基准，然后进行相
对的文件查找。
②绝对路径
以绝对路径进行文件的查找。绝对路径中的盘符后
用“|”符号，而不用“：”，这一点与DOS环境下
的使用不一样。
注意：无论是相对路径，还是绝对路径，路径名的书
写必须遵循UNIX操作系统所规定的格式，而不能像
DOS中那样的书写。也就是说，路径名与文件夹名均
要用“/”作为分隔符分隔开来。如果是当前文件夹的
上一级文件夹，最前面还应加上“..”。
链接本机上的文件时，绝大多数情况下都使用相对路
径。而使用绝对路径定义链接时，看起来似乎简单，
实际上并不是最好的方法。当把文件做了移动或将文
件夹名更改之后，所有的链接都将失效，这时必须对
所有的 HTML
（2）网络链接
有时，我们需要从一个站点链接到另一个站点，这种
通过网络实现链接的方法与本地两个文件的链接方法
相同，仍然可以使用<A>标记和属性以及提示链接的
一些文字，只是在文件名处应写上文件在网络上的
URL，例如：
<A HREF=“http://www.light.edu.cn/”>中国光明大学</A>
上面的URL中没有写出其文件名，它的缺省名为
index.html；如果文件名定义为其他名，就应该写在
URL中，否则将出错。
4. 图片链接
前面介绍的超链接都是使用文字字符串进行链接，其实利用图片
也可以建立链接，这只需在链接标记<A>和</A>中间再放上一个
<IMG>标记，这个标记后面所标识的图片就会成为一个可击点，
产生一个链接。
当运行这种HTML文件时，加人链接的图片会自动加上了一个边
框，以示和其他普通的图片的区别，当用鼠标点击这个图片后，
就会被链接到另一个文件上去。
三、在网页中加入图片
若在网页中加人一些五颜六色的图片，会使网页更加生动、活泼，
更吸引人。
1：图片文件的格式
图片的文件有许多种，如 BMP、PCX、 GIF、TIF、 JPG（JPEG）
等。而在浏览器中能够显示的为数不多，有一定的限制。目前使
用的浏览器中，通常都支持GIF和JPG，这两种都是压缩型的格式，
可减少下载时间。前者为无损压缩，可处理8位256种颜色；后者
为有损压缩，可处理24位真彩色。
2. 图片标记及示例
在网页中加人图片，是通过<IMG>标记来实现的，其
书写格式为：
<IMG SRC="图片文件名或URL">
在<IMG＞标记中使用了一个很重要的属性SRC，
其作用是指出一个图片文件名或是指出URL，此
时的路径名书写规则与上节中介绍的超文本链接
时的书写规则相同。
如果在同一文件中需要反复使用一个相同的图片文件
时，最好在<IMG>标记中使用相对路径名，而不是使
用绝对路径名或URL。因为使用相对路径名，浏览器
只需将图片文件下载一次，再次使用这个图片时，只
要再重新显示一遍即可。而如果使用的是绝对路径名，
每次显示图片时，都要下载一次图片文件，这会大大
降低图片的显示速度。
3. 用文字代替图片显示
虽然在网页中加人图片后可以使网页变得绚丽多彩，
吸引力大增，但也会有副作用，那就是会使传输速度
大大的降低。尤其是网页中的图片较多，或者图片大
大，这种情况就会特别明显。
为了提高网页的下载速度，很多浏览者就会关掉浏览
器中下载图片的命令，这种情况下，浏览器不再下载
图片，网页中原来放置图片的地方将会空出来。
为了让只浏览文字的用户能够了解图片的内容，可以
利用<IMG>标记的ALT属性，加人图片的文字说明。
这样在浏览器不显示图片时，它可以将ALT引导的文
本显示在屏幕上，从而代替看不到的图片。
4. 动画
网页上非常吸引人的一项技术是动画，于是越来越多
的网页中出现了动画。动画最基本的原理就是用不同
的几幅图，让每一幅图在屏幕上停留一小段时间后消
失，紧接着另一幅画马上出现，然后在屏幕上停留一
小段时间后消失，紧接着另一幅画马上又出现……循
环往复，就成了“动画”。
真正在网页上实现动画，可利用很多现成的制作动画
的工具软件，如GIF Animator、GIF Construction等，
Internet上有很多共享或免费软件可供下载后使用。编
写者只需制作几幅原始图片，然后交由这些工具软件，
让它们自动来生成动画文件，如GIF89A格式的动画文
件。当用浏览器调用这种文件时，将会出现动画效果。
若在网页中插入动画，可在HTML代码中插人该动画
文件，如：<IMG SRC="动画文件名">，到时用浏览器
调用包含上述标记的HTML文件后，就会在浏览器中
出现动画情景。
四、在网页中加入表格
从HTML2.0版本标准开始就有了对表格（Table）的支持，
在HTML3.2版本中又进行了扩充。表格的使用使得
HTML的内容可以按行和列的方式进行组织，它把网页组
织得有条有理，井然有序。
1. 表格的组成
网页中的一张表格一般由以下部分组成：
（l）标题（Caption）：指出表格的含义。表格的该标
题可有可无。
（2）标签（Table Headings Label）：指出行、列存放
内容的说明。一般用黑体、大字号突出显示。
（3）数据（Table Data）：指出表格中的内容。
（4）单元（Table Cell）：指出表格中各个独立的区
域，其中每一个区域可以放置表格标题或表格数据。
2. 创建表格
<TABLE>标记是定义表格的总标记，HTML要求一个
表格的全部内容要包含在<TABLE>…</TABLE>之中，
其中可有标题及表格的诸内容。<TABLE>标记中最常
用的属性是BORDER属性。从 HTML3.2以后，该属性
的含义发生变化：它的值不再表示边框的有无，而是
以像素点为单位表示边框的宽度，这与HTML 2．0有
所不同。
表格是由行和列内的表格单元组成的。它的定义顺序
是首先定义表格的一行，然后定义此行的表格单元。
再定义第二行，依次定义第二行的表格单元；表格的
列是由每行包含的单元数目自动计算得到的。行标记
用<TR>…<TR>表示，表格标签用<TH>…<TH>表示，
数据单元用<TD>…</TD>。为确保表格中每列对齐，
应在每行中包含相同的单元。
8.2.4 网页制作工具及应用
一、Microsoft Word
二、FrontPage
8.3 Java语言初步
Java是由SUN公司开发而成的新一代编程
语言，它具有平台无关性、安全性、稳
固性和多线程等诸多特性，因而特别适
合于Internet应用的开发。
Java语言已成为网络时代最重要的面向对
象程序设计语言。
8.3.1 Java语言的发展
Java的产生最早可以追溯到1991年，当时还没有出现
所谓的WWW。当初Sun公司成立这个开发小组的开
发目标，只是希望能将SUN公司从传统起家的工作站
市场，进一步扩展到消费性电子产品市场。开发小组
的方向是希望能够建立分布式的系统结构，同时将软
件上的各种新技术移植到消费性电子产品上。
随着全球信息网（WWW）的势头在Internet上愈来愈
猛，在积累了过去的开发经验，以及检查整个WWW
的结构以后，开发小组认为过去Java的主要目标——
与平台无关，系统的可靠性、安全性等，都非常适合
WWW世界。在经过Sun公司内部一系列评估之后，
在1995年5月23日，Sun公司正式发表了Java和Hot
java。
8.3.2 Java语言的功能
Web技术提供了一种以极低的价格在全球交换信
息的方法，Web信息是具有惟一地址的主页，你
只需将地址提供给浏览器即可找到相应的主页。
Web的缺憾是它只能以有限的方式连接到主页上，
Java不仅可增强 Web的功能，而且打破了这些限
制，Java程序嵌人 HTML主页后可以生成动态图
形和产生完全交互的主页。
Java所适应的程序设计环境，是一个充满各式各
样不同种类的机器和软件的平台，并且用网络连
接的复杂分散式环境，Java程序能够通过网络在
不同的地方不同的机器上运行。
8.3.3 Java语言的特点
概括的说，Java语言的特点包括：面向对象的
程序设计语言、操作平台无关性、安全性和多
线程。
Java语言的第一个特点就是它是一套面向对
象的编程语言；它具有一套面向对象的编程
工具至少应具有的四个特点：封装性、多态
性、继承性和动态联编。
Java语言的第二个特点是操作平台无关性；
Java的策略是采取半编译、半解释的方式，
定义出Java自己的虚拟机（Virtual
Machine），以及这套虚拟机上所使用的机
器码——Java Byte code。
Java语言的第三个特点是它的安全性；Java
作为网络环境上使用的编程语言，不能不考
虑程序在执行时的安全问题，如不能让病毒
等以Java Applet等方式通过WWW传播。
Java通过三级机制——Java语言本身的设计、
对Byte code的检查及程序执行系统（Java解
释器Runtime system）来防止其遭到恶意破
坏。
Java语言的第四个特点是多线程。一般可以在
同一时间内执行多个程序的操作，即所谓多进
程（process）的概念。简单的说，一个进程就
是一个执行中的程序，每一个进程都有自己独
立的一块内存空间、一组系统资源。线程和进
程类似，也是一个执行的程序，但是和进程不
同之处是：多个线程（multithread）是共享一
块内存空间和一组系统资源的。而线程本身的
数据通常只有微处理器的寄存器数据，以及一
个供程序执行时使用的堆栈，所以系统在产生
一个线程，或者在各个线程之间切换时，负担
要比进程小得多。
8.3.4 Java程序的分类
Java程序分为两类：Applet和Application。，即
Java小应用程序和应用程序。Java是一个优秀
的面向对象编程语言，它与C++有类似的语法
和一套实用的扩展类库。
Applet和Application的不同之处在于Applet只运
行于HTML主页中，此种能力使主页设计者在
设计时有更大的灵活性。可以说，Applet可以
运行于任何机器上。而Application只能运行于
它所编译的特定的机器上，并且不能在浏览器
中运行。
8.3.5 Java程序的墓本语法
一、标识符
变量、函数、类和对象的名称都是标识
符，程序员需要标识和使用的东西都需
要标识符。在Java语言里，标识符以字符
或“_”，“$”开头，后面可以包含数
字，标识符是大小写有区别的，没有长
度限制。
二、关键词
三、数据类型
Java使用四种基本类型：integer（整数），
floating（浮点数），Boolean（布尔变
量），Character or String（字符或字符
串）。
四、表达式
Java语言的表达式和C语言非常类似
8.3.6 Java小应用程序示例
一、Java开发工具JDK
Java开发工具（JDK）是许多Java专家最初使用的
开发环境。尽管许多编程人员已经使用第三方的
开发工具，但JDK仍被当作Java开发的重要 工具。
JDK由一个标准类库和一组建立、测试及建立文档
的Java实用程序组成。其核心JavaAPI是一些预定
义的类库，开发人员需要用这些类来访问Java语言
的功能。JavaAPI包括一些重要的语言结构以及基
本图形，网络和文件I/O。一般来说，JavaAPI的非
I/O部分对于运行Java的所有平台是相同的，而I/O
部分则仅在通用Java环境中实现。
作为JDK实用程序，工具库中有七种主要程序。
Javac： Java编译器，将Java源代码转换成字节码。
Java： Java解释器，直接从类文件执行Java应用程
序字节代码。
appletviewer： 小应用程序浏览器，一种执行HTML
文件上的Java小应用程序的浏览器。
Javadoc：根据Java源码及说明语句生成HTML文档。
Jdb： Java调试器，可以逐行执行程序，设置断点
和检查变量。
Javah： 产生可以调用Java过程的C过程，或建立能
被Java程序调用的C过程的头文件。
Javap： Java反汇编器，显示编译类文件中的可访问
功能和数据，并显示字节代码含义。
二、用 JDK建立小应用程序
下面我们用一个例子来说明如何用JDK建立小应用程序，这个小应用程
序非常简单，只在运行时输出字串向你指定的人问候。
import java.awt.*;
import java.applet.Applet;
public class OutputHello extends Applet{ //定义类
String s; //数据成员
public void init(){
//成员函数
String temps;
temps=getParameter("name");
s="everyone";
if(temps!=null){
s=temps;
}
}
public void paint(Graphics g){
//成员函数
g.drawString("Hello " +s, size().width*4, size().height*4);
}
}
这个小程序定义了一个类OutputHello，它从Applet父类中
派生得到。它包括有一个数据成员和两个成员函数。数据
成员s存放外部输人的参数即姓名。成员函数init()和paint()
都是重载了父类的成员函数，前者完成小程序初始化，主
要是读取参数值，后者主要是输出结果。将小程序存为
OutputHello.java，并使用Javac编译这个程序：
Javac OutputHello.java
如果程序被编译器接受，则不显示信息，并生成
OutputHello.class文件。如果有错误信息，则必须修改源代
码重新编译，直到通过为止。在运行小程序前，我们还必
须生成一个文件名为OutputHello.html的HTML文档来放置
它。HTML文档中有多种标识，与JavaApplet有关的标识为：
APPLET CODE=applet 文件名.class WIDTH=宽度 HEIGHT=高度
PARAM NAME=参数名 VALUE=值
其中CODE，WIDTH和HEIGHT是必须有的属性。
CODE属性是applet编译后类文件名，WIDTH和
HEIGHT分别为小程序运行时窗口的宽度和高度。
NAME为参数名，VALUE为参数值。一个小程序
可以有多个输人参数。这里只列出最常用的一些
标识，还有一些可选属性项未列出。
本程序对应的HTML文档如下：
<html>
<head>
</head>
<body>
<applet code=“OutputHello.class” WIDTH=200 HEIGHT=60>
<param name=name value=”World”>
</applet>
</body>
</html>
运行小应用程序可以使用appletviewer或任何一
种支持JavaApplet的浏览器如 NetScape、
Internet Explorer等。
如果用appletviewer则输人如下语句：
appletviewer OutputHello.html
8.4 VRML语言
VRML（ Virtual Reality Modeling
Language）是一种模型语言，用来描述
一个目标对象是如何呈现在Web上的。
VRML提供对三维世界及其内部基本对
象的描述（包括球体、平面、圆锥、圆
柱、立方体等），并把他们同二维的页
面链接起来。
8.4.1 VRML的定义和功能
VRML（Virtual Reality Modeling Language，虚拟现实造
型语言）是描述虚拟环境中场景的一种标准。它定义了
三维应用系统中常用的语言描述，如层次变换、光源、
视点、几何、动画、雾、材料特性和纹理映射等，并具
有简单的行为特征描述功能。
设计VRML的一个主要目标就是保证它成为多个虚拟现
实（VR）系统或其组成部分中有效的三维文件交换格式，
并且这些VR系统或其组成部分可分布在网络中的不同计
算机上。
VRML类似于HTML，它趋向于发展成为一种单一的多平
台用于发布三维WWW网页的语言。事实上，一些信息适
于用三维来表达，典型应用如游戏、工程、科学计算可
视化、教学实验、建筑等，这些都需要大量的交互、动
画及用户的参与和探索，是基于页、文字或图象格式的
语言（如HTML）所不能表达的。
8.4.2 VRML的特点
1. 可编辑性 可以开发应用程序来创建、编辑
和保存VRML文件，也可将其他常用的三维文
件格式转换为VRML格式的文件。
2. 可重用性 提供了使用、组合并允许重用动
态三维对象的能力。
3. 可扩展性 提供了增加新的对象类型的能力。
4. 多平台操作 VRML在众多不同平台的系统上
都可实现。
5. 性能 在不同的计算机平台上都能达到可扩
展和交互的性能。
6. 可伸缩性 允许任意大小的动态三维世界。
从概念上讲，每个VRML文件都是一个基于时
间的三维空间，它包含了可通过多种机制动态
修改的图形对象和听觉对象。VRML文件的一
个重要特性是能够通过包含关系把文件组织在
一起，并能够通过超链接把文件联系在一起。
利用层次性文件的包含关系可以创建任意大的
动态境界。
VRML的另一必要特性是它试图用在分布式环
境中，因而内建了支持多个分布式文件的多种
对象和机制，包括内联式（In－lining）嵌人其
他VRML文件、通过超链接指向其他文件、采
用业已制订的针对其他文件格式的Internet和
ISO标准等。
VRML的访问方式是基于客户/服务器模式，如图
8－8所示。其中服务器提供VRML文件及支持资
源（图象、视频、声音等），客户端通过网络下
载希望访问的文件，并通过本地平台上的VRML
浏览器交互式地访问该文件描述的虚拟境界。由
于浏览器是平台提供的，从而实现了平台无关性。
传统的VR中使用的实时3D着色引擎在VRML得
到了更好的体现。这一特性使VR建模与实时访
问更明确地隔离开，这也是VR不同于3D建模和
动画的一个特点。后者是预先着色，因而不能提
供交互性。VRML提供了6+1个自由度，即三个
方向的移动和旋转，以及和其他3D空间的超链接。
VRML，具有可伸缩性。
首先，对VRML浏览器来说，从理论上讲，应能
处理由数亿个对象组成的分布在Internet上的境
界。
其次，VRML在高、低档的机器上都应该工作得
很好，它应允许浏览器为了提高性能而降低图象
或仿真质量，而在硬件性能增强时质量可以变得
更好。
第三，VRML境界可以相对于网络性能而伸缩，
从目前常见的56K调制解调器到高速连接。
可伸缩性对 VRML 2.0的整个设计影响很大，尽管
目前仍有很多未解决的问题，但 VRML2.0所定义
的基本框架在境界规模更大和机器、网络更快时应
继续保持伸缩能力。
VRML作为一种标准，不可能满足所有
应用的具体需要，如希望交互性更强，
希望画面质量更高，希望VR世界更复杂。
这些要求往往是相互制约的，同时又都
受到用户平台硬件性能的制约，因而
VRML被定义为可扩充的，即可以根据
需要定义自己的对象及其属性，并通过
原型、描述语言等机制使浏览器能够解
释这种对象及其行为。
VRML是一个开发标准，为了加强协作，避免
技术重复和市场冲突，而鼓励其他技术引用
VRML或成为VRML的一部分。与VRML关系
密切的三项技术是Java3D、MPEG－4和
Chrome。
其中，Java3D和VRML都把3D Web作为关键应
用对象，前者的优势在于程序设计，后者的优
势在于场景构造，二者在可编程性3D Web应用
方面密切合作。
MPEG－4是面向基于内容的交互式视讯应用，
可以为VRML提供流技术、压缩和音响同步技
术，而MPEG－4用VRML来描述3D内容。在
2D页面集成方面，可以探索VRML和Microsoft
的Chrome协作的可能性。
8.4.3 VRML的结构规范和实现方法
一、VRML 2. 0规范介绍
（1）坐标系统（ Coordinate System）
使用三维右手坐标系，缺省情况下目标被投影到一个
二维的显示设备上时，以Z轴的正方向投影，X轴正向
向右，Y轴方向向上。视点的变换以及模型的几何变换
可以改变这种缺省的投影方式。标准的描述长度的单
位是米，而描述角的单位是弧度。
（2）场景图形（Scene Graph）
三维场景主要通过场景图形结构来描述的。场景图形
结构主要通过一种层次结构来体现相互关系。这有点
类似于在Microsoft Direct 3D中的以FRAME为单位的层
次结构。不过在这里是以节点（NODE）为基本单位。
（3）节点（node）
VRML是描述目标的一种文本格式，理论上这里的对
象（OBJECTS）可以包含任何事物，如三维几何图形、
声音、图象、动画、视频、事件、动作等等。但在
VRML1.0中节点主要描述图形对象。其余的类型在
VRML 2.0中有一定的支持。VRML一个对象使用一个
节点。每个节点包括一个类型名称，一组属性和一组
字段。
（4）字段（Fields）
字段是用来描述节点的最基本元素。字段可以包含一
个值或多个值，单值的字段类型以SF（Single Field）
开头而多值的字段类型以MF（Multiple Field）开头。
VRML定义了很丰富的字段类型等。
（5）节点类型（Node type）
VRML定义了很多种类型的节点，一般说来节点可以
分成三大类：形体类、特征类及组类和其他节点。
形体节点：定义目标的几何形状，如圆锥体、立方
体、柱体、面、线、点集、球体等等。
特征节点：定义了目标的显示特征如颜色。纹理、
表面材质等；
组节点：定义了由一个或多个子节点的集合，组节
点可以使同组的几个节点象一个节点一样进行变换。
比如说一起移动和旋转。
其余的节点：对文本的支持，能连接到指定的
WWW点的连结节点（通过指定URL）等。
（6）颜色、纹理、材质及灯光
通过红、绿、蓝三色的比例调配控制物体的颜色和材质。
视频纹理节点（MovieTexture节点）可以将MPEG－4视
频映射到任意对象上。
（7）新的信息节点
导航信息节点（NAVIGATION INFO）描述了航行风格，
如走着看，快速飞着看，还是查看（仅变换视点、视角，
位置不变）。
世界信息节点（WORLD INFO）允许你指定文件标题和
其他浏览文件的信息，如关于作者和版权的事。
（8）场景效果（Scene effect）
新的节点能让你给场景创建地面和天空的背景，添加
远方的山和天上的云以及远处朦胧被雾笼罩的物体
（用模糊效果fog）。
（9）三维声音（3D Sound）
主要通过SOUND和AUDIOCLIP等节点支持声音，进
一步增强了逼真性——可以在一个场景中放人水流声、
打破玻璃的声音（比如在打破玻璃事件发生时调用）
或其他任何声音。VRML世界里的声音是三维声音，
即声音效果是和音源和观察者的距离、方向有关的。
或者说，是与地点相关的声音。
（10）动画（Animation）
这是通过内插件（interpolators）节点实现VRML2.0包括
创建各种各样的动画对象，称它们为内插件，这样就能
够为虚拟世界中的物体创建预先定义好的动画并在某个
适当的时刻播放。
（11）场景动态、交互特性（事件、传感器、路由
及响应动作）
VRML2.0中全部名字信号包括：运动和动态。用虚拟开
关将灯光打开，当走近汽车时车声逐渐变大，而你向驶
来的汽车招手时汽车会停下来把你载上。
所有这些都可以如下实现：VRML定义了各种传感器
（sensor mode），可以感知到浏览器上鼠标的移动、
转动、点击及时间等各种事件（event）（节点具有事
件域node event fields，能接受事件）。
a. 事件（Event）
每个节点可以有一些字段能接受外部的事件输人
（从而可动态改变自己的状态）。同时又有一些字
段可被外部的节点或脚本程序所读取。节点之间相
互作用机制是通过路由（Routing）机制来实现的。
b. 传感器（Sensor）
一些物体可连有传感器。当交互设备如鼠标在该物
体上作用时，传感器被激发，引发特定的事件。从
而最终引起脚本程序的运行或一些节点状态的改变。
c. 脚本（Script）
脚本节点包括VRML script、JavaScript或指向一个
外部Java applet的关联，允许开发者扩充VRML的
行为和动态。如果没有新的脚本节点（Script
nodes）， VRML2.0将不能运动。脚本语言可以是
Java、Java Script等多种类型。
d. 碰撞检测（Collision Detection）
由于存在碰撞检测，人们再也不会穿墙而过了。
碰撞检测保证固体对象就如同固体般的响应；当
你撞上它们的时候，会被反弹回事（或简单地停
止运动）。
e. 地形跟随（Terrain Following）
地形跟随允许你沿着楼梯或斜坡上上下下。
（12）原型（Prototype）
用Proto和Extern—Proto节点类型实现。可以通过实时
地从Web上下载新的VRML原型并加以改变来生成新的
场景。
（13）超文本链接的支持（Hyper Link）
在VRML程序中可以调用其他的VRML文件，直接将
另一个VRML空间的事物插入到三维世界中，而且在
VRML虚拟现实文件中能够设定热点连接到其他
VRML文件。
VRML 文件中也能够设定热点连接到Internet任一个
Web主页等等。
VRML的迷人之处就在于它与Web之间日趋完美的紧密
结合，以及与Web所涉及的其他部分的结合和与Java的
结合。
实例：
8.5 分布式数据库系统和客户服务体系
8.5.1分布式数据库的定义
分布式数据库指具有物理上分布、逻辑上系统结构集
中的数据库。
一个分布式数据库系统由一个逻辑数据库组成，这个
逻辑数据库的数据存储在一个或多个结点的物理数据
库上，通过两阶段提交（2PC）协议来提供透明的数据
访问和事务管理。
数据在物理上分布后，由系统统一管理，使用户不感
到数据是分布存储的。用户看到的似乎不是一个分布
式数据库，而是一个数据模式为全局数据模式的集中
式数据库。分布式数据库有利于改善性能，具有可扩
充性好、可用性好以及具有自治性等优点。
8.5.2 客户服务系统
客户服务系统是将各个客户机与服务器通过网
络连接起来而构成的计算机网络系统。
它将一个复杂的计算机应用问题适当地分解为
多个子任务，再将这些子任务分布到客户机
（Client）和服务器（Sever）两种环境中，在
前端客户机上运行应用程序，在后端服务器上
提供某些特定的服务，如数据库服务、文件服
务和通信服务。
在典型的客户机/服务器（Client/Server）结构中，
数据库系统的界面和逻辑表现放在客户机上处理，
而数据的修改、分类、检索、安全性确认、事务
恢复和对共享数据的访问管理等全部放在服务器
上执行。
客户机直接面向用户，接受并处理任务，并将任
务中需要由服务器完成的部分通过网络请求服务
器执行，服务器处理后将处理结果又通过网络传
回给客户。
事务逻辑所涉及到的安全性、数据完整性和逻辑
完整性都可以集中在服务器上统一由系统解决，
形成分布式处理，而不是让访问该数据的每个应
用程序自己解决，从而有利于提高性能和完善控
制，并减少应用程序开发和维护的开销。
8.5.3 Web数据库的开发和发布
实现Web数据库应用一般可以采用两种做法：
一种是在Web服务器端提供中间件来连接
Web服务器和数据库服务器
另一种是把应用程序下载到客户端并在客户
端直接访问数据库。
中间件负责管理Web服务器和数据库服务器之
间的通信并提供应用程序服务，它能够直接或
调用外部程序或脚本代码来访问数据库，因此
可以提供与数据库相关的动态HTML页面，或
执行用户查询，并将查询结果格式化成HTML
页面，通过Web服务器返回给用户浏览器。
最基本的中间件技术有通用网关接口（CGI）
和应用程序编程接口（API）两种。
除了在Web服务器端采用中间件以外，我们还
可以通过Web浏览器把应用下载到客户端运行，
在客户端直接访问数据库。
客户端应用包括：Java Applet、ActiveX、Plug
－in等等，其中最典型的就是Java Applet。
8.5.4通过ODBC联接数据库
ODBC（Open Database Connectivity）是由微软
公司提出的一个用于访问数据库的统一界面标
准，随着客户机／服务器体系结构在各行业领
域广泛应用，多种数据库之间的互连访问成为
一个突出的问题，而ODBC成为目前一个强有
力的解决方案。
ODBC之所以能够操作众多的数据库，是由于
当前绝大部分数据库全部或部分地遵从关系数
据库概念，ODBC看待这些数据库时正是着眼
了这些共同点。
虽然支持众多的数据库，但这并不意味ODBC
会变得复杂，ODBC是基于结构化查询语言
（ SQL），使用 SQL可大大简化其应用程序
设计接口（API）。由于ODBC思想上的先进
性，而且缺少同类标准或产品与之竞争，因而
越来越受到众多厂家和用户的青睐。已经成为
客户机/服务器系统中的一个重要支持技术。
在使用ODBC访问数据库之前，必须建立
ODBC数据源。可使用ODBC数据源管理器建
立数据源，在控制面板中的ODBC图标表示
ODBC数据源管理器。
VB中ODBC的开发过程
一、初始化ODBC
二、与ODBC数据源建立连接
三、存取数据
四、检索结果集
五、结束应用程序
ASP网页与ODBC的连接