Материалы моего тренинга по XSLT (на основе материалов ALTOVA)

1. XML to PDF-
преобразования
http://ProductivityBlog.com.ua

2. О чем пойдет речь
▪Спецификация XSL:FO
▪Демонстрация: пример использования
▪Демонстрация: форматирование элементов
▪Демонстрация: Визуальное XML to PDF
преобразование со StyleVision

3. Файлы и инструменты
Файлы практических работ в файле
XSLT_4.zip в папке Practice
XMLSpy, StyleVision из пакета
ALTOVA MissionKit

4. Спецификация XSL:FO
▪ XSL:FO
▪ fo:root
▪ Регионы файла
▪ Таблицы

5. XSL:FO
▪ XSL-FO
(eXtensible Stylesheet Language Formatting Objects) –
рекомендованный W3C язык разметки типографских
макетов и предпечатных материалов
▪ Работает подобно XML to XML и XML to HTML
▪ FOP (Formatting Objects Processor) генерирует вывод
для печати, обычно PDF
CSS3 Paged Media Module – новый стандарт форматирования
документов. Т.е. с 2013, CSS3 предлагается как замена XSL-FO

6. XSL:FO

7. fo:root
▪ FO-файлы – это
XML-файлы
▪ <?xml version="1.0"
encoding="UTF-8"?>
▪ fo:root –
корневой элемент
▪ fo:layout-master-set
▪ fo:simple-page-master

8. Регионы файла
▪ Шаблон страницы состоит из регионов
▪ хедер – Region Before
▪ футер – Region After
▪ основная часть – Region Body
▪ fo:page-sequence задает порядок элементов
▪ fo:static-content и fo:flow для вывода текста
▪ fo:block – прямоугольная область, которая
будет содержать текст

9. fo:table
▪ fo:table-and-caption (с fo:caption) или fo:table
▪ Очень похоже на HTML
▪ fo:table-column
▪ fo:table-header
▪ fo:table-footer
▪ fo:table-body
▪ fo:table-row
▪ fo:table-cell

11. Демонстрация –
пример использования
▪Создадим новый FO-файл в XMLSpy
▪Изменим содержимое файла
Готовый файл можно найти в папке Chapter4transformations

12. Подробнее об
XSL-файлах для FO
▪ Комбинация XSLT
и XSL:FO
▪ <?xml version="1.0"
encoding="UTF-8"?>

13. Цель работы
Создать PDF-документ
со словами из «Гамлета»
(акт 1, сцена 1),
распределенными по
действующим лицам
(выделенными цветом)

14. Демонстрация –
cоздание XSL-файла
▪ Создадим XSL-файл (Generic XSL/XSLT Transformation)
▪ Добавим данные из файла Hamlet-1-1.xml
▪ Добавим необходимые теги
Готовый файл можно найти в папке Chapter4transformations

15. Демонстрация –
cоздание XSL-файла
▪ Добавим необходимые теги
▪ Сохраним файл под именем xml2pdf2.xsl
Готовый файл можно найти в папке Chapter4transformations

16. Демонстрация – преобразование
и сохранение файла
▪ Запустим преобразование. Результат – FO-файл
▪ Преобразуем в PDF с просмотром результата
Готовый файл можно найти в папке Chapter4transformations

17. Форматирование элементов
▪ fo-page-sequence
▪ fo-static-content – хедеры и футеры
▪ fo:flow – тело
▪ fo:leader – горизонтальная линия
▪ fo:page-number – понятно из названия
▪ fo-layout-master-set с атрибутом font – настройки шрифта для
всего документа
▪ fo-block с атрибутом border-style – говорит сам за себя

18. Демонстрация –
добавление форматирования
Готовый файл можно найти в папке Chapter4transformations
▪ Сохраним файл под именем xml2pdf3.xsl
▪ Преобразуем в PDF с просмотром
результата

19. Демонстрация – добавление таблиц
Готовый файл можно найти в папке Chapter4transformations
▪ Сохраним файл под именем xml2pdf4.xsl
▪ Преобразуем в PDF с просмотром результата

20. Визуальное XML to PDF
преобразование со StyleVision
▪ Добавление данных
▪ Форматирование
▪ Столбцы и колонтитулы
▪ Сохранение результатов

21. Цель работы
Воссоздать файл,
созданный в XMLSpy
визуально, в StyleVision

22. Демонстрация – добавляем данные
▪ Откроем StyleVision
▪ Создадим новый дизайн из Hamlet-1-1.xml, удалить контент
▪ Раскроем PLAY, ACT и SCENE в Schema Tree
▪ Перетащим и создадим контент для
▪ ACTTITLE
▪ SCENETITLE (между закрывающими тегами TITLE и ACT)
▪ Поместим курсор между закрывающими тегами TITLE и SCENE
▪ Добавим динамическую таблицу на основе элемента SPEECH
▪ Выберем строки SPEAKER и LINE
▪ Просмотрим результат на вкладке PDF
Готовый файл можно найти в папке Chapter4transformations

23. Демонстрация – форматирование
▪ Форматируем заголовки как заголовки 3 и 4 уровня
▪ Редактируем заголовки столбцов таблицы
▪ Устанавливаем для таблицы шрифт 9pt Times
▪ Cтавим ENTER после контента в столбце LINES
▪ Устанавливаем для строки заголовков таблицы цвет #B893FF
▪ Устанавливаем ширину первого столбца в 30%
▪ Настраиваем цвет фона строки тела таблицы на основе значения поля SPEAKER
▪ Смотрим результат на вкладке PDF
Готовый файл можно найти в папке Chapter4transformations

24. Демонстрация – таблицы
▪ В свойствах документа
▪ В стилях установим шрифт 20pt Arial и table>border-collapse>collapse
▪ В свойствах
▪ 2 столбца, расстояние между ними 0.5in
▪ Верхнее и нижнее поля по 1in, левое и правое, хедера и футера – по 0.5in
▪ Добавим хедер с PLAY>TITLE, удалим Title:, строку с линией и столбец с
номером страницы
▪ Добавим нечетный футер, удалим первый столбец, а второй сделаем шириной
100%, номер страницы – слева
▪ Сделаем такой же четный футер, но номер страницы - справа
Готовый файл можно найти в папке Chapter4transformations

25. Демонстрация –
сохранение результатов
▪ Cохраним файл как xml2pdf5.sps
▪ Cгенерируем PDF и RTF-файлы
▪ Сохраним сгенерированные файлы как Output5.pdf(rtf)
Готовый файл можно найти в папке Chapter4transformations

26. Если осталось время…
добавление
разметки и линий
1 2 3 4

27. Подводим итоги
▪ Мы узнали как выполнить
XML to PDF-преобразование
▪ Изучили возможности по
формированию печатного документа
▪ Использовали XMLSpy и StyleVision
▪ С 2013 – уже не актуально, CSS3
предлагается как замена XSL-FO!

28. Вопросы
и ответы