1.4 СОДЕРЖАНИЕ КУРСА Раздел 1 Общие сведения о языках разметки документов Тема 1Введение. Общие сведения о языках разметки документов. Место данной дисциплины в ряду других дисциплин специальности. Цели и задачи курса, порядок изучения.
Основные понятия языков разметки документов. Тэговая структура документа. Правила записи и виды тэгов.
История возникновения и развития языков разметки.
Язык разметки документов - это набор специальных инструкций, называемых тэгами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры.
Тема 2Существующие стандарты языков разметки документов. Краткая характеристика наиболее широко используемых стандартов на языки разметки документов.
Раздел 2 Язык HTML Тема 3Язык HTML. Структура документа. Основные средства разметки гипертекста. Тэговая структура HTML документа. Правила записи и виды тэгов (требующие ограничения действия и не требующие закрытия).
Информация о версии HTML. Заголовок документа - элемент HEAD. Элемент TITLE. Описание метаданных – элемент META. Элементы BASE, LINK, STYLE, SCRIPT.
Тело документа - элемент BODY. Атрибуты TEXT, BGCOLOR, BACKGROUND, LINK, VLINK, ALINK. Способы указания цвета.
Использование комментариев в документе.
Лабораторная работа № 1: Структура документа в формате HTML. Текст и шрифтовое оформление
Тема 4Текст и шрифтовое оформление. Текстовые элементы – простой текст, выражения разметки, разметка шрифта, специальные элементы. Логическая разметка текста - элементы EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE. Физическая разметка текста – элементы B, I, U, TT, STRIKE, BIG, SMALL, SUB, SUP.
Абзацы - элемент P и его атрибуты.
Заголовки: элементы H1, H2, H3, H4, H5, H6. Правила использования заголовков в документе.
Списки: маркированный – элемент UL, нумерованный – элемент OL, список определений – элементы DL, DT и DD. Элементы списков – LI.
Создание гиперссылки - элемент A, атрибут HREF. Атрибут TARGET. Использование в качестве гиперссылок текста и изображений. Создание закладок – атрибут NAME. Организация ссылки на закладку в текущем и другом документе.
Лабораторная работа № 3: Гиперссылки
Тема 5HTML. Таблицы. Фреймы. Таблицы.
Назначение таблиц. Структура таблиц.
Построение таблиц – элемент TABLE. Заголовок таблицы – элемент CAPTION. Группы строк – элементы THEAD, TFOOT и TBODY. Группы столбцов – элементы COLGROUP и COL.
Строки таблицы – элемент TR. Ячейки таблицы – элементы TH и TD. Размеры (абсолютные и относительные) и выравнивание ячеек – атрибуты WIDTH, HEIGHT, ALIGN, VALIGN. Границы и поля ячеек таблицы – атрибуты BORDER, CELLSPACING, CELLPADDING. Цвет фона и фоновое изображение – атрибуты BGCOLOR и BACKGROUND.
Объединение нескольких строк или столбцов – атрибуты COLSPAN и ROWSPAN.
Таблицы в таблицах.
Фреймы.
Использование фреймов для отображения информации в нескольких окнах.
Расположение фреймов - элемент FRAMESET. Строки (ROWS) и столбцы (COLS). Управление видимостью границ – атрибуты BORDER, FRAMEBORDER, FRAMESPACING. Управление размерами отступов от границ фреймов – атрибуты MARGINWIDTH и MARGINHEIGHT. Прокручивание данных – атрибут SCROLLING, и изменение размеров фреймов – атрибут NORESIZE.
Разделение данных между фреймами - элемент FRAME, атрибут SRC. Задание исходного содержимого фрейма. Визуальное представление фрейма.
Именование фреймов – атрибут NAME. Использование именованных фреймов при установке цели для ссылок.
Элемент NOFRAMES. Встроенные фреймы - элемент IFRAME.
Лабораторная работа № 4: Таблицы
Лабораторная работа № 5: Фреймы
Тема 6HTML. Использование графических изображений. Требования к графическим изображениям, размещаемым в гипертекстовых документах. Форматы графических файлов GIF и JPEG.
Включение изображения – элемент IMG, атрибут SRC. Визуальное представление изображений: ширина – WIDTH, высота – HEIGHT, пространство вокруг изображений – VSPACE и HSPACE, границы – BORDER, выравнивание – ALIGN, альтернативный текст – ALT.
Навигационные карты: клиентские и серверные. Клиентские навигационные карты - элементы MAP и AREA.
Лабораторная работа № 2: Графика в HTML документе
Раздел 3 Таблицы стилей CSS Тема 7Таблицы стилей CSS. Основы dynamic HTML. Использование стилей в документах HTML. Способы добавление стилей в HTML. Установка языка таблицы стилей по умолчанию. Встроенная информация о стиле.
Задание стиля в заголовке - элемент STYLE.
Внешние таблицы стилей. Указание внешних таблиц стилей – элемент LINK. Каскады таблиц стилей. Скрытие информацию о стиле от программ-браузеров, не поддерживающих стили.
Основные свойства таблиц стилей – свойства шрифта, цвета и фона, текста, размеров и рамок.
Группирование элементов – элементы DIV и SPAN. Использование группирования для назначения стилей.
Новые свойства стиля. Позиционирование объектов на странице и третье измерение. Объектная модель в динамическом HTML.
Лабораторная работа № 6: Таблицы стилей CSS
Лабораторная работа № 7: Динамический HTML
Раздел 4 Язык XML Тема 8Язык XML. Правила создания XML- документа. XML (Extensible Markup Language) - это язык разметки, описывающий целый класс объектов данных, называемых XML- документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов.
Структура XML-документа. Правила создания XML- документа. Формально-правильный XML-документ. Верификация документа.
Конструкции языка: секции CDATA, директивы анализатора, комментарии, спецсимволы, текстовые данные.
Практическое занятие №1: Правила создания XML-документа.
Лабораторная работа № 8: Структура XML
Тема 9Таблицы стилей XSL. Спецификация XSLT. Основные понятия XSL (eXtensible Stylesheet Language) — расширяемый язык таблиц стилей. Отличия XSL от CSS. Применение XSL. Состав XSL (XSLT, XSLFO, XPath)
XSLT (Extensible Stylesheet Language Transformations) — часть спецификации XSL, задающая язык преобразований XML-документов. Спецификация XSLT является рекомендацией W3C.
Основные инструкции XSLT:
Создание и применение таблиц стилей (, , , , , );
Создание и применение шаблонов (, );
Принятие решений и сортировка данных (, , и , );
Лабораторная работа № 9: Стандарт XSLT
Тема 10 Описания структуры XML документа. DTD (Document Type Definition определение типа документа) — язык описания структуры SGML-документа.
XML Schema — один из языков описания структуры XML документа.
Синтаксис, семантика языка. Преимущества, недостатки.
Тема 11 Инструментарий (средства разметки HTML документов, средства разметки XML документов). Классификация средства разметки HTML документов. Общая характеристика, состав и назначение.
Классификация средства разметки XML документов. Общая характеристика, состав и назначение.
Семинарское занятие №1: Сравнительный анализ возможностей средств разметки HTML документов, средств разметки XML документов
Лабораторная работа № 10: Описания структуры XML документа
Лабораторная работа № 11: Описания структуры XML документа
|