< Назад | Далее >

Урок 1.4: Создание и изменение таблицы стилей XSL

Таблицы стилей - это файлы, с помощью которых можно преобразовать документы XML в документы других типов и отформатировать выходные данные. В этом упражнении будет создана простая таблица стилей XSL для форматирования данных файла XML в виде таблицы в файле HTML.
Сначала необходимо выполнить действия, описанные в Урок 1.3: Создание и изменение файла XML

Создать таблицу стилей

Для того чтобы создать пустую таблицу стилей, выполните следующие действия:
  1. Выберите Файл > Создать > Прочие. В окне Создать выберите XML > XSL. Нажмите кнопку Далее.
  2. Выберите каталог MyProject.
  3. В поле Имя файла введите CDTitle.xsl и нажмите кнопку Далее.
  4. На странице Выбрать файл XML выберите файл CDTitle.xml. Файл CDTitle.xml будет связан с файлом CDTitle.xsl.
  5. Нажмите кнопку Готово.
Будет создан файл CDTitle.xsl, который автоматически откроется в редакторе XSL.

Изменить таблицу стилей

В редакторе XSL предусмотрено несколько мастеров, с помощью которых можно создать содержимое таблицы стилей.
  1. Для создания документа HTML необходимо добавить шаблон, чтобы создать информацию заголовка HTML, а также определить метод вывода для документа.
    1. В редакторе XSL поместите курсор на пустой строке после элемента <xsl:stylesheet> в файле CDTitle.xsl.
    2. Нажмите кнопку Фрагменты кода и откройте ящик XSL. Если панель Фрагменты кода не показана, ее можно открыть, выбрав Окно > Показать панель > Другое > Общие > Фрагменты кода.
    3. Выполните двойной щелчок на пункте Заголовок HTML по умолчанию. Будет создан элемент <xsl:output> для вывода результатов преобразования (файла CDTitle.xsl в файл CDTitle.xml) в HTML, а также шаблон для создания заголовка HTML с правилом <xsl:apply templates> для обработки всех непосредственных дочерних объектов в файле CDTitle.xml.
  2. Создайте шаблон для получения таблицы HTML:
    1. Поместите курсор на пустой строке после закрывающего тега </xsl:template>, созданного в шаге 1.
    2. В ящике XSL дважды щелкните на пункте Таблица HTML в XSL.
    3. Выберите первый элемент CD в качестве узла контекста для создания таблицы HTML.
    4. Поставьте отметку в переключателе Инкапсулировать таблицу в шаблоне. Это означает, что вы хотите инкапсулировать эту таблицу в новом шаблоне.
    5. Поставьте отметку в переключателе Включить заголовок, чтобы указать на необходимость включения заголовка в данную таблицу. Нажмите кнопку Далее.
    6. В поле отступа Ячейка введите 20. Это улучшит вид таблицы за счет увеличения расстояния между ячейками таблицы.
    7. Нажмите кнопку Готово. Будет создан шаблон для создания таблицы HTML в файле CDTitle.xsl.
  3. Выберите Файл > Сохранить для сохранения файла.

Преобразовать файл XML в HTML

  1. На панели Навигатор выберите, удерживая клавишу Ctrl, файлы CDTitle.xml и CDTitle.xsl.
  2. Щелкните правой кнопкой мыши и выберите Выполнить как > Преобразование XSL.
  3. Будет создан файл с именем _CDTitle_transform.html. Он автоматически откроется в Проектировщике страниц и будет содержать информацию файла XML в виде таблицы.
  4. Для того чтобы просмотреть, как информация будет отображаться в веб-браузере, закройте файл _CDTitle_transform.html file, щелкните на нем правой кнопкой мыши на панели Навигатор и выберите Открыть с помощью > Веб-браузер.
Файл будет иметь следующий вид:

Веб-браузер

Контрольные точки урока

В редакторе XSL предусмотрено несколько мастеров, с помощью которых можно создать таблицу стилей, заполненную информацией. В нем также предусмотрен метод для создания таблицы HTML на основе этой таблицы стилей.
После выполнения этого урока вы сможете:
  • Создать таблицу стилей XSL.
  • Заполнить таблицу стилей информацией для создания таблицы HTML.
  • Преобразовать файл XML в HTML.
< Назад | Далее >

Комментарии