第9章网络编程技术.ppt

《第9章网络编程技术.ppt》由会员分享，可在线阅读，更多相关《第9章网络编程技术.ppt（153页珍藏版）》请在三一办公上搜索。

1、第9章 网络编程技术,91 HTML 基础 92 ASP编程技术 93 JAVA语言的网络程序设计 94 JSP编程技术 95 习题9,91 HTML 基础911 HTML 语言基础 HTML(Hyper Text Markup Language)超文本标记语言是网页设计的基础，源于标准通用标志语言SGML(Standard Markup Language)。利用HTML语言编写的Web网页，实质上就是纯文本文件，可用任何文本编辑器阅读和编辑。HTML文档通过标记（TAG）和属性对超文本的语义进行描述，这些TAG用于描述网页内容在浏览器中的显示方式，产生所需的各种效果。HTML作为一种标记语言

2、，用来创建与系统平台无关的文档，即任何可以运行浏览器的计算机都能阅读并显示HTML。,HTML有以下用途：用标题、文本、表格、列表、照片等发布在线信息。通过超文本链接，在鼠标点击时取得在线信息。设计表格与远程服务通讯，查询信息、进行预订、订购产品等。把样式表、视频剪辑、音频剪辑和其它应用程序包含在文档中。浏览器能够阅读的HTML文本包括如下两种类型的信息：标记信息：该部分信息用来控制文档内部的显示方式，并允许WEB设计人员指定与其他文档的连接。内容信息：该部分信息就是浏览器显示的文本、图形和声音信息，简称为文件块。HTML文档是由标记和文件块组成的。下面简单介绍HTML的使用。,1HTML元素

3、HTML文件所有的控制语句称为标记(TAG)，元素(Element)由标记和文件块组成。标记全部放在一对尖括号之中，如“”的形式。在HTML中，典型的元素由三部分组成：起始标记、文件块和结束标记。格式为：受影响的文本 元素的起始标记写作，其中ElementName为此元素的名称。元素结束标记为在元素名称前面加一斜杠，形如。例如：HTML的基本语法对标记的使用有以下一些约定：,（1）大多数标记都是成对出现的，称为“双标记”，它由“起始标记”和“结束标记”两部分构成，而且必须成对使用。例如：和为表的行标记，用于定义数据行。和为表的数据标记，用于定义每行内单元格。也有少部分标记无尾标记，称为“单标记

4、”或“空标记”。它们只需要单独使用就能完整地表达意思，最常见的单标签是表示强迫换行。（2）标记的字母可以大写，也可以小写，二者作用完全一样。因此说，与效果是一样的。（3）标记可以联合使用，也可以嵌套。,2HTML元素的属性 HTML元素具有相关属性，可对这些属性赋予适当的值，制作各种效果。一个元素可以具有多个属性，其属性名和属性值都必须出现在该起始标记结束符之前，彼此以空格隔开，各属性的顺序可以是任意的，语法格式为：,各属性之间无先后次序，属性也可省略(即取默认值)。应该注意，属性名也是不区分大小写的，同时属性值中只能包含字母、数字、连字符或者句点。3HTML文件的注释 HTML文件注释的基本

