Главная Обратная связь

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






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



Глава 2. Дизайн документов XML

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

Из главы 2 вы узнали, что XML имеет дело со структурой данных, а не с их представлением, но именно визуальное представление данных – это то, ради чего создается большая часть современного программного обеспечения и каскадные таблицы стилей (Cascading style sheets, CSS) могут быть использованы для определения большинства характеристик вывода. Итак, визуализируем XML-документ student.xml из практикума 1 используя внутреннюю таблицу стилей. Применим серый цвет ко всему тексту, а фамилию сделаем жирным и курсивом. Фотографию пока выводить не будем.

1. Наберите следующий код в блокноте и сохраните в файле с именем pr_2_1.xml

<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="#mystylesheet"?>
<student>
<student> <style id="mystylesheet"> style {display:none} style {display:none} student {display:block; color:gray} lastName {font-weight:bold;font-style:italic} photo {display:none} </style>
<lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNum>1</grNum> <dateStarted>1-09-2000</dateStarted> <photo>images/jjanus.jpg</photo> </student>

 

2. Теперь откройте этот файл в IE. Если вы набрали все теги в точности, файл pr_2_1.xml будет выглядеть примерно так:

Теперь вместо привычного иерархического дерева, мы видим данные по студенту. Пусть вас не пугает внешний вид документа – это только первый пример визуализации XML-документов.

3. В примере pr_2_1.xml команда обработки выделена желтым, она сообщает анализатору XML, что в данном документе присутствует каскадная таблица стилей, которая выделена тем же цветом.

 


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

Используя тот же пример student.xml, визуализируем его с помощью внешней таблицы стилей.

1. Наберите следующий код в блокноте и сохраните в файле с именем pr_2_2.xml

<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="mystylesheet.css"?>
<student> <lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNum>1</grNum> <dateStarted>1-09-2000</dateStarted> <photo>images/jjanus.jpg</photo> </student>

 



2. Наберите следующий код в блокноте и сохраните в файле с именем myslylesheet.css.

style {display:none} student {display:block; color:gray} lastName {font-weight:bold;font-style:italic} photo {display:none}

 

3. Теперь откройте файл pr_2_2.xml в IE. Если вы набрали все теги в точности, файл будет выглядеть также как и пример pr_2_1.xml

 


Практикум 3. Приоритеты между внешними и внутренними таблицами стилей

А что если в XML-документе используются несколько таблиц стилей, как же анализатор определит какие стили использовать – приоритеты. Попробуем объединить две предыдущие таблицы стилей в одном XML-документе, применив во внешней таблице красный цвет к тексту.

<?xml version = '1.0' encoding = 'windows-1251'?>
<?xml-stylesheet type="text/css" href="#mystylesheet"?> <?xml-stylesheet type="text/css" href="mystylesheet01.css"?>
<student>
<student> <style id="mystylesheet"> style {display:none} style {display:none} student {display:block; color:gray} lastName {font-weight:bold;font-style:italic} photo {display:none} </style>
<lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNum>1</grNum> <dateStarted>1-09-2000</dateStarted> <photo>images/jjanus.jpg</photo> </student>

 



 


Практикум 3. Атрибуты

Для дополнительного описания элементов XML и их структуры служат атрибуты. Атрибуты содержат уточняющую информацию об элементе. Усложним пример из практикума 1, добавив несколько студентов.

1. Построим иерархическое дерево нового XML-документа будет выглядеть так:

3. Теперь откройте этот файл в IE. Если вы набрали все теги в точности, файл students.xml будет выглядеть так:

 
 

Изменив элемент <student> на <student id> мы тем самым уточнили информацию о студенте, теперь каждый студент имеет свой идентификационный номер (id_student).   2. Наберите следующую информацию в Notepad и сохраните ее на жестком диске под именем students.xml
<?xml version = '1.0' encoding = 'windows-1251'?> <students> <student id="101"> <lastName>Шилин</lastName> <firstName>Алексей</firstName> <middleName>Валерьевич</middleName> <faculty>УП-1</faculty> <grNub>1</grNub> <dateStarted>1-09-2000</dateStarted> <photo>images/101.jpg</photo> </student> <student id="102"> <lastName>Петров</lastName> <firstName>Олег</firstName> <middleName>Михайлович</middleName> <faculty>УП-1</faculty> <grNub>2</grNub> <dateStarted>1-09-2000</dateStarted> <photo>images/102.jpg</photo> </student> <!-- more students, as required --> </students>

 


 

 
 

 

 


Эта страница нарушает авторские права

allrefrs.ru - 2019 год. Все права принадлежат их авторам!