文档介绍：XML技术应用
XML样式转换应用
知识回顾:CSS、XSL两种样式单比较
用途不同
CSS最早是针对于HTML提出的,后来又将其应用于XML之中,它既可以为HTML文档中的各个成分设定样式,又可以为XML中的成分设定样式。
XSL是专门针对XML提出的,它不能处理HTML文档。但它有一个CSS无法达到的功能,即用一个命令行将一个XML文档转换为另一个文档并存盘。
处理结果不同
XSL采用的是一种转换的思想,它将一种不含显示信息的XML文档转换为另一种可以用某种浏览器浏览的文档,转换后的输出码或者另存为一个新的文档,或者暂存于内存中,但都不修改源代码。
CSS则没有任何转换动作,只是针对结构文档中的各个成分,依照样式规定一一设定外观式样,再由浏览器依据这些式样显示文档,在整个过程中没有任何新码产生。
项目一:读者借阅单网页设计—用CSS制作XML网页
教学目标
掌握CSS用于定位、修饰XML元素的常用样式属性的设置方法
掌握CSS用于对XML元素内容进行排版的样式属性的设置方法
理解并掌握CSS中常用滤镜的使用方法
能力目标
培养理解CSS中定位XML元素的样式属性设置的能力
培养制作修饰XML文档中元素的样式设置的能力
培养阅读、书写CSS文件的能力
培养利用CSS表现XML文档的综合应用的能力
项目一:读者借阅单网页设计—用CSS制作XML网页
教学任务:
创建利用CSS表现的读者借阅书目单的XML网页
制作CSS修饰后的读者借阅数目单XML网页
利用CSS的滤镜制作读者借阅书目单XML网页
CSS格式化模型
容器1
容器2
容器3
容器4
容器5
网页页面
CSS的技术优势
技术优势
方便地修改网页格式
减少网页的体积
轻松增加网页的特殊效果
使网页元素更准确地定位
良好的适应性
功能
灵活定制网页元素风格
迅速地更新网站风格
组合不同风格的网站
读者借阅单XML网页初步效果
操作流程:
准备读者借阅书目单网页的内容
制作读者借阅书目单网页的XML源文档
<?xml-stylesheet type="text/css" href=""?>
确定整个XML文档在浏览器窗口中的显示位置和大小
(通过确定文档根元素的相应属性值完成)
确定XML文档中Information、Right、Items元素在浏览器窗口中的大致位置
布置各部分中的内容
读者借阅书目单网页修饰后的效果