5、格式如下：,4HTML文件的基本结构所有的HTML文件的结构都可以划分成两个基本部分：文件头和文件主体它们可由三对标记构成：头部信息 文档主体，正文部分,1）文挡标记HTML文件以开头，以结尾。格式为：HTML文档内容 处于文档的最前面，表示HTML文档的开始，即浏览器从开始解释，直到遇到为止。2）文件头标记 HTML文件头标记的格式为：头部信息 本标记在HTML文件中不是必须的，如果没有，浏览器也会照常解读文件。文件头部在之后，在开始标记和结束标记间定义。其内容可以是标题，文本文件地址、创作信息等网页信息说明，对应于相应的标记有：标题、基地址、下一个标识、索引文件、相关资料。,标题(Titl

6、e)：给出文件的总标题，格式如下：标题 一对标签用于显示Web页面的总标题。通常Web浏览器把总标题显示在一个特殊的区域内。例如Netscape把总标题显示在窗口顶端标题栏内。基地址(BASE)：该元素用来指定涉及整个HTML文件各部分链接路径的起点。如果需要，必须在文件头部说明。例如：(BASEHREF=http:/(NEXTID)当文本编辑器要给带有特定编号(ID)的页面进行标记时，根据NEXTID元素给出下一个页的ID的值，表示下一个标识，这里的属性“N=”向编辑器表明自己的编号。索引文件(INDEX)：说明该文件是用户可以检索的索引文件。它告诉浏览器该文件可以检索。但服务器必须提供检索

7、功能，否则，不起作用。,相关资料元素(META)：该元素用来说明与文本有关的资料信息，包括资料名称(NAME)和内容说明(CONTENT)两个字段。大部分头部元素可以省略。例9.1：设计网页。标题为：xample；网页显示文字内容为：没有使用head标记，而单独使用title标记仍起作用。xample,没有使用 标记仍起作用例题中用到几个特殊的符号“<；”和“>；”，它们在网页中分别显示“”和“”。因为浏览器解释HTML文件时，是根据“”与“”来识别标记的，然后再确定这两个符号中的内容是否为HTML文件标记。若是，则按其规则解读。所以，要在网页中显示“”和“”，就要使用特殊字符。其他常

8、用的特殊符号见表1所示,表9.1 特殊替换字符,3）文件主体标记文件主体标记一般不省略，位于头部之后，它是HTML文档的最主要部分，超文本的其他语句几乎都是写在主体部分中。主体元素还可以包含各种参数部分。格式如下：background=文件名text=颜色值link=颜色值vlink=颜色值alink=颜色值 BODY的属性定义为 BACKGROUND、BGCOLOR、TEXT、LINK、VLINK和ALINK，用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。LINK设定未阅读过的超文本连接颜色,缺省值是蓝色。VLINK设定阅读过的超文本连接颜色,缺省值是紫色,ALINK设定动作中的

9、超文本连接颜色,缺省值是紫色。,不设置时取相应属性的默认值。颜色可以用相应英文单词或以“”引导的一个十六进制数代码来表示，见表9.2所示,表9.2 颜色代码表,4)设置标题格式在页面中，标题是一段文字内容的核心，可以通过设置字体大小不同的标题，为文章增加条理。与用定义的网页标题不同，标题格式显示在浏览器窗口内，而不是显示在浏览器的标题栏中中。格式为：标题属性align用来设置文字的对齐方式：left（左对齐）、center（居中）、right（右对齐）。属性n用来指定标题文字的大小。N取1到6的整数值，取1时文字最大，缺省时是。在一个标题行中无法使用大小不同的字体。,）强制换行标记格式为：文字

10、浏览器解释时，从该处换行。这是一个单标记。）设置文字格式 标记。标记可设定文字的字体、字号和颜色。格式为：被设置的文字size用来设置文字的大小。数字的取值从，size取1时最小，取7时最大。face用来设置文字的字体。字体名可以为：宋体、楷体、黑体等汉字字体；也可以为Time New Roman等约,种字体。这里的字体名其实就是在ord的“字体”工具栏中显示的字体名字。color用来设置文字的颜色，颜色的取值与的取值方法相同。当与标记同时对文字颜色进行定义时，标记优先。设置字型：字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表9.3所示。,表 9.3 设置各种字型

11、的标记,例9.2：在网页上设置文字格式设置文字格式今天天气真好显示红色黑体3号字正常字显示带下划线显示7）排 版,排版使用段落的成对标记和，和之间包含的一段文字为一个段落。标记 的参数align表示整个段落的对齐方式，与标题标记的align格式相同，align的可选参数有left、center和right，分别为左、中和右对齐。中间对齐也可用成对标记完成。例如：HTML语句 页面效果 左对齐的段落 左对齐的段落 右对齐右对齐的段落 右对齐的段落中间对齐的段落 中间对齐的段落中间对齐的段落 2 中间对齐的段落2,行缩进引用标记 来表示缩进。一对标记中的文字将向右缩进一段。例如：HTML语句 页面

