- •Введение
- •Глава1. Html и css
- •1.1. Лабораторная работа № 1. Знакомство с html
- •1.4. Лабораторная работа № 4. Блоковая модель
- •1.5. Лабораторная работа № 5. Новые возможности в css3
- •1.6. Лабораторная работа № 6. Анимация. Создание выпадающего меню
- •Глава 2. Java script
- •2.2. Лабораторная работа №2. Функции. Операторы цикла. Объекты Math, Number
- •2.3. Лабораторная работа №3. Встроенные объекты JavaScript
- •2.4. Лабораторная работа № 4. Пользовательские объекты js. Специальные операторы
- •2.5. Лабораторная работа № 5. Объектная модель документа. Доступ к элементам web-страницы
- •2.6. Лабораторная работа № 6. Объектная модель браузера (bom)
- •2.7. Лабораторная работа № 7. Работа с формами
- •2.8. Лабораторная работа № 8. События. Динамические эффекты на js
- •2.9. Лабораторная работа № 9. Движение объектов и графика на JavaScript
- •2.10. Лабораторная работа № 10. Знакомство с jQuery
- •Глава 3. Xml
- •3.1. Лабораторная работа № 1. Создание xml-документа
- •3.2. Лабораторная работа № 2. Создание валидных xml-документов
- •Xml схема
- •3.3. Лабораторная работа № 3. Отображение xml с использованием xslt
- •3.6. Лабораторная работа № 6. Знакомство с svg-графикой.
- •3.7. Лабораторная работа № 7. Svg-анимация
- •Глава 4. Использование возможностей html5
- •4.1. Лабораторная работа № 1. Знакомство с html5. Элементы video и audio. Геолокация. Элемент canvas.
- •4.2. Лабораторная работа № 2. Использование новых элементов и атрибутов в html5 формах
Глава 3. Xml
3.1. Лабораторная работа № 1. Создание xml-документа
Теория
XML (от англ. eXtensible Markup Language) – расширяемый язык разметки. Он создан для структурирования, хранения и передачи информации. XML – это общий инструмент передачи данных между всеми видами приложений. В языке XML нет предопределенных тегов, автор определет свои языковые теги и свою структуру документа.
Пример XML документа
<?xml version="1.0" encoding="UTF-8"?>
<note>
<to>Анна</to>
<from>Дмитрий</from>
<heading>Напоминание</heading>
<body>Не забудь обо мне в эти выходные!</body>
</note>
Первая строка – это XML декларация. Здесь определяется версия XML (1.0). На следующей строке описывается корневой элемент документа: <note>. Следующие 4 строки описывают дочерние элементы корневого элемента: <to>Анна</to>, <from>Дмитрий</from>, <heading>Напоминание</heading>, <body>Не забудь обо мне в эти выходные!</body>. И, наконец, последняя строка определяет конец корневого элемента: </note>.
Исходя из этого примера, можно смело предположить, что в этом XML документе содержится заметка от Дмитрия к Анне. И все вполне понятно.
Правила синтаксиса XML- документа
XML-документы должны удовлетворять следующим правилам:
все XML элементы должны иметь закрывающий тег;
теги XML являются регистрозависимыми;
все элементы обязаны соблюдать корректную вложенность;
значения атрибутов должны заключаться в кавычки;
XML документ должен содержать один корневой элемент, который будет родительским для всех других элементов;
учитываются все символы форматирования (т.е. пробелы, переводы строк, табуляции не игнорируются, как в HTML).
Если XML документ составлен в соответствии с приведенными синтаксическими правилами, то говорят, что это «синтаксически верный» или «корректно сформированный» XML документ.
Комментарии в XML
<!—это комментарий -->.
Подключение файла таблицы стилей
<?xml-stylesheet type="text/css" href="1.css"?>.
Правила написания имен XML
XML элементы должны следовать следующим правилам написания имен:
имена могут содержать буквы, числа и другие символы;
имена не могут начинаться с цифры или символа пунктуации;
имена не могут начинаться с сочетания "xml" (или XML, или Xml и т.п.);
имена не могут содержать пробельные символы.
В качестве имен можно использовать любые слова. Нет зарезервированных слов.
Данная таблица была создана XML-документом с подключением css. Структура файла представлена ниже:
<?xmlversion="1.0" encoding="UTF-8"?>
<!--FileName: 1.xml>
<?xml-stylesheet type="text/css" href="1.css"?>
<FACULTY>
<SPECIALIZATION>
<NAME>
<TIME>
<EXAM>
<PAGES>
<PASSING>
</SPECIALIZATION>
<SPECIALIZATION>
<NAME>
<TIME>
<EXAM>
<PAGES>
<PASSING>
</SPECIALIZATION>
<SPECIALIZATION>
<NAME>
<TIME>
<EXAM>
<PAGES>
<PASSING>
</SPECIALIZATION>
<SPECIALIZATION>
<NAME>
<TIME>
<EXAM>
<PAGES>
<PASSING>
</SPECIALIZATION>
</FACULTY>
В css-файле для каждого тэга описаны свойства:
SPECIALIZATION
{ display:block;
text-align:center;
margin:10px 20px 10px 20px;
margin-top:12pt;
border-style:double;
border-color:#8C0088;
font-size:15pt}
NAME
{ font-style:italic;
text-align:center}
TIME
{ display:block;
text-align:center;
font-weight:bold;
border-top:double;
border-color:#8C0088}
EXAM
{ display:block;
text-align:center;
border-top:double;
border-color:#8C0088}
PAGES
{ display:block;
text-align:center;
border-top:double;
border-color:#8C0088}
PASSING
{ display:block;
text-align:center;
border-top:double;
border-color:#8C0088}
FACULTY
{ display:block;
margin:50px 100px;
border-style:solid}
Задание к лабораторной работе № 1
Создайть XML-документ, который будет содержать информацию по вашей специальности в других университетах (университет, проходной балл, план набора, город, в котором размещен университет). При выполнении задания используйтеcss.