Web数据库存基础教程ppt课件完整版.pptx

WebWeb数据库存基础教程数据库存基础教程1认识认识Web数据库数据库内容简介：内容简介：本章主要讲述了什么是本章主要讲述了什么是WebWeb数据库，学习数据库，学习WebWeb数据库需要掌握的各种工具和技能，以数据库需要掌握的各种工具和技能，以及及WebWeb数据库的开发环境。数据库的开发环境。1-1Web数据库概述定义：WebWeb数据库，即网络数据库又称网站数据库、数据库，即网络数据库又称网站数据库、网页数据库。简单地说，就是用户利用浏览网页数据库。简单地说，就是用户利用浏览器作为输入界面，输入必要的数据，浏览器器作为输入界面，输入必要的数据，浏览器将这些数据传送至网站，网站再对输入的数将这些数据传送至网站，网站再对输入的数据进行处理，并将执行后的结果返回给浏览据进行处理，并将执行后的结果返回给浏览器，再通过浏览器将最终的执行结果提交给器，再通过浏览器将最终的执行结果提交给用记。用记。1-1-1概述概述WebWeb数据库公式：数据库公式：WebWeb数据库（数据库（Web DBWeb DB）=因特网因特网+数据库数据库 即：即：Web Web DB=Internet+DBDB=Internet+DB客户机与服务器的交互示意图1-1-2发展经历发展经历l1945年VannevarBush提出了超文本文件的格式。l1965年TedNelson第一次使用“超文本”一词来形容这种管理信息系统。l1967年，世界上第一个能真正运行成功的“超文本编辑系统”。l1969年，美国国防部高级研究计划署建立了阿帕网，该网络最成功的技术就是TCP/IP协议。l1990年美国国防部正式取消了原来的阿帕网，代之以美国国家科学基金会管理的互联网。1995年以后，原本只限于一小部分人使用的互联网逐步向大众公开。l80年代末，在欧洲Berners-Lee使用超文本为中心的管理方式来组织网络上的资料，提出建立、存取与浏览网页的方法；建立超文本标记语言；设计超文本传输协议用于获取超链接文件；使用统一资源定位器来定位网络文件、站点或服务器。l1992年，MarkAndreeseen设计出世界上第一个WWW上最著名的搜索引擎“雅虎“。l1997年12月万维网联盟发布了HTML4.01版。1-1-3使用使用Web数据库的基本概念数据库的基本概念l网络给我们带来了无限精彩的世界，而早期开发的数据库基本上都是基于本地机的，对数据的查询、更改等操作均在单机上完成，它无法带给我们一种无地域限制的享受。现在我们将要学习的WEB数据库可以通过编写ASP程序，利用ADO对象，调用ODBC或OLEDB驱动程序等。图1-2给出该过程的示意图图图1-2访问访问WebDB过程示意图过程示意图1-1-4ASP、ADO和和Web数据库的关系数据库的关系lASP的出现代表Web技术的重要进步。ASP是通过一组ADO对象模块访问数据库，无论采用Access、SQLServer、VisualFoxPro、Informix、Oracle、dBase或其他什么数据库，只要该数据库具有与之对应的ODBC或OLEDB驱动程序，ADO对象就能对其进行访问。l本系统可以使用Access、SQLServer、Oracle等3种数据库从事ASP网络数据库设计。图图1-4、图、图1-5图图1-4访问多种数据库的示意图访问多种数据库的示意图图图1-5查看用户系统中已安装的驱动程序查看用户系统中已安装的驱动程序1-2Web数据库的开发环境数据库的开发环境软件配置：软件配置：l操作系统操作系统 Microsoft Windows 2000 ServerMicrosoft Windows 2000 Serverl字处理软件字处理软件 Microsoft Word 2000Microsoft Word 2000l浏览器浏览器 Microsoft Internet Explorer 5.0Microsoft Internet Explorer 5.0以上以上l网页设计软件网页设计软件 Microsoft FrontPage 2000Microsoft FrontPage 2000lASPASP编辑调试工具编辑调试工具 Microsoft Visual InterDev 6.0Microsoft Visual InterDev 6.0l服务器软件服务器软件 Internet Information Server 5.0Internet Information Server 5.0l数据库存软件数据库存软件 Microsoft Access 2000Microsoft Access 2000硬件配置硬件配置l只要用户的电脑安装和配置了上述软件，且能正常运行。只要用户的电脑安装和配置了上述软件，且能正常运行。1-3小结小结l本书以丰富的实例为用户创建了一个学习本书以丰富的实例为用户创建了一个学习WebWeb数据库的轻松环境，引导和帮助用户学习和掌数据库的轻松环境，引导和帮助用户学习和掌握握WebWeb数据库的基本技术，使用户循序渐进地数据库的基本技术，使用户循序渐进地掌握掌握HTMLHTML、VBScriptVBScript、ASPASP、ADOADO和和WebWeb数据库数据库（WebDBWebDB）的设计、开发、并基本掌握）的设计、开发、并基本掌握CSSCSS、FrontPageFrontPage、Visual InterDevVisual InterDev等的使用。等的使用。2 Web2 Web数据库的基石数据库的基石内容简介：内容简介：内容简介：内容简介：本章将重点学习超文本文件的应用、超文本文件本章将重点学习超文本文件的应用、超文本文件的基本结构、语法和基本标记，了解层叠样式表的基本结构、语法和基本标记，了解层叠样式表CSSCSS的基本使用方法和可扩展标记语言的基本使用方法和可扩展标记语言XMLXML的作用。的作用。WebWeb数据库能得到广泛的认同和快速的发展，其根本原因之数据库能得到广泛的认同和快速的发展，其根本原因之一就是轲构在超文本标记语言之上。超文本标记语言是网一就是轲构在超文本标记语言之上。超文本标记语言是网络上用于发布信息的首选语言，最早应用于网页制作，是络上用于发布信息的首选语言，最早应用于网页制作，是我们开发、研究我们开发、研究WebWeb数据库的开发和形容，在学习数据库的开发和形容，在学习VBScriptVBScript、ASPASP等以前很有必要去了解和掌握它。超文本等以前很有必要去了解和掌握它。超文本标记语言比较简单，通过本单的介绍和实际操作相信用户标记语言比较简单，通过本单的介绍和实际操作相信用户很快就可以掌握。很快就可以掌握。例例2.12.1是我们的第一个超文本标记语言是我们的第一个超文本标记语言程序。程序。例2.1认识用超文本标记语言书写的程序例2.1认识用超文本标记语言书写的程序（L2-1.htm）。超文本标记语言源程序读书人有三个意境昨夜寒风凋碧树，独上高楼，望断天涯路。衣带渐宽终不悔，为伊消得人憔悴。众里寻她千百度，蓦然回首，那人却在灯火阑珊处。昨夜寒风凋碧树，独衣带渐宽终不悔，为伊消得人憔悴。众里寻她千百度，蓦然回首，那人却在灯2-1 2-1 从纯文本文件到超文本文件从纯文本文件到超文本文件众所周知，扩展名.txt的文件是纯文本文件。那么制作网页最简单的方法，就是将已有的纯文本文件的扩展名更改为.htm或.html。这样的纯文本文件将被浏览器识别和解释，并显示在屏幕上。2-1-1用记事本制作网页 选择Windows的【附件】，打开【记事本】，在上面任意写上一串字符“XYZ”。单击菜单栏中的【文件】【另存为】,设文件名为File.htm(注意，扩展名必须是.htm/.HTM或.html/.HTML,大小写字母可以混用),再用IE浏览器打开.在IE浏览器的主窗口就会显示出刚刚输入的字符串“XYZ”。就这么简单，它就是你的第一个网页。这种用记事本编辑超文本的方法，往往是Web程序员最简单、最直接的方法。2-1-2用用Word2000制作网页制作网页 在Word的窗口中输入字符串，如：9876。单击菜单栏中的【文件】【另存为Web页】,取名（如：File2.htm）后，单击【保存】按钮。再用IE浏览器打开File12.htm.在IE浏览器下你将看到刚刚输入的字符串：9876。这就是你的第二个网页。注意：也可以在Word下编辑HTML文件，但存盘时应以文本文件的格式保存，如选择“纯文本”格式等。2-1-3用用IE浏览器制作网页浏览器制作网页 打开浏览器，使用“空白页”（用鼠标单击IE浏览器菜单的【工具】【Internet选项】,单击【使用空白页】按钮,单击【应用】按钮,单击【确定】按钮关闭）,单击菜单栏【查看】【源文件】,将弹出“记事本”窗口,如图:浏览器下弹出的“记事本”2-1-4用FrontPage2000制作网页进入进入FrontPage2000FrontPage2000，出现，出现“new_page_1.htm”new_page_1.htm”页页面，单击左下方的面，单击左下方的HTMLHTML标签，在蓝色字体标签，在蓝色字体与与之间（当然也可以在其他位置）之间（当然也可以在其他位置）任意位置处输入一串字符（如任意位置处输入一串字符（如图图2-32-3所示），保存为所示），保存为File4.htm,File4.htm,运行运行File4.htmFile4.htm，输入的字符串立即显示在，输入的字符串立即显示在屏幕上。这就是所要的第四个网页。屏幕上。这就是所要的第四个网页。HTMLHTML不是程序语言，而是一种文字处理语言。它不是程序语言，而是一种文字处理语言。它包含用来控制文字、图片等在浏览器中的表现，以包含用来控制文字、图片等在浏览器中的表现，以及如何建立文件之间链接的标记，这些标记均放在及如何建立文件之间链接的标记，这些标记均放在文本格式的文件中。文本格式的文件中。图图2-3FrontPage2000的的HTML标签页标签页FrontPage2000的HTML标签页2-2 2-2 超文本标记语言的语法超文本标记语言的语法超文本标记语言HTML是标记的集合，是标准通用标记语言（StandardGeneralizeMarkupLanguage,SGML）的一个子集。被一对尖括号“”括起来，标记一般成对出现。网页的内容和各种标记的有机结合就构成了千姿百态的网页“世界”。标记（Tags）和属性（Attributes）构建了HTML的语法。浏览器只要读到HTML的标记和属性，就会将其解释成网而或网页的某个组成部分。它的基本构成如下：1.标记：标记就是给文档中某些具有特殊含义的部分作上标识的过程，标记的符号（等）（常简称标记或标识），是该过程折具体实现。HTML标记通常分为两种，一种用来识别网页上的组件或描述组件的样式，如网页的主体（）、网页的标题()、标题一()、标题二()、段落()、斜体()、粗体（）等；另一种用来指出其他资源，如用来识别网页内的位置或超链接、用来连接音乐文件、用来插入图片等。2.属性：属性是存储属性值的变量。HTML中的许多标记都含有提供相关信息属性。如：设置文档的第1级标题文字，位置居中，文字为红色。其例句如下：标题字符尺寸、位置与颜色标题字符尺寸、位置与颜色起起空空属属值值空空属属值值内内结结始始格格性性 格格性性容容束束标标标标记记记记3.值：属性通常含有一个值（Value），该值应在规定的区域内选取。4.嵌套标记：根据网页版式设计的要求有时需用一个以上的标记来表示页面的数据。5.空格符：HTML标记间多余的空格符或回车符，浏览器是不理会的。如下页图2-46.6.特殊字符：在特殊字符：在HTMLHTML语言中定义了一些用户不能语言中定义了一些用户不能直接从键盘输入的特殊字符，如：字符（直接从键盘输入的特殊字符，如：字符（&）、双）、双引号引号(“”)(“”)、小于、小于()()()、空格符等，它们不能、空格符等，它们不能直接用于直接用于HTMLHTML文档在浏览器中的显示。文档在浏览器中的显示。HTMLHTML语语言要求其输入的对应符号分别为：言要求其输入的对应符号分别为：%amp;%amp;、""、<<、>>和和  。图图2-32-3排列整齐的源代码排列整齐的源代码2-3超文本标记语言的基本结构超文本标记语言的基本结构一般将HTML语言的文件分为三个部分，它们是：HTML的版本声明，即序（Prologue）头部（Head）文件主体(Body)HTML语言文件的主要部分是头部和文件主体。HTML语言的基本结构HTML语言的基本结构如下：基本结构样板程序 !-HTML的部分从这里开始-这里是基本结构样板程序的HTML正文。!-HTML的部分在这里终止-2-4超文本标记语言的标记简介超文本标记语言的标记简介1.基本标记（BasicTags）2.文本、字符格式（Text&CharFormat）3.列表标记（Lists）4.锚与超链接（AnchorandHyperlink）5.表格(Tables)6.表单（Forms）1.基本标记（BasicTags）1.1.定义超文本文档，描述定义超文本文档，描述WebWeb页面的起页面的起始与终止。始与终止。2.2.设置页面的头标部分，用来包含当前设置页面的头标部分，用来包含当前文档的一些相关信息。文档的一些相关信息。3.HTML3.HTML文档均应该包含文档均应该包含标记，标记，用来指明文件的标题。用来指明文件的标题。4.4.放置放置WebWeb页面的正文内容，包含文件页面的正文内容，包含文件内的文字、超链接文字的颜色、背景色彩、图片、动画、内的文字、超链接文字的颜色、背景色彩、图片、动画、影像、音效等几乎所有对网页的展示功能。影像、音效等几乎所有对网页的展示功能。5.5.用来介绍与文件内容相关的信息。用来介绍与文件内容相关的信息。6.6.设置链接的基准路径，该标记可以设置链接的基准路径，该标记可以大大简化网页内超链接的全路径，这里只要给出相对于大大简化网页内超链接的全路径，这里只要给出相对于BaseBase原指定的基准地址的相对路径即可。原指定的基准地址的相对路径即可。2.文本、字符格式（Text&CharFormat）1.1.标题文字（标题文字（n=1n=16 6）从）从到到共有共有6 6种标题标记来种标题标记来标记标题文字。如标记标题文字。如图图2-62-62.2.换行标记，单标记。换行标记，单标记。3.3.定义段落（分段），常用双标记，也可用单个标记。定义段落（分段），常用双标记，也可用单个标记。如如图图2-72-74.4.在在之间的内容将以预格式化的之间的内容将以预格式化的文本方式显示，包括回车换行以及跳格等。文本方式显示，包括回车换行以及跳格等。5.5.可以作为文本与文本之间的分界标记，通常是一个全宽可以作为文本与文本之间的分界标记，通常是一个全宽的水平线。如的水平线。如图图2-72-7中的全宽水平线。中的全宽水平线。6.6.字符格式：字符格式：黑体黑体斜本斜本下划线下划线强调强调加粗加粗定义等宽定义等宽字体字体定义上标定义上标定义下标定义下标7.7.字体：字体：改变字符串的字体、尺寸与颜色改变字符串的字体、尺寸与颜色变更网页默认字体、尺寸与颜色变更网页默认字体、尺寸与颜色3.列表标记（Lists）1.定义列表（DefinitionList）设置定义列表的标记；设置定义列表的项目；设置定义列表的项目说明；设置紧密排列的定义列表2.无序号列表（UnorderedList）如图2-83.有序号列表（OrderedList）如图2-84.锚与超链接（AnchorandHyperlink）锚（锚（AnchorAnchor）是用来建超链接标记的，是用来建超链接标记的，这两个这两个AnchorAnchor分别称为超链接的头和尾。分别称为超链接的头和尾。AnchorAnchor由由AnchorAnchor地址识别，地址识别，AnchorAnchor地址是一个完全的统地址是一个完全的统一资源标记（一资源标记（UniversalResourceUniversalResourceIdentifiers,URIIdentifiers,URI）。通常使用）。通常使用HREF=“URL”HREF=“URL”属性来属性来指定超链接所链接文件的相对或绝对位置。指定超链接所链接文件的相对或绝对位置。注：注：URLURL即即UniformResourceLocator,UniformResourceLocator,通常称它通常称它为统一资源定位器，它只是为统一资源定位器，它只是URIURI更一般的资源命更一般的资源命名方案的一个子集。名方案的一个子集。5.表格(Tables)常用表格来精确定义页面文本或图片等的排版格式。用来定义一个表格。表格内数据表格行给出表格的标题。6.表单（Forms）表单的作用与表格完全不同，它是程序设计者提表单的作用与表格完全不同，它是程序设计者提供一种让用户填写的供一种让用户填写的HTMLHTML文件，用户填好表单文件，用户填好表单后，按需要提交或放弃。后，按需要提交或放弃。表单的一般标记有：表单的一般标记有：（1 1）交互式表单；交互式表单；（2 2）输入表单控件；输入表单控件；（3 3）菜单类控件中的可菜单类控件中的可选项，在选项，在中使用；中使用；（4 4）菜单类控件；菜单类控件；（5 5）多行文本域。多行文本域。图2-6标题文字字体图2-8无序号和有序号列表图2-7显示分段、换行页面2-5CSS简介简介层叠样式表（层叠样式表（CascadingStyleSheets,CSSCascadingStyleSheets,CSS）由）由WWWWWW标准化组织制定，主要用来定义网页字符标准化组织制定，主要用来定义网页字符数据的处理，包括：字符的格式化、显示、编排、数据的处理，包括：字符的格式化、显示、编排、打印和特殊效果等，以此来弥补打印和特殊效果等，以此来弥补HTMLHTML标记在数标记在数据处理上的不足。本书介绍了在据处理上的不足。本书介绍了在HTMLHTML中使用中使用CSSCSS的四种方法：的四种方法：1.1.直接在直接在HTMLHTML语句中插入语句中插入CSSCSS的定义，用户可将的定义，用户可将它们放进它们放进中试一试中试一试:Ahref=http:/style=text-decoration:none取消下划线取消下划线取消下划线取消下划线超链接有下超链接有下超链接有下超链接有下划线划线划线划线CSSCSS有许多类似有许多类似有许多类似有许多类似HTMLHTML的地方，如被定义的值由的地方，如被定义的值由的地方，如被定义的值由的地方，如被定义的值由英语字母、数字、减号、小数点所组成，则双引英语字母、数字、减号、小数点所组成，则双引英语字母、数字、减号、小数点所组成，则双引英语字母、数字、减号、小数点所组成，则双引号可以省略等。但号可以省略等。但号可以省略等。但号可以省略等。但CSSCSS增加了很多功能，如进入增加了很多功能，如进入增加了很多功能，如进入增加了很多功能，如进入或退出页面时的多种变化（如下两句，更多详细或退出页面时的多种变化（如下两句，更多详细或退出页面时的多种变化（如下两句，更多详细或退出页面时的多种变化（如下两句，更多详细情况可情况可情况可情况可表表表表2-12-1）METAhttp-equiv=Page-EnterTransition=23)METAhttp-equiv=Page-ExitTransition=23)取值功能（进入）功能（退出）0矩形收缩矩形收缩1矩形扩展矩形扩展2图形收缩图形收缩3图形扩展图形扩展4由下向上拉开由下向上拉开5由上向下拉开由上向下拉开6由左拉至右由左拉到右7由右拉至左由右拉到左8纵向百叶窗纵向百叶窗9横向百叶窗横向百叶窗10横向马赛克横向马赛克11纵向马赛克纵向马赛克12渐显渐隐13关幕关幕14拉幕拉幕15拉幕（上下中心）拉幕（上下中心）16拉幕（中心上下）拉幕（中心上下）17右上角至左下角右上角至左下角18右下角至左上角右下角至左上角19左上角至右下角左上角至右下角20左下角至右上角左下角至右上角21水纹渐显水纹渐隐22纵向水纹渐显纵向水纹渐隐23随机随机表2-12.2.在在在在HTMLHTML文档内嵌入文档内嵌入文档内嵌入文档内嵌入CSSCSS的定义。用的定义。用的定义。用的定义。用标记声明层叠样式表的定义，并放在标记声明层叠样式表的定义，并放在标记声明层叠样式表的定义，并放在标记声明层叠样式表的定义，并放在HTMLHTML文档文档文档文档的的的的中。中。中。中。例例2.22.2在在HTMLHTML文文档档内内嵌嵌入入CSSCSS的的定定义义（L2-2.htmL2-2.htm）（该该例例仅仅给给出出CSSCSS在在HTMLHTML中中的的定定义义，见实例十二）。见实例十二）。!.aa1font:24pt/27pt;font-.aa1font:24pt/27pt;font-style:italic;color:#00aa22;font-family:style:italic;color:#00aa22;font-family:楷体楷体_GB2312;_GB2312;.aa2font:11.5pt/12pt;font-family:.aa2font:11.5pt/12pt;font-family:隶书隶书;.aa3font:20pt/20pt;font-family:.aa3font:20pt/20pt;font-family:黑体黑体;.aa4font:12pt/20pt;font-family:.aa4font:12pt/20pt;font-family:黑黑体体;字体规格、行距字体规格、行距 Atext-transform:Atext-transform:capitalize;capitalize;text-decoration:text-decoration:none;none;每每个单词的第一个字母大写个单词的第一个字母大写 atext-decoration:none atext-decoration:none 取消超链接时的下划线取消超链接时的下划线 a:hoverText-decoration:underline;color:#dd5511 a:hoverText-decoration:underline;color:#dd5511 超链接时的颜色超链接时的颜色 3.在独立的文本文件中（扩展名必须是.css）定义CSS格式。使用时，将其链接或导入到HTML中。图2-9将CSS文件链接或导入到HTML中例2.3多个HTML文档使用同一个层叠样式表 例例2.32.3多多个个HTMLHTML文文档档使使用用同同一一个个层层叠叠样样式式表表.将将层层叠叠样样式式表表定定义义在在单单独独的的文文本本文文件件中中（见见图图2-92-9），然然后后链链接接（LinkLink）或或导导入入（ImportImport）到到HTMLHTML文档中。文档中。（a a）（）（L2-3a.htmL2-3a.htm）在文档使用链接样式表在文档使用链接样式表 LINK TYPE=text/css 链链接接样样式式表表就就是是将将定定义义在在单单独独文文本本文文件件中中的的层层叠叠样样式式表表链链接接(Link)(Link)到到HTMLHTML文档，本例定义字体为隶书、大小为文档，本例定义字体为隶书、大小为2828点、颜色为棕色。点、颜色为棕色。（b b）（）（L2-3b.htmL2-3b.htm）在文档使用导入样式表在文档使用导入样式表 !-导导入入样样式式表表就就是是将将定定义义在在单单独独文文本本文文件件中中的的层层叠叠样样式式导导入入(Import)(Import)到到HTMLHTML文文档档中中，本本例定义字体为隶书、大小为例定义字体为隶书、大小为2828点、颜色为棕色。点、颜色为棕色。（a a）、（）、（b b）两例中使用的）两例中使用的CssFile.cssCssFile.css文档内容如下（文档的扩展名必须是文档内容如下（文档的扩展名必须是.css.css）：）：BODYBODY font-family:font-family:隶书隶书;font-size=28;font-size=28;color:Brown color:Brown 4.在HTML文档中套用CSS类别。可以直接在HTML文档内的样式表文件中定义不同的样式类别（StyleClass），供HTML文档在需要时套用，如图2-10所示。图2-10将样式表的定义直接放入HTML文档内 例例2.42.4在在HTMLHTML文档内套用层叠样式表类别（文档内套用层叠样式表类别（L2-4.htmL2-4.htm）。）。套用不同的样式类别套用不同的样式类别 !-浣溪沙浣溪沙 游蕲水清泉寺，寺临兰溪，溪水西流。游蕲水清泉寺，寺临兰溪，溪水西流。山下兰芽短浸溪，松间沙路净无泥，萧萧暮雨子规啼。山下兰芽短浸溪，松间沙路净无泥，萧萧暮雨子规啼。谁说人生无再少，门前流水尚能西，休将白发唱黄鸡。谁说人生无再少，门前流水尚能西，休将白发唱黄鸡。DIV CLASS=zhu1注注释释：蕲蕲水水现现在在湖湖北北省省浠浠水水县县。清清泉泉寺寺在在蕲蕲水城外。水城外。题解题解 苏轼这一次游清泉寺，苏轼这一次游清泉寺，是在生了一场大病恢复健康之后，又正值景色美丽的春天，心情很舒畅。是在生了一场大病恢复健康之后，又正值景色美丽的春天，心情很舒畅。“溪水西流溪水西流”给了他启示和鼓舞，他觉得老年人也可以和年轻人一样发挥充沛的精力。给了他启示和鼓舞，他觉得老年人也可以和年轻人一样发挥充沛的精力。2-6 XML2-6 XML及其他及其他 2003年2月10日是XML的五周岁生日，1998年互联网联盟W3C正式推出XML。和HTML不同，HTML是一种显示输出标记语言，只显示信息，不描述信息；XML是一种描述信息的标记语言，它不涉及任何显示信息的处理，而是使用其他语言来完成这一任务。由于XML结构清晰、开放性强，使得它荣获了新一代“世界语”的美称，其扩展名是.xml。XML对字母的大、小写比较敏感，对起始和结束标记的配对要求严格，一些在HTML中可以“混”过去的语句，在XML中将受到严格的限定。担当XML显示输出任务的语言之一是XSLT，它可以将XML转化成HTML语言，可以过滤、选择和格式化XML的数据。例2.5 使用XML文档例2.5 使用XML文档（L2-5.xml）。01:02:03:04:05:Web数据库基础06:春风07:北京08:09 29010:2511:2003.312:13:例例2.62.6定义并显示定义并显示XMLXML文档的文档的XSLTXSLT文档（文档（L2-6.xslL2-6.xsl）01:!-01:-02:xsl:stylesheet 02:xmlns:xsl=http:/www.w3.org/TR/WD-xsl !-03:03:04:04:05:05:06:06:07:07:08:08:书名书名 09:09:作者作者 10:10:出版地出版地 11:11:出版社出版社 12:12:页数页数 13:13:价格价格 14:14:出版日期出版日期 15:15:16:xsl:for-each select=16:-17:17:18:xsl:value-of select=18:-19:xsl:value-of select=19:/20:xsl:value-of select=20:/21:xsl:value-of select=21:/22:xsl:value-of select=22:/23:xsl:value-of select=23:/24:xsl:value-of select=24:/25:25:26:26:27:27:28:28:29:29:30:30:31:31:2-7实训题实训题实例一实例一 文字字体（文字字体（SL2-1.htmSL2-1.htm）。）。实例一实例一 文字字体文字字体乱石穿空，惊涛裂岸。（默认字体）乱石穿空，惊涛裂岸。（默认字体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（BoldBold粗体）粗体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（ItalicItalic斜体）斜体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（BoldBold粗体、粗体、ItalicItalic斜体）斜体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（BigBig大字体）大字体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（BigBig加大字体）加大字体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（SmallSmall小字体）小字体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（SmallSmall减小字体）减小字体）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（DeletedDeleted给文本加删除线）给文本加删除线）乱石穿空，惊涛裂岸。（乱石穿空，惊涛裂岸。（UnderlinedUnderlined给文本加下划线）给文本加下划线）实例二表格内文字的置位（左、中、右）（SL2-2.htm）。实例二 表格内文字的置位字符位置置左字符位置置中字符位置置右说明：文件中有四个bgColor，前两个分别表示网页、表格的颜色属性，后两个表示单元格的颜色属性。中的ALIGN=center、WIDTH=90%、BORDER=2分别表示整个表格的位置居中、占全屏幕宽度的90%、边宽为2。若设BORDER=0，表格的边框线将被隐去，仅剩表格中的三部分内容。通常许多网站的网页采用这种表格定位的方法来定制页面布局。对于表格的位置除用中的属性ALIGN（只有left、center、right三个值）外，也可在前加、三种标记，设置左、中、右三个位置。实例三标记的作用，如图2-11所示（SL2-3.htm）。实例三 标记的作用编号 品名 数量 单价（元）备注0001 主板 20 600 售出0002 硬盘 30 700 库存0003 键盘 10 50 库存0004 光驱 15 300 售出编号 品名 数量 单价（元）备注0001 主板 20 600 售出0002 硬盘 30 700 库存0003 键盘 10 50 库存0004 光驱 15 300 售出实例四实例四实例四实例四 增加图片的摘要信息，并除去图片的边框（增加图片的摘要信息，并除去图片的边框（增加图片的摘要信息，并除去图片的边框（增加图片的摘要信息，并除去图片的边框（SL2-4.htmSL2-4.htm）。）。）。）。实例四实例四实例四实例四 摘要信息、零边框等摘要信息、零边框等摘要信息、零边框等摘要信息、零边框等IMG 其一：其一：其一：其一：FONT title=搜狐网站搜狐网站搜狐网站搜狐网站其二：其二：其二：其二：A 新浪网站新浪网站新浪网站新浪网站实例五页面的背景参数与超链接参数（SL2-5.htm）。实例五 应用背景参数与超链接参数鸭堡地图经干院东方明珠实例六网页内部或外部的超链接（SL2-6.htm）。实例六 内部、外部超链接第1章 （文本内容，最好超出一个页面）返回第1章绿海星红色风暴163邮箱实例七点击超链接时启动新窗口（SL2-7.htm）。实例七 启动新窗口红宝石实例八动态文字（SL2-8.htm）。实例八 动态文字春 雨 潜 入 夜春雨潜入夜春雨潜入夜，瞒人去润花。实例九打开网页时自动链接到本站的其他页面（SL2-9.htm）。实例九 自动链接演示自动链接到其他页面 实例十网页的背景音乐（SL2-10.htm）。实例十 背景音乐2008中国北京！实例十一表单（SL2-11.htm）。实例十一 表单 学号： 班级：一班 二班 姓名： 我的建议：      实例十二应用层叠样式表（SL2-12.htm）。实例十二 应用层叠样式表.aa1font:24pt/27pt 楷体_GB2312;font-style:italic;color:#00aa22;.aa2font:11.5pt/12pt 隶书.aa3font:20pt/20pt 黑体.aa4font:12pt/20pt 黑体 Atext-transform:capitalize;text-decoration:none;a:hoverText-decoration:underline;color:#dd5511 -清孙髯翁昆明大观楼（天下第一长联）五百里滇池，奔来眼底，披襟岸帻，喜茫茫空阔无边。看东骧神骏，西翥灵仪，北走蜿蜒，南翔缟素，高人韵士，何妨选胜登临。趁蟹屿螺洲，梳裹就风鬟雾鬓；更苹天苇地，点缀些翠羽丹霞。莫孤负四围香稻，万顷晴沙，九夏芙蓉，三春杨柳。数千年往事，注到心头，把酒凌虚，叹滚滚英雄谁在。想汉习楼船，唐标铁柱，宋挥玉斧，元跨革囊，伟烈丰功，费劲移山气力。尽珠帘画栋，卷不及暮雨朝云；便断碣残碑，都付与苍烟落照。只赢得几杵疏钟，半江渔火，两行秋雁，一枕清霜。实例十三层叠样式表与标记和鼠标样式（SL2-13.htm）。实例十三 标记和鼠标样式 .myTipA background-color:#EE00EE;color:#FFFF00;cursor:hand .myTipB background-color:#00BB78;color:#FFFF00;cursor:hand  CSS由WWW标准化组织制定，主要用来处理网页字符的格式化、显示、编排、打印和特殊效果等。以此来弥补HTML在数据处理上的不足。请参阅本章第2-5节。表2-2CSS鼠标样式的指定方法及图例指定方法演示效果图例说明cursor:auto;（无）这是默认的属性值，即鼠标根据页面不同的元素对象呈现不同的样式。例如超链接为手形，文字和输入框为“I”形等cursor:default;鼠标在任何地方都呈现普通的箭头形状cursor:hand;鼠标将呈现手的形状，同超链接的鼠标形状cursor:crosshair;在绘图时我们遇到过的精确定位的十字形鼠标cursor:text;“I”字形的鼠标，平时在文本上和输入框上可以见到cursor:move;鼠标由水平和竖直双箭头组成，移动Windows窗口时常见cursor:wait;鼠标呈现两个倒三角沙漏的形状，平时见于Windows程序忙的时候cursor:help;鼠标样式为一个普通箭头加一个问号，如果你在Windows窗口右上角单击“？”按钮后，也可以看到这种鼠标样式cursor:n-resize;鼠标箭头朝上方cursor:s-resize;鼠标箭头朝下方cursor:e-resize;鼠标箭头朝右方cursor:w-resize;鼠标箭头朝左方cursor:ne-resize;鼠标箭头朝右上方cursor:nw-resize;鼠标箭头朝左上方cursor:se-resize;鼠标箭头朝右下方cursor:sw-resize;鼠标箭头朝左下方 实例十四实例十四 层叠样式表与层叠样式表与和和在同一页面中的应用，如图在同一页面中的应用，如图2-162-16所示（所示（SL2-14.htmSL2-14.htm）。）。实例十四实例十四 SPANSPAN与与DIV DIV .SpanF1background-color:red;color:white;.SpanF1background-color:red;color:white;.SpanF2background-color:yellow;color:black;.SpanF2background-color:yellow;color:black;.SpanF3background-color:blue;color:white;.SpanF3background-color:blue;color:white;.SpanF4background-color:lime;col