12、效果第一层 第一层 第二层 第二层第三层 第三层第二层 第二层第一层 第一层下面是一个最简单的Homepage源文件，页面效果参见图9.1：,例9.3 简单的主页实例 欢迎光临HTML世界。html简单示例 其乐无穷!欢迎学习使用HTML编制编制出自己的主页。祝你成功！,图9.1 HTML主页,5 加入超链接 通过前面的介绍就可以创建简单的HTML文档，但当文本较复杂时常常需将一份文档与另一份文档连接起来。HTML的主要特性之一就是链接。要在Web页面中加入超链接，可按以下进行：(1)开始标记；(2)要链接的目标文档名；(3)要链接的文本（超文本）(4)结束标记。要创建完整的链接标记，必须在开

13、始标记中设置超文本引用(HREF)属性。HREF描 述了点击该链结后文档跳转的目的地。例如要创建一个指向文档间的链接，可以使用以下链接,微软公司 要创建超链接，必须指明链接目标文件的存储位置，如果目标文档与当前文档存储在同一计算机内，可以使用绝对（完全的）地址路径或相对地址路径指明该文件的位置。如果使用绝对地址，必须在超链接标记内写明目标文档的完整路径，绝对寻址方式的主要问题是移动文件困难，因为每次移动文档的存储位置后，都必须修正每一条绝对路径；而使用相对寻址可以简化移动文件的过程。使用相对寻址方式，需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。,表9.4 相对

14、寻址和绝对寻址的不同点 路径名 寻址方式和绝对寻址的不同点index.html 相对寻址。该超连接目标文件与源 HTML文件在同一目录下 temp/index.html 相对寻址。该超连接目标文件放在当前目录的temp子目录下?index.html 相对寻址。该超连接目标文件放在当前目录的上一级目录中c:tempindex.html 绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下,在大多数情况下，应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录，从一个驱动器拷贝到另一个驱动器，或从一个平台拷贝到另一个平台。HTML允许定义文档内部的链接，例如 Anchor1 说

15、明 了 在“Anchor 1”前有一个跳转点。用 Goto Anchor1 则可跳转至 Anchor1处。6图象及动画的嵌入1）图象的嵌入图象嵌入的标记为,其属性为Src，Alt，Align，Width，Height，Border，HSpace和VSpace。Src指定嵌入图象的图象文件名。例如 src=images/Red_flag.gif Alt指定图象文件尚未装入时，代替图象显示的文字。,例如 该语句表示将在图象尚未装入时显示一个箭头。Width和Height分别指定图象的宽和高。Border指定图象边框的宽度。HSpace和VSpace分别指定图象外水平和竖直留空的宽度。2)动画的嵌入

16、浏览器支持GIF 格式的动画文件。只需生成这种动画文件，和图象文件完全一样，嵌入HTML即可。可以用Gif Constructor工具来生成这种动画文件。7.列表列表适合于罗列有关信息内容。列表项可以是段落、有格式文本或超媒体连接。列表可以嵌套,显示时按层次缩进。列表可分为三种:枚举式、编号式、定义式。,1）枚举式列表枚举式列表使用成对标记UL和一个以上的LI语句来定义。列表项目以数字、字母顺序排列。每个LI标示一项列表项。可以用TYPE属性定义UL和LI元素的风格。显示时,每个LI定义的项目前均有3个黑圆点作前导记号。例:UL LI.first list item LI.second lis

17、t item./UL2）编号式列表编号式列表使用成对标记 OL和一个以上的 LI语句来定义。显示时每个LI定义的项目前均自动加有序列编号。例如:OL LI.first list item,LI.second list item./OL 3）定义式列表定义式列表使用成对标记DL来定义，该列表分为两层。使用标记和DD来定义层次。标记标示被定义的目的标题；DD标记标示定义内容。显示时每个DT定义的列表项的下面，产生一段由DD定义的说明文字。例如:DL DTterm name DDterm definition./DL8.表格,1）表格的属性表格是由成对标记来标识的。它的属性有对齐方式 align、表

