第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的使用

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

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

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

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

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

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

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

10、标题文字的大小。N取1到6的整数值，取1时文字最大，缺省时是。在一个标题行中无法使用大小不同的字体。,）强制换行标记 格式为： 文字 浏览器解释时，从该处换行。这是一个单标记。 ）设置文字格式 标记。标记可设定文字的字体、字号和颜色。格式为： 被设置的文字 size用来设置文字的大小。数字的取值从，size取1时最小，取7时最大。 face用来设置文字的字体。字体名可以为：宋体、楷体、黑体等汉字字体；也可以为Time New Roman等约,种字体。这里的字体名其实就是在ord的“字体”工具栏中显示的字体名字。 color用来设置文字的颜色，颜色的取值与的取值方法相同。当与标记同时对文字颜色进

11、行定义时，标记优先。 设置字型：字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见表9.3所示。,表 9.3 设置各种字型的标记,例9.2 ：在网页上设置文字格式 设置文字格式 今天天气真好 显示红色黑体3号字 正常字显示带下划线显示 7）排 版,排版使用段落的成对标记和，和之间包含的一段文字为一个段落。标记 的参数align表示整个段落的对齐方式， 与标题标记的align格式相同，align的可选参数有left、center和right，分别为左、中和右对齐。中间对齐也可用成对标记完成。 例如： HTML语句 页面效果 左对齐的段落 左对齐的段落 右对齐右对齐的段落

12、右对齐的段落 中间对齐的段落 中间对齐的段落 中间对齐的段落 2 中间对齐的段落2,行缩进引用标记 来表示缩进。一对标记中的文字将向右缩进一段。 例如： HTML语句 页面效果 第一层 第一层 第二层 第二层 第三层 第三层 第二层 第二层 第一层 第一层 下面是一个最简单的Homepage源文件，页面效果参见图9.1：,例9.3 简单的主页实例 欢迎光临HTML世界。 html简单示例 其乐无穷! 欢迎学习使用HTML编制编制出自己的主页。 祝你成功！ ,图9.1 HTML主页,5 加入超链接 通过前面的介绍就可以创建简单的HTML文档，但当文本较复杂时常常需将一份文档与另一份文档连接起来。

13、HTML的主要特性之一就是链接。要在Web页面中加入超链接，可按以下进行： (1)开始标记； (2)要链接的目标文档名； (3)要链接的文本（超文本） (4)结束标记。 要创建完整的链接标记，必须在开始标记中设置超文本引用(HREF)属性。HREF描 述了点击该链结后文档跳转的目的地。例如要创建一个指向文档间的链接，可以使用以下链接,微软公司 要创建超链接，必须指明链接目标文件的存储位置，如果目标文档与当前文档存储在同一计算机内，可以使用绝对（完全的）地址路径或相对地址路径指明该文件的位置。如果使用绝对地址，必须在超链接标记内写明目标文档的完整路径，绝对寻址方式的主要问题是移动文件困难，因为每

14、次移动文档的存储位置后，都必须修正每一条绝对路径；而使用相对寻址可以简化移动文件的过程。使用相对寻址方式，需要指明该文档相对与其他文档的位置。表9.4列出了相对寻址和绝对寻址的不同点。,表9.4 相对寻址和绝对寻址的不同点 路径名 寻址方式和绝对寻址的不同点 index.html 相对寻址。该超连接目标文件与源 HTML文件在同一目录下 temp/index.html 相对寻址。该超连接目标文件放在当前目录的temp子目录下 ?index.html 相对寻址。该超连接目标文件放在当前目录的上一级目录中c:tempindex.html 绝对寻址。该超连接目标文件放在c盘驱动器的temp目录下,在

15、大多数情况下，应该使用相对寻址。相对寻址很容易把全部文件从一个目录拷贝到另一个目录，从一个驱动器拷贝到另一个驱动器，或从一个平台拷贝到另一个平台。 HTML允许定义文档内部的链接， 例如 Anchor1 说 明 了 在“ Anchor 1” 前有一个跳转点。 用 Goto Anchor1 则可跳转至 Anchor1处。 6图象及动画的嵌入 1）图象的嵌入 图象嵌入的标记为,其属性为Src，Alt，Align，Width，Height，Border， HSpace和VSpace。 Src指定嵌入图象的图象文件名。例如 src=images/Red_flag.gif Alt指定图象文件尚未装入时，

