《XML网页技术实用教程》课件第7次课

1项目4个人网上图书馆网页设计

―用XSL实现个性化显示2一、知识目标项目目标：通过个人网上图书馆网页设计实例的制作，展示了XSL在XML网页设计中的作用，并较为详细地讲解了XSL文件的结构、XSL的常用标记的使用方法，和使用XSL样式表对XML文档进行变换的方法。同时，对XSL模板的设计和使用也作了介绍。教学目标：1理解XSL文件的基本结构；2掌握XSL文件中使用CSS样式表的方法；3掌握XSL中常用元素的含义和使用方法；4掌握在XSL文件中HTML模板的设计方法；5理解XSL模板匹配和调用方法。3二、能力目标1培养设计XSL模板的能力；2培养阅读、书写XSL文件的能力；3培养利用XSL修饰、显示XML文档的能力；4培养利用XSL和XML进行网页设计的综合应用的能力。4三、教学任务1创建利用XSL修饰的个人网上图书馆首页XML网页；2制作借阅书籍分类展示的XML网页；3制作借阅书籍介绍XML页。54.1预备知识4.1.1XSL概述XSL（eXtensibleStylesheetLanguage可扩展样式语言）是为XML文档定义的一种标识语言，它将提供远远超过CSS的强大功能，如将元素再排序等。实际上简单的XML已可被CSS所解释，然而复杂的高度结构化的XML数据或XML文档则只能依赖于XSL极强的格式化的能力而展现给用户。6XSL以包含了一套元素集的XML语法规范而定义该语法规范将被用来把XML文档转换成HTML文档。一个XSL样式表集合了一系列设计规则以用于将信息从XML文档中提取出来，并将其转换成HTML等其它格式。这种转换将采用一种公开的方式，使其更加容易地被程序员描述。7可扩展样式表语言(XSL)包括转换语言和格式化语言。每种语言都是一种XML应用。转换语言提供定义规则的元素如何将XML文档转换为另一个XML文档。转换的XML文档可能使用原文档的标记和DTD，或者使用一组完全不同的标记。特别是可能会使用XSL第二部分(格式化对象)定义的标记。这里只讨论XSL转换语言中的部分内容。84.1.2XSL的编程思想对于作为表现对象的XML文档，XSL把它看成一棵由许多节点组成的树，这棵树称为源树。而组成XML文档的根元素和子元素都是源树的节点。当设计XSL文件来表现XML文档时，就是从源树的相应节点中取出需要的数据，而这些数据又形成一棵树，称为结果树。一旦构造出结果树，则结果树与源树之间就是相互独立的，对结果树中数据的操作不会对源树中的相应数据产生任何影响。通过这样的方式，XSL巳实现了XML文档的内容与表现形式的彻底分离。9组成结果树的数据也不是随意放置的，而是存放在XSL的模板中。你可以用多种方式来构造这个模板，但通常是使用HTML来制作放置结果树数据的模板，并把这个模板称为为HTML模板。如果要让结果树中的数据更好地表现在页面中，那么就可以通过设置HTML标记的STYLE属性或是使用<SYTLE></SYTLE>标记来定义需要的样式。而页面最终的显示处理工作将交给浏览器去完成。104.1.3结果树即XSL不仅仅是应用样式。当使用XML处理器时，XSL源文档中的信息将被评价、重新安排，然后重新组装。最终得到的不只是XML数据版本，而且还是可以被容易地添加、修改和重新排序的灵活的源信息。这个最终产品叫做结果树（ResultTree）。114.1.4XSL与CSS的比较CSS比XSL得到更广泛的支持。CSS更成熟一些，CSSLevel1（包含目前为止大部分CSS内容）和CSSLevel2是W3C的推荐规范。XSL仍然是一个早期的工作草案.XSL的功能很明显比CSS强大。使用XSL能够从页面上分离出关键数据，如刊头、向导栏和署名等。XSL终将成为现实世界和大量数据应用的最佳选择，CSS更适合于简单的页面，如祖母用于向她们孙子寄送图片的页面。12XSL与CSS的比较如下：CSS：HTML的样式表语言;2.XSL：XML的样式表;3.XSL：不仅仅是一个样式表

XSL包含3部分：XSLT、XPath和XSL-FO。XSLT：一种用于转换XML文档的语言。XPath：一种用于在XML文档中导航的语言。XSL-FO：一种用于格式化XML文档的语言。134.1.5在何处进行XML变换使用XSL样式单可有三种主要方式将XML文档变换成其他格式（如HTML）：1．XML文档和相关的样式单都是用于客户端（Web浏览器）的，然后客户端程序按照样式单中指定的格式变换文档，并将它呈现给用户。2．服务器将XSL样式单应用于XML文档，以便此文档能够变换成其他某种格式（通常为HTML），并把变换后的文档发送到客户端程序（Web浏览器）。3．第三个程序将原XML文档变换成其他某种格式（常常为HTML）后，才把此文档放置在服务器上。服务器和客户程序只处理变换后的文档。144.1.6支持XSLT的浏览器几乎所有主要的浏览器均支持XML和XSLT。1.MozillaFirefox从1.0.2版本开始，Firefox就已开始支持XML和XSLT（以及CSS）。2.MozillaMozilla含有用于XML解析的Expat，并支持XML+CSS。Mozilla同样支持命名空间。Mozilla可执行XSLT。3.Netscape从版本8开始，Netscape就开始使用Mozilla引擎，所以它对XML/XSLT的支持与Mozilla是相同的。4.Opera从版本9开始，Opera已开始支持XML和XSLT（以及CSS）。版本8仅支持XML+CSS。5.InternetExplorer从版本6开始，Int