18、格宽度 width、表格边界宽度border、表格中元素分隔线宽度cellspacing和元素与分隔线之间的距离cellpadding。属性align的参数为left、right和center；属性width 的参数为 n和n%、属性border、cellspacing和cellpadding的参数均为n。表格宽度width是指该表格的宽度，若是数字n则表示表格绝对宽度为n个象素；而若是百分数n%，指表格的宽度为其所在窗口宽度的百分之n，例如：百分之50。表格边界宽度border指表格的外部边界的宽度。,2）建立表格 建立表格的标记为成对标记、和。标记 说明表格的一行；说明表格的列标题；说明表

19、格的元素。其实列标题也是表格的元素，只是以标题字体显示 而已。表格行的属性有align和valign。属性valign说明了表格行的元素的垂直对齐情况。属性valign的参数有top、bottom、middle和baseline。这里top、bottom和middle分别指的是元素顶对齐、底对齐、中间对齐，而baseline指各元素按其第一行字的底线对齐。9可点图1）可点图类型,可点图类型有两种，服务器端图和客户端图。服务器端图在作为链接的图象成对标记 中加入参数 ISMap 即可。例如 建好图区域并命名后，还需在图象标记 中引用参数usemap=#client。例如。2）建立图区域的工具在建

20、立图区域时，特别是图象较复杂时，大量的坐标容易出错。可使用网页制作工具来建立图区域。例如FrontPage等。,10表单(FORM)（1）表单的基本属性表单使用成对标记和来定义，属性包括ACTION、METHOD、ENCTYPE。动作属性action为递送信息的表单指定的URL地址，例如：方式属性METHOD指明填表信息传输的方式，如何将表单提交给服务器，有两种标准方式可选:GET（获得）和 POST(邮递），默认方式为GET。GET将输入的信息转至ACTION所指定的URL位置作进一步处理,将表单中的参数信息合成在URL中，问号开头，使用“&”号分割参数。例如，一个表单有一个http:/,的

21、ACTION，并有NAME为Userfirst Name的字段，在该字段中输入的文件名为Wenjian,则该表单将链接到http:/Name=Wenjian的位置上。在服务器端的mm.asp程序将截取问号之后的文本作为作为表单内容处理。POST可将无限的信息发往 ACTION所指定的文件储存。其将传递的参数信息放置在http协议的request部分，在地址栏看不到表单的信息。两种方法各有优缺点。表单FORM的常用控件有输入（INPUT）、列表框（SELECT）和文本框（TEXTAREA）2）输入控件输入标记INPUT包含很多类型：参见图9.2,图9.2 标记INPUT的输入类型,每个标记均包含

22、两个属性TYPE和NAME，属性type定义了输入的类型，例如：TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden；属性NAME定义了该输入的名称，以便于接收信息的程序分辨各个参数，以及用于Javascript的引用；大多数包含VALUE属性。文本输入：valuea string说明了文本的初值。maxlength=n 说明了文本的最大长度。size=n说明文本条的长度为n个字符。如果输入的文本长度大于文本条的长度，则文本自动滚动。密码输入：同文本输入，但输入的文字皆显示为“*”。多选框：参数value=a st

23、ring指明该多选框在提交时的值。参数checked说明该多选框初始为选择态：,多选框提交时若被选择，则以name=value（value缺省为on，即缺省为name=on）的方式提交，否则被忽略，不提交。单选框：基本同多选框。但是单选框需要分组，name相同的分为一组，提交时以name=value（选中单选框的value）的方式提交。提交按钮：value=a string说 明 按 钮 的 标 题。一个表单中可有若干个提交按钮。当某一个按下后，该填表中的信息将提交给Form中Action参数指定的文件（程序），若 它有name 参数，它将参与提交：name=value；否则，被忽略。复位按钮

24、：value=a string说明按钮的标题。复位按钮不参与提交。按 钮：value=a string说明了按钮的标题。,隐藏项：参数为name和value。不在屏幕上显示出来，通常与 Javascript或动态生成 HTML有关。可以利用Javascript修改它的value；动态生成HTML的程序，也可以保存某些参数。图画：参数为align src和name。图画类似于一个submit按钮，只是显示的是一个图画，在提交时鼠标点击的位置也以 name.x=n&name.y=n的方式一并提交服务器。例如：生成文本输入框，宽为20个字符，字符数大于20时，出现滚动条。3）列表框列表框使用成对标记

25、来定义。属性NAME定义了列表框的名字，如同多选框的一样。,在和之间，成对标记定义了列表框的项。它的属性value=value1定义了当表单提交时，若列表框中该项被选中，提交的信息为selectname=value1，selectname为列表框的名字。在与之间的文字即为该项在列表框中显示的文字。例如 学生成绩查询 的另一属性SELECTED指定列表框初始选择该项。又例如学生成绩查询以上是HTML的部分内容，限于篇幅，不再详述。下面来看看动态的HTML，即DHTML。,912 DHTML语言基础 动态超文本标记语言（DHTML）是在保持与现有HTML兼容的基础上扩展出来的几种新功能的总称。它将

26、HTML标志与脚本语言组合起来，进行定位、利用CSS等操作文档的动态外观。其主要功能如下：（1）定义分层结构，显示Web文档的所有部分；（2）通过增加和删除内容来修改结构（3）监视和管理网页目录特征的方法（4）提供网页上内容如何与用户互动以及相互影响的方法。1998年万维网协会(World Wide Web Consontium)制定了一个与平台和语言无关的规范，即文档对象模块DOM(Document Object Model)。,Internet Explorer动态HTML对象模块是对该规范的实施方案，它能使开发人员能通过编程控制网页上的所有情况，并可随时进行实质上的改变。DOM将HTML

27、、CSS(层叠样式表)和脚本语言联合起来组成一个或多个人都能实现的互操作模型。1DHTML对象模块的基本组件 DHTML对象模块由对象、属性、事件和方法构成，使开发人员能通过编程控制网页上所有情况，并可随时进行实质上的改变。1）对象 网页上HTML中每个元素在动态对象模块中都表现为对象，例如图像、文本框等。对象模块是所有这些对象的分层表示，最高层是当前网页的框架或者浏览器窗口。对象命名后，通过脚本语言来引用它。,2）属性 属性描述一个对象的信息。在DHTML中对象的属性通过CSS来指定。3）事件 网页上每一个发生的动作，例如鼠标双击，都称为事件。当网页事件发生时，接收事件的项会通知动态对象模块

28、事件发生，如果编制的脚本程序规定对事件的触发做出响应，则执行该脚本。4）方法 方法描述了对于对象所采取的措施。例如，使窗口对象能打开新的浏览器的方法。5）对象及属性的实例Miccrosoft Internet Explorer支持DHTML对象模块中的对象、属性、事件和方法。如果使用脚本语言编程操纵网页上的对象则可以控制网页的变化。下面介绍使文字移动的方法和多媒体页面显示的对象和属性。,移动文字使用成对标记.，将要移动的文字放在该标记中，文字则会动起来。该标记的属性有direction，bihavior，loop，scrolldelay，scrolldelay，Align，bgcolor，he

29、ight，width和Margins方向属性direction，可设置为left,right；格式为#=left,right 方式属性bihavior可设置为scroll,slide,alternate，格式为#=scroll,slide,alternate循环属性loop可设置循环次数，格式为#=次数；若未指定则循环不止(infinite)速度属性scrollamount设置文字移动的快慢，可设置为数字，格式为#=速度单位值延时属性scrolldelay设置文字移动时停顿的间隔时间，可设置为数字。格式为#=延时单位值,外观设置(Layout)包括Align，bgcolor，height，wi

30、dth和Margins对齐方式属性Align可设置为对齐上沿、中间、下沿。格式为#=top,middle,bottom底色属性bgcolor可设置为预定义色彩Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua。格式为#=rrggbb 16 进制数码，或者是预定义色彩：面积属性有height和width，格式为#=面积单位值空白（Margins）属性有hspace和vspace，格式为#=空白单位值多媒体页面(Alternative Inline Element

31、s)包括多媒体文本、背景音乐和视频播放。,嵌入多媒体文本(EMBED)，该标记可以用来在主页中嵌入多媒体文本，多媒体文本可以为电影(movie),声音(sound),虚拟现实语言(vrml)等。格式为#=URL背景音乐（BGSOUND），格式为#=音乐文件的 URL#=循环数例如：插入视频剪辑（DYNSRC）,格式为#=视频文件 例如：播放视频文件Red.avi，在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示Red.gif图象，开始播放 AVI 的时间控制格式为#=fileopen,mouseover默认值是#=fileopen，即在链接到含本标记的页面(如本页)时开始播放