16、代替图象显示的文字。,例如 该语句表示将在图象尚未装入时显示一个箭头。 Width和Height分别指定图象的宽和高。 Border指定图象边框的宽度。 HSpace和VSpace分别指定图象外水平和竖直留空的宽度。 2) 动画的嵌入 浏览器支持GIF 格式的动画文件。只需生成这种动画文件，和图象文件完全一样， 嵌入HTML即可。可以用Gif Constructor工具来生成这种动画文件。 7.列表 列表适合于罗列有关信息内容。列表项可以是段落、有格式文本或超媒体连接。列表可以嵌套,显示时按层次缩进。列表可分为三种:枚举式、编号式、定义式。,1）枚举式列表 枚举式列表使用成对标记UL和一个以上

17、的LI语句来定义。列表项目以数字、字母顺序排列。每个LI标示一项列表项。可以用TYPE属性定义UL和LI元素的风格。显示时,每个LI定义的项目前均有3个黑圆点作前导记号 。 例 : UL LI.first list item LI.second list item . /UL 2）编号式列表 编号式列表使用成对标记 OL和一个以上的 LI语句来定义。显示时每个LI定义的项目前均自动加有序列编号。例如: OL LI.first list item,LI.second list item . /OL 3）定义式列表 定义式列表使用成对标记DL来定义，该列表分为两层。使用标记和DD来定义层次。标记标

18、示被定义的目的标题；DD标记标示定义内容。显示时每个DT定义的列表项的下面，产生一段由DD定义的说明文字。例如: DL DTterm name DDterm definition . /DL 8. 表格,1）表格的属性 表格是由成对标记来标识的。它的属性有对齐方式 align、表格宽度 width、表格边界宽度border、表格中元素分隔线宽度cellspacing和元素与分隔线之间的距离cellpadding。属性align的参数为left、right和center；属性width 的参数为 n和n%、属性border、cellspacing和cellpadding的参数均为n。 表格宽度w

19、idth是指该表格的宽度，若是数字n则表示表格绝对宽度为n个象素；而若是百分数n%，指表格的宽度为其所在窗口宽度的百分之n，例如：百分之50。表格边界宽度border指表格的外部边界的宽度。,2）建立表格 建立表格的标记为成对标记、 和。 标记 说明表格的一行； 说明表格的列标题；说明表格的元素。其实列标题也是表格的元素，只是以标题字体显示 而已。 表格行的属性有align和valign。属性valign说明了表格行的元素的垂直对齐情况。属性valign的参数有top、bottom、middle和baseline。这里top、bottom和middle分别指的是元素顶对齐、底对齐、中间对齐，而

20、baseline指各元素按其第一行字的底线对齐。 9可点图 1）可点图类型,可点图类型有两种，服务器端图和客户端图。服务器端图在作为链接的图象成对标记 中加入参数 ISMap 即可。例如 建好图区域并命名后， 还需在图象标记 中引用参数usemap=#client。 例如 。 2）建立图区域的工具 在建立图区域时，特别是图象较复杂时，大量的坐标容易出错。可使用网页制作工具来建立图区域。例如FrontPage等。,10表单(FORM) （1）表单的基本属性 表单使用成对标记和来定义，属性包括ACTION、 METHOD、 ENCTYPE。动作属性action为递送信息的表单指定的URL地址， 例

