XML网页技术实用教程余以胜电子教案及素材 第3次课.pptVIP

XML网页技术实用教程 主编 余以胜 项目2 读者借阅单网页设计 用CSS制作XML网页 一、知识目标 项目目标：因为CSS是制作表现XML网页最为基础的一种方法，以设计制作读者借阅单的XML网页基础上，详细地介绍CSS中常用的各种样式属性的设置方法，并且为这些样式属性将在后面的项目模块制作中会反复再使用打基础。 教学目标： 1 掌握CSS用于定位、修饰XML元素的各个常用样式属性的设置方法； 2 掌握CSS用于对XML元素内容进行排版的样式属性的设置方法； 3 理解并掌握CSS中常用滤镜的使用方法。 二、能力目标 1 培养理解CSS中定位XML元素的样式属性设置的能力； 2 培养制作修饰XML文档中元素的样式设置的能力； 3 培养阅读、书写CSS文件的能力； 4培养利用CSS表现XML文档的综合应用的能力。 三、教学任务 1 创建利用CSS表现的读者借阅书目单XML网页； 2 制作CSS修饰后的读者借阅书目单XML网页； 3 利用CSS的滤镜制作读者借阅书目单XML首页。 预备知识 2.1 CSS介绍 1996年,层叠样式单(Cascading Style Sheets，以下简称CSS)是作为把有关样式属性信息如字体和边框加到HTML文档中的标准方法而提出来的。但是，CSS与XML结合的确比与HTML结合得更好，因为HTML承担着CSS标志和HTML标志之间向后兼容的任务。 2.1 CSS介绍 一个CSS样式单就是一组规则(rule)。每个规则给出此规则所适用的元素的名称，以及此规则要应用于那些元素的样式。 2.1.1 CSS的技术优势 (1) 方便地修改网页格式; (2) 减少网页的体积; (3) 轻松增加网页的特殊效果; (4) 使网页元素更准确地定位; (5) 良好的适应性. 2.1.2 CSS样式表的功能 (1) 灵活定制网页元素风格; (2) 迅速地更新网站风格; (3) 组合不同风格的网页. 实训 模块1 读者借阅书目单网页制作 * * 中国水利水电出版社 POEM { display: block } TITLE { display: block; font-size: 16pt; font-weight: bold } POET { display: block; margin-bottom: 10px } STANZA { display: block; margin-bottom: 10px } VERSE { display: block } *