32、AVI。,#=mouseover 是当鼠标移到 AVI 播放区域之上时才开始播放 AVI。也可以两者同时设置：控制条，用来在视频窗口下附加WINDOWS的AVI播放控制条。循环播放#=循环数 将循环播放不止。延时#=毫秒数2脚本编辑 DHTML将每个对象向一个编程和脚本语言的框架开放，可使用编程语言C+操纵网页上的对象，也可使用Java script、VBscript操纵网页上的对象。脚本嵌在Web页中。Internet Explorer是一个脚本编辑主机。,VBscript是在Visual Basic基础上设计的，这一语言通过微软的信息服务器（IIS）和活动服务器网页（ASP）在Web服务器

33、方得到支持。采用VBscript编写的脚本放在标记之间。Java script使用了一些和Java相同的结构和语法。采用Java script编写的脚本，脚本必须写在一系列脚本标记中，格式如下：第一行为开始脚本编辑，指定了一种语言；最后一行为结束脚本编辑。脚本就是操作页面的短程序，通过和标志插入到HTML文档中。,符号是HTML的开始和结束注释符号；/在Javascript中允许换行进行注释。The actual script commands中为用指定语言编写的命令；DHTML的可编程性，给Web页带来了新的功能。例如，以前在改变Web页的元素时，只能等待网页的重新下载，而使用DHTML，可

