🗊Презентация Вывод документов XML с использованием CSS и XSL

Вывод документов XML с использованием CSS и XSL

Цели занятия Применение таблиц стилей типа CSS в документах XML Преобразование документов XML с помощью таблиц стилей типа XSL Применение шаблонов Переключение стилей в документе

Таблицы стилей – 1

Таблицы стилей – 2 Таблица стилей – это набор инструкций для вывода документов

Таблицы стилей – 3 Некоторые таблицы стилей, предлагаемые на рынке: CSS – Каскадные таблицы стилей XSL – Расширяемые таблицы стилей DSSL – Document Style Semantics and Specification Language (Язык семантических стилей и спецификаций документа)

Использование CSS и XSL

XML и таблицы стилей Документы XML – это обычные текстовые файлы Таблицы стилей используются для форматирования и просмотра документа XML Для XML широко используются два типа таблиц стилей : Cascading Style Sheets (CSS) – Каскадные таблицы стилей – расширение языка HTML Extensible Style sheet Language (XSL) – Расширяемый язык таблиц стилей – специальный язык стилей для XML

Работа с языками форматирования в XML

Вывод документа XML с помощью CSS – 1 Документ XML <?xml version='1.0'?> <?xml-stylesheet type="text/css" href="hello.css"?> <xsampdoc> <greeting>Hello!</greeting> <question>How were you!</question> <answer> <ans>Fine</ans> <ans>Thank you.</ans> </answer> </xsampdoc>

Вывод документа XML с помощью CSS – 2 xsampdoc { margin-top:.7in; margin-bottom: .7in; margin-left:1.5in; margin-right:1in; color: navy; background-color:white; display: block } greeting { display:block; font-family: Arial, Helvetica, sans-serif;font-size: 32pt; width: 30em; color: red }

Правила стиля CSS Синтаксис для правил стилей в каскадных таблицах стилей: Selector{declaration} Селектор (selector) идентифицирует тэг, к которому применяется заданный стиль Объявление (declaration) представляет правила стилей, применяемые к данному селектору Такой селектор обозначается, как "Простой селектор" (‘Simple Selector’)

Множественный селектор Используется для применения одного правила стиля к различным элементам Синтаксис: selector,selector…….{declaration}

Контекстные селекторы – 1 Помогает отличать друг от друга различные вхождения одного тэга

Контекстные селекторы – 2 Пример: <xsampdoc> <greeting>Hello! <extension>there</extension></greeting> <answer> <ans>Fine<extension>here</extension></ans> <ans>Thank you.</ans> </answer> </xsampdoc>

Символы, используемые в CSS

Связывание CSS с XML В документе XML должны быть организованы ссылки на каскадные таблицы стилей Для этого мы используем инструкции обработки Синтаксис: <?xml-stylesheet type=“text/css” href=“url”?>

Свойства и значения Значением свойства стиля CSS может быть строка, число с единицей измерения, целое число или цветовое значение Значения могут быть абсолютными или относительными, наследуемыми или не наследуемыми

Цветовые значения

Форматирование текста Свойства CSS позволяют определить, какой шрифт следует использовать для вывода элемента, размер и цвет текста Ключевые слова <absolute-size> и <relative-size> используются в свойствах шрифта

Форматирование текста Различные свойства шрифта, которые могут быть установлены:

Панели – 1 Блоки текста могут быть помещены в панель Для панелей существуют три свойства: Margins (Поля) Border (Рамка) Padding (Заполнение) Расстояние между содержимым панели и её границей называется заполнением (padding) Расстояние между рамкой и внешним краем смежной панели или между рамкой и содержащей её панелью называется её полями (margin)

Панели – 2

Поля, рамка и заполнение Свойство padding (заполнение) используется для определения расстояния или пространства между рамкой и содержимым панели.

Управление макетом Свойства макета CSS могут управлять панелью на экране Панели могут перекрываться при использовании свойства z-index

XSL XSL – это реализация таблиц стилей, созданная специально для языка XML. Функциональные возможности XSL: Предоставляет язык преобразования (XSLT) XSL может быть использован, как язык форматирования XSL может быть использован для сортировки и фильтрации XSL может быть использован для поиска совпадений образцов, что может помочь нам при поиске записей

XSL – 2

Пример использования XSL Код таблицы стилей XSL <html> <head> <title>Icons In Cricket</title> </head> <body> <h2>Icons In Cricket</h2> <table border="2" cellpadding="3"> <tr> <td>Player</td> <td>No. Of Catches</td> <td>No. Of 100's</td> <td>No. Of 50's</td> </tr> <xsl:for-each select="cricket/player" order-by ="-catches">

Образцы (Patterns) Образцы, поддерживаемые в языке XSL: Sorting (Сортировка) Operators (Операторы) Filtering (Фильтрация)

Сортировка По умолчанию сортировка выполняется в порядке возрастания Знак ‘-’ используется для сортировки в порядке убывания

Операторы

Фильтрация и логические операторы Операции фильтрации могут содержать такие выражения, как логические выражения с применением операторов AND, OR и NOT Различные логические операторы, которые могут быть использованы:

Шаблоны Инструкции в таблице стилей XSL, которые управляют преобразованием элемента и его содержимого, называются шаблонами (templates) Представлены тэгами <xsl:template>…</xsl:template> Используются при помощи элемента <xsl:apply-templates/> Шаблон содержит две части Часть проверки на совпадение (matching part) Часть обработки (processing part)

Типы совпадений

Обработка выражений XSL поддерживает пять типов выражений. Вот они: Node Sets – Наборы узлов Booleans – Логические выражения Strings – Строки Numbers – Числовые выражения Result Tree Fragments – Фрагменты дерева результата

Переключение стилей

xsl:import и xsl:include Таблицы стилей, созданные другими разработчиками, могут быть импортированы с использованием xsl:import Синтаксис импортирования таблиц стилей: <xsl:import href= ‘another stylesheet.xsl’/> <xsl:import href= ‘another stylesheet1.xsl’/> Все импортированные таблицы стилей организуются в дерево импортирования. При импортировании таблицы стилей в дереве импортирования создаётся новый узел

Различия между XSL и CSS

Итоговый обзор – I XML является переносимым языком. Мы можем переслать документ XML с одной системы на другую и даже от приложения к приложению, без изменения содержания. Таблица стилей (style sheet) – это набор инструкций, используемый для вывода документов. Таблицы стилей могут быть написаны на нескольких языках. Вот два примера таких языков: Cascading Style Sheets (CSS), расширение HTML Extensible Stylesheet Language (XSL), разработанный специально для XML язык стилей Селектор идентифицирует тэг, к которому применяется стиль, а объявление содержит правила стиля, применяемого к селектору. Существуют три вида селекторов – Simple (Простые), Multiple (Составные) и Contextual (Контекстные) селекторы. Блок текста может быть помещён в панель, а эта панель может быть затем размещена в браузере настольного компьютера.

Итоговый обзор – II XSL – это язык описания таблиц стилей, созданный специально для XML. Он используется для преобразования XML‑данных в HTML‑документ. XSL обеспечивает поддержку следующих образцов (patterns): Sorting (Сортировка) Operators (Операторы) Filtering (Фильтрация) Типы совпадений образцов: Совпадение по атрибуту Совпадение по идентификатору ID Совпадение по образцу с шаблонными символами (wildcard) Совпадение по корневому элементу (root) Совпадение по имени Совпадение по предку Совпадение по нескольким именам XSLT и CSS являются стандартами, совместимыми друг с другом