网页基础知识实验报告(网页设计与制作的实验报告)

中国论文网为大家解读本文的相关内容：

摘　要：本文通过一个页面实例的创建过程，介绍了使用XSLT显示XML数据的方法。

关键词：Dreamweaver；XSLT；XML；网页
一、引言
　　网站设计实验中，我们经常遇到一些变动不太频繁的数据，如果把这些数据写数据库里，那么每次显示的时候都需要从数据库中读取，这样明显会增加服务器的资源使用。为了减轻服务器的压力，通常我们会将这部分数据静态化。这种情况使用XML技术会使问题变得简单。下面以创建一个显示某客户已购买图书列表为例，为大家介绍如何使用Dreamweaver建立XML数据，并通过XSLT显示。
二、技术准备
1．XML简介
　　可扩展标记语言 (XML) 可对信息进行结构化处理。与 HTML 一样，XML 允许您使用标签使信息结构化，但 XML 标签与 HTML 标签不一样，它不是预定义的。XML 允许您创建对数据结构（架构）进行最佳定义的标签。标签嵌套在其它标签中可创建一种父子标签的架构。与大多数 HTML 标签一样，XML 架构中的所有标签都有一个开始标签和一个结束标签。
<?xml version=""1.0"" encoding=""utf-8""?>

王先生

123
图书1
15.30
2


126
图书2
18.20
3


143
图书3
18.10
1


　　在此示例中，每个父 标签包含三个子标签：< id >、< name > 、< price >和 < num >。但每个 标签也是 < root > 标签的子标签，后者在架构中的级别比前者高一级。只要相应地将标签嵌套在其它标签中，并为每个开始标签指定一个对应的结束标签，您就可以随意命名 XML 标签并安排它们的结构。
2．XSLT简介
　　XML 文档不包含任何格式设置，这类文档只是结构化信息的容器。有了 XML 架构之后，就可以使用可扩展样式表语言 (XSL) 来显示信息。与层叠样式表 (CSS) 允许您设置 HTML 的格式一样，XSL 也允许您设置 XML 数据的格式。您可以在 XSL 文件中定义样式、页面元素和布局等，并将 XSL 文件附加到 XML 文件，以便用户在浏览器中查看 XML 数据时，数据格式会根据您在 XSL 文件中的定义进行设置。内容（XML 数据）与表现形式（由 XSL 文件定义）是完全独立的，这使您可以更好地控制信息在网页上的显示方式。本质上，XSL 是 XML 的一种表示形式技术，其中的主要输出是 HTML 页面。
　　可扩展样式表语言转换 (XSLT) 是 XSL 的子集语言，它允许您在网页上显示 XML 数据，并将 XML 数据连同 XSL 样式“转换”为 HTML 形式的可读样式化信息。您可以使用 Dreamweaver 创建 XSLT 页面，这种页面允许您使用应用程序服务器或浏览器执行 XSL 转换。在执行服务器端 XSL 转换时，服务器执行 XML 和 XSL 的转换工作，并将其显示在页面上。在执行客户端转换时，浏览器（如 Internet Explorer）执行操作。
　　链接的 XSLT 和 XML 页面之间的关系在概念上相似，但不同于外部 CSS/HTML 页面模型。当您拥有一个包含内容（如文本）的 HTML 页面时，可以使用外部样式表对该内容进行格式设置。HTML 页面将决定内容，而用户看不到的外部 CSS 代码则决定表现形式。而对于 XSLT 和 XML，情况相反。XML 文件（用户看不到它的原始形式）决定内容，而 XSLT 页面决定表现形式。XSLT 页面包含标准 HTML 通常包含的表格、布局和图形等。当用户在浏览器中查看 XML 文件时，XSLT 页面将对内容进行格式设置。
三、实现过程
1．创建XSLT文件
　　首先，创建整个 XSLT 页并附加 XML 数据源。（创建新页面时，Dreamweaver 会提示您附加数据源。） 可以从头创建 XSLT 页面，或者将现有 HTML 页面转换为 XSLT 页面。当您将现有 HTML 页面转换为 XSLT 页面时，必须使用“绑定”面板（“窗口”>“绑定”）附加 XML 数据源。
　　绑定XML数据源后，页面的代码中就多了一行：
在页面BODY里添加如下代码：

尊敬的客户，您在本站曾经购买以下图书：

图书名称
价格
购买数量




元
本




2．在XML文件插入对XSLT页面的引用
　　创建 XSLT 页面后，必须通过在 XML 文件本身中插入对 XSLT 页面的引用（与在 HTML 页面的 部分中插入对外部 CSS 样式表的引用非常类似），将该页面链接到包含 XML 数据的 XML 文件。站点访问者必须在浏览器中查看 XML 文件（而不是 XSLT 页面）。当站点访问者查看页面时，浏览器执行 XSL 转换，并显示由链接的 XSLT 页面进行格式设置的 XML 数据。
在 文件中加入一行：<?xml-stylesheet href="""" type=""text/xsl""?>
3．测试
双击结果如下图所示。




五、结语
　　综上所述，通过使用XML、XSLT技术我们可以很方便地不用程序运算就将未知数量的可变数据显示在设定的格式中。在进一步的应用中，我们可以将其与动态页面结合并通过使用CSS使页面显示更加美观等，篇幅有限无法在此讨论。
本程序在Dreamweaver CS4、IE8.0中调试通过。

参考文献：
李彪, 边用边学Dreamweaver网页设计与制作, 人民邮电出版社

　　中国论文网(www.lunwen.net.cn)免费学术期刊论文发表,目录,论文查重入口,本科毕业论文怎么写,职称论文范文,论文摘要,论文文献资料,毕业论文格式,论文检测降重服务。