34、以单击屏幕上方的某个图像，就可以使屏幕下方的段落立刻发生变化，而不必再访问服务器，这一改变是通过编辑脚本程序实现的。通过编辑脚本程序，所有的表格可变成活的数据库，用户可以动态和排序地筛选其中的数据。这样一来，就减少了对服务器的请求，因此降低了服务器的负荷，提高了客户机和服务器的总体性能。,3使用样式表 CSS HTML的基础是层叠样式表CSS(Cascading Style Sheets)，样式是指由Web页作者定义的一组显示和定位属性。CSS最大的特点是面向对象的网页设计，解决Web页面的继承和显示问题。也就是说，把每一页、每一段落、每个图像和表格都看成是一个对象。然后声明该对象的每个实例。

35、每个实例都有一种样式(Style)，即一组属性或显示指令。只要声明一次，这些属性就会贯穿在整个网页甚至整个站点中。可以对每一种样式赋予一个名字，如H1、Li如果该样式的名称与一个有效的DHTML元素(或标记)的名称相同，则该样式就自动地作用于该元素的每一个实例；如果给一种样式所起的名称没有相应的DHTML标记，就必须人工地将该样式施加到希望它出现的地方。,CSS所能改变的属性包括：字体、文字间的间距、列表、颜色、背景、页边距和位置。CSS的格式有两种，嵌入式格式和格式页。嵌入式格式使用STYLE属性将格式应用在单个元素上。而使用格式页可将格式应用在网页或整个Web站点上。格式页可以是链接到HT

36、ML文档的一个外部文件，也可以包含在文档之中。嵌入式格式 使用STYLE属性可以将嵌入式格式应用在网页的任何标记上。例如：This text is in a SPAN.这里成对标记为不带任何格式的文本容器，当使用嵌入式格式STYLE=font-weight:bold将文本改为粗体字。,格式页 格式页包含一个或多个格式定义，采用和标记定义其边界。一个格式定义由跟在声明块后面的选择器组成。格式如下所示:Selectctorproperty：Value；property：Value；其中，selector表示要修改的元素，可以通过标记来定义，例如用A、P等，也可以通过ID来定义，还可以通过class

37、定义；Property表示要修改的属性，例如：color：value表示property的值，例如，对应color，可以将value的值设置为blue。下面是一个应用CSS的典型例子。,图9.3 使用样式表CSS,例9.4 Acolor:blue Pbackground-color:red;color:yellow 您好 请注意这一段文字的颜色和背景,程序的运行结果如图9.3所示。程序的运行结果如图9.3所示。1）定义使用样式以及类 下面的程序段中有两个样式：H1和B.typel。H1是一个有效的DHTML元素，在程序中由 标记的部分将继承样式H1的全部属性。类定义格式是元素名后加上一个圆点和