21、如： 方式属性METHOD指明填表信息传输的方式，如何将表单提交给服务器，有两种标准方式可选:GET（获得）和 POST(邮递），默认方式为GET。GET将输入的信息转至ACTION所指定的URL位置作进一步处理,将表单中的参数信息合成在URL中，问号开头，使用“&”号分割参数。 例如，一个表单有一个http:/ Name的字段，在该字段中输入的文件名为Wenjian,则该表单将链接到 http:/ Name=Wenjian的位置上。在服务器端的mm.asp程序将截取问号之后的文本作为作为表单内容处理。 POST可将无限的信息发往 ACTION所指定的文件储存。其将传递的参数信息放置在http

22、协议的request部分，在地址栏看不到表单的信息。两种方法各有优缺点。 表单FORM的常用控件有输入（INPUT）、列表框（SELECT）和文本框（TEXTAREA） 2）输入控件 输入标记INPUT包含很多类型：参见图9.2,图9.2 标记INPUT的输入类型,每个标记均包含两个属性TYPE和NAME，属性type定义了输入的类型，例如：TYPE=text/password/checkbox/radio/submit/reset/button/image/hidden；属性NAME定义了该输入的名称，以便于接收信息的程序分辨各个参数，以及用于Javascript的引用；大多数包含VALUE

23、属性。 文本输入：valuea string说明了文本的初值。maxlength = n 说明了文本的最大长度。size =n说明文本条的长度为n个字符。如果输入的文本长度大于文本条的长度，则文本自动滚动。 密码输入：同文本输入，但输入的文字皆显示为“*”。 多选框：参数value=a string指明该多选框在提交时的值。参数checked说明该多选框初始为选择态：,多选框提交时若被选择，则以name=value（value缺省为on，即缺省为name=on）的方式提交，否则被忽略，不提交。 单选框：基本同多选框。但是单选框需要分组，name相同的分为一组，提交时以name=value（选中

24、单选框的value）的方式提交。 提交按钮：value = a string说 明 按 钮 的 标 题。一个表单中可有若干个提交按钮。当某一个按下后，该填表中的信息将提交给Form中Action参数指定的文件（程序），若 它有name 参数，它将参与提交：name = value；否则，被忽略。 复位按钮：value =a string说明按钮的标题。复位按钮不参与提交。 按 钮：value =a string说明了按钮的标题。,隐藏项：参数为name和value。不在屏幕上显示出来，通常与 Javascript或动态生成 HTML有关。可以利用Javascript修改它的value；动态生成

25、HTML的程序，也可以保存某些参数。 图画：参数为align src和name。图画类似于一个submit按钮，只是显示的是一个图画，在提交时鼠标点击的位置也以 “name.x=n&name.y=n“的方式一并提交服务器。 例如：生成文本输入框，宽为20个字符，字符数大于20时，出现滚动条。 3）列表框 列表框使用成对标记来定义。属性NAME定义了列表框的名字，如同多选框的一样。,在和之间，成对标记定义了列表框的项。 它的属性value=value1定义了当表单提交时，若列表框中该项被选中，提交的信息为selectname =value1，selectname为列表框的名字。在与之间的文字即为

26、该项在列表框中显示的文字。例如 学生成绩查询 的另一属性SELECTED指定列表框初始选择该项。又例如 学生成绩查询 以上是HTML的部分内容，限于篇幅，不再详述。下面来看看动态的HTML，即DHTML。,912 DHTML语言基础 动态超文本标记语言（DHTML）是在保持与现有HTML兼容的基础上扩展出来的几种新功能的总称。它将HTML标志与脚本语言组合起来，进行定位、利用CSS等操作文档的动态外观。其主要功能如下： （1）定义分层结构，显示Web文档的所有部分； （2）通过增加和删除内容来修改结构 （3）监视和管理网页目录特征的方法 （4）提供网页上内容如何与用户互动以及相互影响的方法。

27、1998年万维网协会(World Wide Web Consontium)制定了一个与平台和语言无关的规范，即文档对象模块DOM(Document Object Model)。,Internet Explorer动态HTML对象模块是对该规范的实施方案，它能使开发人员能通过编程控制网页上的所有情况，并可随时进行实质上的改变。DOM将HTML、CSS(层叠样式表)和脚本语言联合起来组成一个或多个人都能实现的互操作模型。 1DHTML对象模块的基本组件 DHTML对象模块由对象、属性、事件和方法构成，使开发人员能通过编程控制网页上所有情况，并可随时进行实质上的改变。 1）对象 网页上HTML中每个

28、元素在动态对象模块中都表现为对象，例如图像、文本框等。对象模块是所有这些对象的分层表示，最高层是当前网页的框架或者浏览器窗口。对象命名后，通过脚本语言来引用它。,2）属性 属性描述一个对象的信息。在DHTML中对象的属性通过CSS来指定。 3）事件 网页上每一个发生的动作，例如鼠标双击，都称为事件。当网页事件发生时，接收事件的项会通知动态对象模块事件发生，如果编制的脚本程序规定对事件的触发做出响应，则执行该脚本。 4）方法 方法描述了对于对象所采取的措施。例如，使窗口对象能打开新的浏览器的方法。 5）对象及属性的实例 Miccrosoft Internet Explorer支持DHTML对象模

29、块中的对象、属性、事件和方法。如果使用脚本语言编程操纵网页上的对象则可以控制网页的变化。下面介绍使文字移动的方法和多媒体页面显示的对象和属性。,移动文字使用成对标记 . ，将要移动的文字放在该标记中，文字则会动起来。该标记的属性有direction，bihavior，loop，scrolldelay，scrolldelay，Align，bgcolor，height，width和Margins 方向属性direction，可设置为left, right；格式为 #=left, right 方式属性bihavior可设置为scroll, slide, alternate，格式为 #=scroll,

30、 slide, alternate 循环属性loop可设置循环次数，格式为 #=次数 ；若未指定则循环不止(infinite) 速度属性scrollamount设置文字移动的快慢，可设置为数字，格式为 #=速度单位值 延时属性scrolldelay设置文字移动时停顿的间隔时间，可设置为数字。格式为 #=延时单位值,外观设置(Layout) 包括Align，bgcolor，height，width和Margins 对齐方式属性Align可设置为对齐上沿、中间、下沿。格式为 #=top, middle, bottom 底色属性bgcolor可设置为预定义色彩Black, Olive, Teal,

31、Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua。格式为 #=rrggbb 16 进制数码，或者是预定义色彩： 面积属性有height和width，格式为 #=面积单位值 空白（Margins）属性有hspace和vspace，格式为 #=空白单位值 多媒体页面(Alternative Inline Elements)包括多媒体文本、背景音乐和视频播放。,嵌入多媒体文本(EMBED) ，该标记可以用来在主页中嵌入多媒体文本，多媒体文本可以为电影(movie), 声音(

32、sound), 虚拟现实语言(vrml)等。格式为 #=URL 背景音乐 （BGSOUND），格式为 #=音乐文件的 URL #=循环数 例如： 插入视频剪辑 （DYNSRC）, 格式为 #=视频文件 例如： 播放视频文件Red.avi，在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示Red.gif图象，开始播放 AVI 的时间控制格式为 #=fileopen, mouseover 默认值是 #=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。,#=mouseover 是当鼠标移到 AVI 播放区域之上时才开始播放 AVI。也可以两者同时设置： 控制条，

