Список служащих

Контрольные задания

Отображение содержания XML документа с помощью каскадной стилевой таблицы

Контрольные задания

Сущности XML

В схеме документа DTD можно определить некоторую сущность – примитив и тиражировать ее в документе XML по ссылке. Задается сущность описанием:

<!ENTITY ИмяПримитива Значение>

Ссылка на сущность имеет вид:

&ИмяПримитива;

Упражнение 5.1. Требуется сформировать документ для вывода предложения на русском языке с переводом:

<Привет Мир!>(Hello World!)

Перевод требуется оформить как ссылку на объект.

Документ примет вид:

<?xml version="1.0" encoding="windows-1251"?>

<?xml-stylesheet type="text/css" href="entity.css"?>

<!DOCTYPE document[

<!ELEMENT document (verse)>

<!ELEMENT verse (#PCDATA)>

<!ENTITY hello "Hello World!">

]>

<document>

<verse>&lt;Привет Мир! (&hello;)&gt;</verse>

</document>

Проверьте валидность документа, загрузите его в браузер.

Задание 6.1. Даны сведения о книгах. Составьте XML документ для хранения этих сведений. Загрузите документ в браузер и проверьте его корректность.

Название	Автор	Переплет	Страницы	Жанр	Цена
Благое намерение	Азимов Айзек	Твердый		Фантастика
Валгалла	Азимов Айзек	Мягкий		Фантастика
Котел	Булычев К.	Мягкий		Фэнтези
Всадники смерти	Абнет Дэн	Твердый		Фэнтези
Темные аллеи	Бунин И.А.	Мягкий		Проза
Война и мир	Толстой Л.Н.	Твердый		Проза

Задание 6.2. Дана DTD схема документа, в котором хранятся сведения о книгах (см. задание 6.1). Составьте валидный документ, который соответствует данной схеме. Проверьте валидность документа, загрузите документ в браузер.

<!DOCTYPE SKLAD [

<!ELEMENT SKLAD (KNIGA+)>

<!ELEMENT KNIGA (KN+)>

<!ELEMENT KN (NAZV, AVTOR, PREPLET, STRANICY, CENA)>

<!ELEMENT NAZV (#PCDATA)>

<!ELEMENT AVTOR (#PCDATA)>

<!ELEMENT PREPLET (#PCDATA)>

<!ELEMENT STRANICY (#PCDATA)>

<!ELEMENT CENA (#PCDATA)>

<!ATTLIST KNIGA

janr (Проза | Фантастика | Фэнтези) #REQUIRED

>

]>

Задание 6.3. Дана структура фирмы:

Рис.6.1. Структура фирмы

Составьте схему документа, который будет хранить сведения о структуре фирмы. Для хранения личных номеров сотрудников используйте атрибуты. Причастность сотрудников к отделу отразите атрибутом типа IDREFS отдела.

Составьте документ, который отвечает созданной схеме, проверьте его валидность. Устраните ошибки и загрузите его в браузер.

Задание 6.4. Дан текст:

Акционерное общество “©Электрон” надежный партнер в

мире информационных технологий.

Акционерное общество “©Электрон” это:

Стабильность!

Доступность!

Качество!

Создайте схему DTD документа, задайте в схеме объект для хранения названия фирмы Электрон.

Создайте документ, который отвечает этой схеме. Проверьте его валидность, устраните имеющиеся ошибки и загрузите документ в браузер.

Использование каскадной стилевой таблицы предусматривает создание специального текстового файла с расширением css. Этот файл должен содержать набор правил для отображения содержания тегов. Затем в пролог XML документа нужно добавить директиву присоединения этого файла.

Формат директивы:

<?xml-stylesheet type="text/css" href="uri"?>.

Здесь uri путь к CSS файлу. Если он находится в одной папке с XML документом достаточно указать его имя.

Файл каскадной стилевой таблицы состоит из правил отображения содержания тега документа. Правила называют селекторами, и они имеют в общем виде структуру:

Тег|Теги {параметр1: значение;

параметр2: значение;

....

}

Здесь параметр – определенный стилевой параметр, которому нужно задать значение, значение должно быть закрыто символом;.

Правила применяются к тегам или списку тегов разделенных запятыми. Если правила назначено головному (родительскому) тегу иерархии, то оно распространяется на дочерние теги. Имена параметров и их значений регистро зависимые.

Упражнение 7.1. Рассмотрим ранее созданный XML документ с двумя сообщениями и выведем его в следующем виде:

Hello World!

Привет МИР!

Текст выводится жирным шрифтом, русский текст курсивом. Английский текст синим цветом, русский текст красным цветом.

Для решения этой задачи нужно составить таблицу стилей и поместить ее в файл hello.css, а затем подключить к xml файлу и загрузить документ в браузер.

<?xml version="1.0" encoding="windows-1251"?>

<?xml-stylesheet type="text/css" href="hello.css"?>

<!DOCTYPE TEST[

<!ELEMENT TEST (NODE)>

<!ELEMENT NODE (ENG,RU)>

<!ELEMENT ENG (#PCDATA)>

<!ELEMENT RU (#PCDATA)>

]>

<TEST>

<NODE>

<ENG>Hello World!</ENG>

<RU>Привет МИР!</RU>

</NODE>

</TEST>

В CSS файл нужно поместить правила:

NODE {font-weight:bold;

}

RU,ENG{display:block;

}

ENG{color:#0000FF;

}

RU{

color:#FF0000;

font-style:italic;

}

Здесь:

Параметр font-weight отвечает за яркость символов (жирность) значение bold означает задать стандартную яркость. Его действие распространяется на дочерние теги RU и ENG тега NODE.

Параметр display определяет, будет ли содержание, тегов RU и ENG выводится отдельным блоком. При значении block содержание тегов выводятся как строки.

Параметр color задает цвет содержанию тегов ENG и RU.

Параметр font-style определяет начертание шрифта для содержания тега RU. Значение italic означает вывод текста курсивом.

В приложении №1 приводится описание базового набора стилевых параметров и их значений.

Проверьте действия присоединенной таблицы стилей, загрузив XML документ в браузер.

Внесите изменения в стилевую таблицу для выделения предложений подчеркиванием. Проверьте результат.

Если требуется выводить графические изображения при выводе содержания XML документа, то для их размещения в составе разметки определяют специальный тег с пустым содержанием. В CSS файле нужно создать правило для этого тега со следующими особенностями:

· Нужно загрузить графический файл в элемент-тег.

· Запретить его тиражирование по полю содержания тега.

· Задать размеры области вывода.

· Задать тип обтекания текстом.

Упражнение 7.1. Имеется XML документ с информацией о выставочном центре АО Крокус. Документ XML содержит разметку:

<?xml version="1.0" encoding="windows-1251"?>

<doc>

<picture/>

<s>Выставочная галерея</s>

<s>АО Крокус</s>

<s>Часы работы с 10.00 до 20.00</s>

<s>В субботу и воскресение с 10.00 до 18.00</s>

<s>Без перерыва на обед</s>

</doc>

Требуется вывести содержание документа в виде, показанном на рисунке 7.1. Графическое изображение хранится в файле 739000.bmp (100 на 67 пикселов), который размещается в тег picture документа.

Правила вывода находятся в файле picture.css, который находится в той же папке, что и документ. Содержание файла:

s{display:block;

font-size:18px;

}

picture{background-image:url(739000.bmp);

background-repeat:no-repeat;

width:100px;

height:67px;

float:left;

}

Присоедините файл с правилами CSS к документу, проверьте результат в браузере.

Рис.7.1. Вывод графического изображения

Создавая разметку можно обращаться к пространству имен HTML тегов:

<html:T

xmlns:html=”http://www.w3c.org/TR/REC-html40/”>

содержание

</html:T>

Здесь T требуемый тег.

Упражнение 7.2. Добавьте в документ XML HTML тег вывода линии, после предложения: Без перерыва на обед. Проверьте результат в браузере.

Задание 8.1. Дан текст:

СПОР ГРАММАТИКА С КОРМЧИМ

Однажды на корабль грамматик сел ученый,

И кормчего спросил сей муж самовлюбленный:

"Читал ты синтаксис?" - "Нет" - кормчий отвечал.

"Полжизни жил ты зря!" ученый муж сказал.

Обижен тяжело был кормчий тот достойный,

Но только промолчал и вид хранил спокойный.

Тут ветер налетел, как горы, волны взрыл,

И кормчий бледного грамматика спросил:

"Учился плавать ты?" Тот в трепете великом

Сказал:"Нет, о мудрец совета, добрый ликом"

"Увы, ученый муж! - промолвил мореход. ——

Ты зря потратил жизнь: корабль наш ко дну идет".

Джалаладдин Руми

Создайте XML документ. Разработайте CSS файл для вывода текста в виде, показанном на рисунке 8.1. Задайте цвет фону документа. Заголовку и абзацам задайте цвет, для наглядного восприятия.

Рис. 8.1. Документ в окне браузера

Задание 8.2. Дан документ, в котором хранятся сведения о сотрудниках. Составьте XML документ и CSS файл для вывода его в виде, показанном ниже.

Табельный номер: 100 Фамилия: Сидоренко Имя: Иван Отчество: Петрович Должность: Бухгалтер Ставка: 12000 Отдел: МАРКЕТИНГ Телефон: [phone] Адрес: 123345Москва

Табельный номер: 200 Фамилия: Сатарова Имя: Ольга Отчество: Сергеевна Должность: Экономист Ставка: 10000 Отдел: СКЛАД Телефон: [phone] Адрес: 123333Москва

Задание 8.3. Составьте XML документ и CSS файл для вывода информации в виде, показанном на рисунке 8.3. Добейтесь полного соответствия с рисунком.

Рис.8.3. Содержание XML документа, после применения правил CSS

Исходный текст:

Как ваши страхи, так и наши комплексы, безусловно связаны с этапом рождения и первыми шагами по памяти компьютера. Это жутко когда тебя отрывают от родного компилятора и бросают в луч света Процессора. Там думать уже некогда, там надо жить, там для каждого такта Процессора должна найтись команда твоего тела. И команда должна быть выполнена, а ты при этом должен уцелеть. А это не всегда просто. Вычислительный процесс, протекая и перетряхивая все твое тело, проявляет невероятные узоры и удивительные лабиринты алгоритма

Дата добавления: 2014-12-25