38、类名。本例用户创建的B元素类.typel，引用时要用来声明，标记的部分将继承样式B的全部属性。例9.5 使用样式和类设计网页，运行结果如图9.4所示,Welcome H1FONT-SIZE:10pt;COLOR:blue/定义样式H1/B.typeFONT-SIZE:16pt;COLOR:red/定义样式B/THIS IS A PICTURE/使用样式B/DO YOU LIKE THIS?/使用样式H1/,图9.4 使用样式和类,定义类class定义的类，是从现有类派生出来的，标志具有标志的所有属性。2）使用外部样式 样式表还可以存放在外部文件中，这个文件与页面的联系可以通过IMPOKT或LI

39、NK实现，例如，样式表存放在文件mysite.css中，在文档中可以插入下列代码调用外部样式表:4实现交互功能CSS本身没有交互功能，要实现交互，就须将CSS定义的对象与文档模型(DOM)结合在一起，将Web文档转换为DHTML文档。,DOM提供了脚本语言访问页上元素的途径，Microsoft和Netscape支持的对象模型有一些不同。在Microsoft的模型中，脚本语言可以访问HTML页面上的所有元素，所有元素都被反映为document.all中的对象。下面的程序段用于写出页面中所有的元素：for(I=0;I document.write(document.all I.tagname+n)

40、;在Netscape的模型中，脚本语言可以访问HTML页面上特定集合的元素，如标签中的内容。下面的程序段用于写出页面中所有layer的名称:for(I=0;I docment.layers.length;I+)document.write(document.layers I.name+n);,92 ASP编程技术1 ASP技术的工作原理 Microsoft Active Server Pages(ASP)是一个位于Web服务器端的开发环境，属于ActiveX技术中的Server端技术。通过这种环境，用户可以创建和运行动态的交互式 Web服务器应用程序，如交互式的网页，包括使用HTML表单收集和

41、处理信息。利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序。,一般的HTML页面访问，首先根据HTML文件的URL地址，用户通过浏览器将网页请求发送到服务器端，服务器收到请求，根据扩展名.html或者.htm判断HTML文件的请求，将相应的HTML文件从磁盘中取出送回浏览器，经浏览器程序解释后在浏览器窗口显示结果。在请求ASP程序的过程时，大部分过程与上面一样，ASP中的命令和Script语句都是由服务器来解释执行的，执行结果动态生成Web页面，回送到浏览器。具体说，当判断出ASP文件并从磁盘取出时，它是向特定的ASP.dll程序发送该文件，从上向下处理，执行这个请求文件中的所有

42、语句，然后生成一个HTML文件，结果以纯HTML代码形式发送到客户端浏览器，经过客户端浏览器解释后在浏览器中显示。请参看图9.5 ASP运行的原理图：,图9.5 ASP运行原理图,ASP文件的后缀名为asp，相当于一个可执行文件，放在Web服务器上有可执行权限的目录下。当浏览器向Web Server请求调用ASP文件时，就启动了ASP。Web Server开始调用ASP，执行每一个命令，然后动态生成一个HTML页面并送到浏览器。2 ASP运行环境和技术特点1）运行环境Active Server Pages是由Microsoft公司推出的，因此Microsoft公司推出的Internet信息服务

43、器（Internet Information Server，IIS）能实现Acdve Server Pages的强大功能，还有一些其他的服务器在安装了ASP组件后也能实现这个功能，运行ASP程序。,安装IIS步骤为：在控制面板下选择添加或删除程序选择添加/删除Windows组件选择Internet信息服务(IIS)。安装IIS后，在C盘会建立一个根目录Inetpub，其子目录wwwroot则支持信息发布。如果将*.asp程序置于c:Inetputwwwroot目录下，在地址栏输入http:/localhost/*.asp则可发布信息了。2）特点由于ASP是在服务器端执行的，则访问这些以.asp

44、为后缀的文件时，不能用实际的物理路径，而只能用其虚拟路径。而服务器端程序执行完毕后，服务器仅将执行的结果返回给客户端浏览器，减轻了客户端浏览器的负担。ASP有如下特点：无需编译，可直接在服务器端运行。可以使用了各种脚本语言，并使用普通的文本编辑器进行编辑。,ASP的运行与浏览器无关，用户端浏览器只解释和显示转换为HTML代码的 Active Server Pages所设计的网页内容。由于ASP程序的源代码不会被传到客户端，因而具有较高的安全性。3）Web应用程序目录 Web应用程序的起始文件是使用者执行整个Web应用程序的进入点，它的地位相当于C程序的main()函数。必须将Web应用程序起始

45、文件(默认的主文件名可以是index或default，文件扩展名可以是.htm、.html 或.asp)和Global.asa等文件放在虚拟的根目录中。每当客户机连接服务器而不指定文档名时，自动打开一个Default.htm文件。GlobaL.asa一定得放在虚拟根目录之下，否则，就完全没有作用。GlobaL文件中存放Web应用程序所需的使用层次(Session)、系统层次(Application)等对象或变量的声明。,由一个虚拟根目录之下的所有ASP文件构成了一个Web应用程序。一般可将编写的Web程序放在根目录Inetpubwwwroot下，当.htm和.asp这一类的文件数量通常很多时，

46、也可以在目录Inetpubwwwroot下建立一些新的目录。对于多媒体文件一般建一个新的目录专门存放。对于程序控件也应该建立一些专门存放的目录，例如ActiveX或Java。ActiveX专门存放ActiveX控制项，它们可能是.dll或.ocx等文件类型；而Java则专门存放Javaapplet及其相关类文件(可能是.class或.zip文件)。对于小规模的Web应用程序也可以用一个Bin存放所有的控制文件。无论任何类型的数据文件，也应该适当分类，并且存放在各自的目录里面。例如，可以为纯文本类型的数据文件建立一个Text目录，或者根据数据内容建立一个MailAddress的目录。如果数据文件

47、不多，可以只建个Data目录集中存放。,4）ASP与脚本语言的关系由 HTML页、脚本命令以及 ActiveX组件构成的ASP文档可以在ASP环境下运行，脚本命令嵌在HTML文档里，实现交互式的网页，所有的处理都在服务器端进行。ASP作为服务器端的对象模型，通过ASP对象所提供的方法和属性，可以很容易的操作服务器端的数据。ASP不是一种编程语言，通过JavaScript、VBScript和Java、ActiveX Server Component来实现ASP页面。例9.6 ASP与脚本语言的关系。,在例9.6中，if语句和赋值语句均为脚本语言VBScript的标准语法；而Session(Nam

48、e)则是ASP中Session对象的一个引用。5）服务器组件 一个服务器组件提供属性和方法来使用服务器资源，ASP提供了5个服务器组件，其中最重要的两个是数据库访问构件ADODB和文件访问构件FileSystemObject。调用服务器组件，先利用Server对象中的方法Create Object产生服务器组件对象实例，如下所示：Server.CreateObject(ProgID)ProgID指定了构件标识，构件可以是各种形式的可执行程序(如DLL、EXE等)，不必考虑它的位置,只要在WindowsNT/98中注册了这些程序，COM就会在系统资料库(Registry)里维护这些资料，同时以P

49、rogID让程序员调用。登记用regsvr32程序，可以用RegEdit程序来看ProgID。构件产生后，就可以使用它的方法和属性进行工作。一般使用Server构件的程序片段如下：set obj=Server.CreateObject(ProgID)产生构件 obj.Method 使用它的方法3 ASP应用实例 例9.7 编写客户端网页和服务器端的程序，实现留言板功能。客户端网页程序名为MessageBoard.htm；服务器端的ASP程序名为MessageBoard.asp。运行结果参见图9.6。,MessageBoard.htm填写留言 姓名:EMAIL:,留言:MessageBoard.

50、asp%author=request(author),email=request(email)qq=request(qq)msg=request(msg)post_time=now()dim connSet conn=Server.CreateObject(ADODB.Connection)conn.Open Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&Server.MapPath(data.mdb)dim sqlsql=INSERT INTO gbook(author,email,qq,msg,post_time)values(&author&