Презентация Вывод документов 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 являются стандартами, совместимыми друг с другом