33、用来在视频窗口下附加WINDOWS的AVI播放控制条。 循环播放 #=循环数 将循环播放不止。 延时 #=毫秒数 2脚本编辑 DHTML将每个对象向一个编程和脚本语言的框架开放，可使用编程语言C+操纵网页上的对象，也可使用Java script、VBscript操纵网页上的对象。脚本嵌在Web页中。Internet Explorer是一个脚本编辑主机。,VBscript是在Visual Basic基础上设计的，这一语言通过微软的信息服务器（IIS）和活动服务器网页（ASP）在Web服务器方得到支持。采用VBscript编写的脚本放在标记之间。 Java script使用了一些和Java相同的结

34、构和语法。采用Java script编写的脚本，脚本必须写在一系列脚本标记中，格式如下： 第一行为开始脚本编辑，指定了一种语言；最后一行为结束脚本编辑。脚本就是操作页面的短程序，通过和标志插入到HTML文档中。,符号是HTML的开始和结束注释符号；/在Javascript中允许换行进行注释。 The actual script commands中为用指定语言编写的命令； DHTML的可编程性，给Web页带来了新的功能。例如，以前在改变Web页的元素时，只能等待网页的重新下载，而使用DHTML，可以单击屏幕上方的某个图像，就可以使屏幕下方的段落立刻发生变化，而不必再访问服务器，这一改变是通过编辑

35、脚本程序实现的。通过编辑脚本程序，所有的表格可变成活的数据库，用户可以动态和排序地筛选其中的数据。这样一来，就减少了对服务器的请求，因此降低了服务器的负荷，提高了客户机和服务器的总体性能。,3使用样式表 CSS HTML的基础是层叠样式表CSS(Cascading Style Sheets)，样式是指由Web页作者定义的一组显示和定位属性。CSS最大的特点是面向对象的网页设计，解决Web页面的继承和显示问题。也就是说，把每一页、每一段落、每个图像和表格都看成是一个对象。然后声明该对象的每个实例。每个实例都有一种样式(Style)，即一组属性或显示指令。只要声明一次，这些属性就会贯穿在整个网页甚

36、至整个站点中。可以对每一种样式赋予一个名字，如H1、Li如果该样式的名称与一个有效的DHTML元素(或标记)的名称相同，则该样式就自动地作用于该元素的每一个实例；如果给一种样式所起的名称没有相应的DHTML标记，就必须人工地将该样式施加到希望它出现的地方。,CSS所能改变的属性包括：字体、文字间的间距、列表、颜色、背景、页边距和位置。 CSS的格式有两种，嵌入式格式和格式页。嵌入式格式使用STYLE属性将格式应用在单个元素上。而使用格式页可将格式应用在网页或整个Web站点上。格式页可以是链接到HTML文档的一个外部文件，也可以包含在文档之中。 嵌入式格式 使用STYLE属性可以将嵌入式格式应用

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

38、rty的值，例如，对应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的全部属性。类定义格式是元素名后加上一个圆点和类名。本例用户创建的B元素类.typel，引用时要用来声明，标记的部

39、分将继承样式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或LINK实现，例如，样式表存放在文件my

40、site.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“); 在Netscape的

41、模型中，脚本语言可以访问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表单收集和处理信息

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

43、后生成一个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信息服务器

44、（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是在服务器端执行的，则访问这些以.as

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

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

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

48、目录。如果数据文件不多，可以只建个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(“Name“)则是ASP中Session对象的一个引