- •Автор - составитель:
- •Содержание
- •1.2 Требования к уровню освоения содержания дисциплины
- •1.3 Объем дисциплины
- •1.3.1 Объем дисциплины и виды учебной работы
- •1.3.2 Распределение часов по темам и видам учебной работы
- •1.4 Содержание курса
- •Текст и шрифтовое оформление.
- •Html. Таблицы. Фреймы.
- •Html. Использование графических изображений.
- •Раздел 3 Таблицы стилей css
- •Таблицы стилей css. ОсновыdynamicHtml.
- •Раздел 4 Язык xml
- •Язык xml. Правила созданияXml- документа.
- •Таблицы стилей xsl. СпецификацияXslt.
- •Описания структуры xml документа.
- •1.7 Список литературы основная:
- •Дополнительная:
- •Часть 2 материалы, устанавливающие содержание и порядок проведения промежуточной и итоговой аттестации
- •2.1 Задания для самостоятельной работы студентов
- •2.2 Темы курсовых (контрольных работ) рефератов и методические указания по их выполнению
- •2.3 Вопросы для подготовки к зачету
- •2.4 Учебно-методическое обеспечение дисциплины
- •2.4.1 Методические указания для преподавателей
- •2.4.2 Методические указания для студентов
- •2.4.3 Методическое обеспечение дисциплины
- •2.4.4 Материально-техническое и информационное обеспечение дисциплины
- •Приложение
Html. Использование графических изображений.
Требования к графическим изображениям, размещаемым в гипертекстовых документах. Форматы графических файлов GIFиJPEG.
Включение изображения – элемент IMG, атрибутSRC. Визуальное представление изображений: ширина –WIDTH, высота –HEIGHT, пространство вокруг изображений –VSPACEиHSPACE, границы –BORDER, выравнивание –ALIGN, альтернативный текст –ALT.
Навигационные карты: клиентские и серверные. Клиентские навигационные карты - элементы MAPиAREA.
Лабораторная работа № 2: Графика в HTML документе
Раздел 3 Таблицы стилей css
Таблицы стилей css. ОсновыdynamicHtml.
Использование стилей в документах HTML. Способы добавление стилей вHTML. Установка языка таблицы стилей по умолчанию. Встроенная информация о стиле.
Задание стиля в заголовке - элемент STYLE.
Внешние таблицы стилей. Указание внешних таблиц стилей – элемент LINK. Каскады таблиц стилей. Скрытие информацию о стиле от программ-браузеров, не поддерживающих стили.
Основные свойства таблиц стилей – свойства шрифта, цвета и фона, текста, размеров и рамок.
Группирование элементов – элементы DIVиSPAN. Использование группирования для назначения стилей.
Новые свойства стиля. Позиционирование объектов на странице и третье измерение. Объектная модель в динамическом HTML.
Лабораторная работа № 6: Таблицы стилей CSS
Лабораторная работа № 7: Динамический HTML
Раздел 4 Язык xml
Язык xml. Правила созданияXml- документа.
XML(Extensible Markup Language) - это язык разметки, описывающий целый класс объектов данных, называемыхXML- документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов.
Структура XML-документа. Правила созданияXML- документа. Формально-правильныйXML-документ. Верификация документа.
Конструкции языка: секции CDATA, директивы анализатора, комментарии, спецсимволы, текстовые данные.
Практическое занятие №1: Правила создания XML-документа.
Лабораторная работа № 8: Структура XML
Таблицы стилей xsl. СпецификацияXslt.
Основные понятия XSL(eXtensibleStylesheetLanguage) — расширяемый язык таблиц стилей. ОтличияXSLотCSS. ПрименениеXSL. СоставXSL(XSLT,XSLFO,XPath)
XSLT(ExtensibleStylesheetLanguageTransformations) — часть спецификацииXSL, задающая язык преобразованийXML-документов. СпецификацияXSLTявляется рекомендациейW3C.
Основные инструкции XSLT:
Создание и применение таблиц стилей (<xsl:stylesheet>, <xsl:template>, <xsl:apply-templates>, <xsl:include>, <xsl:import> , <xsl:apply-imports>);
Создание и применение шаблонов (<xsl:text>, <xsl:value-of>);
Принятие решений и сортировка данных (<xsl:if>, <xsl:choose>, <xsl:when> и <xsl:otherwise>, <xsl:for-each>);
Лабораторная работа № 9: Стандарт XSLT
Описания структуры xml документа.
DTD(DocumentTypeDefinitionопределение типа документа) — язык описания структурыSGML-документа.
XMLSchema— один из языков описания структурыXMLдокумента.
Синтаксис, семантика языка. Преимущества, недостатки.
Инструментарий (средства разметки HTMLдокументов, средства разметкиXMLдокументов).
Классификация средства разметки HTMLдокументов. Общая характеристика, состав и назначение.
Классификация средства разметки XMLдокументов. Общая характеристика, состав и назначение.
Семинарское занятие №1: Сравнительный анализ возможностей средств разметки HTML документов, средств разметки XML документов
Лабораторная работа № 10: Описания структуры XML документа
Лабораторная работа № 11: Описания структуры XML документа
1.5 ТЕМЫ ПРАКТИЧЕСКИХ И СЕМИНАРСКИХ ЗАНЯТИЙ.
1.5.1 ТЕМЫ ПРАКТИЧЕСКИХ ЗАНЯТИЙ
Тема 8ЯзыкXML. Правила созданияXML- документа.
Практическое занятие №1: Правила создания XML-документа.
Цель: Создание XML-документа.
Задание:
Разработка структуры документа «ВУЗ»
Разработка структуры документа по индивидуальным темам:
Аудиотека
Видеотека
Библиотека
Студент
Игротека
Жильцы
Кафедра
Товары
Учет материальных ценностей
Записная книжка
Клиенты
Поставщики
Семья
Сотрудники
Кулинарная книга
Курсовые работы
Дипломные работы
Конфигурация компьютера
Договора
Склад
1.5.2 ТЕМЫ СЕМИНАРСКИХ ЗАНЯТИЙ.
Тема 11Инструментарий (средства разметкиHTMLдокументов, средства разметкиXMLдокументов).
Семинарское занятие №1: Сравнительный анализ возможностей средств разметки HTML документов, средств разметки XML документов
Цель: Знакомство с существующими средствами разметки HTMLдокументов, средствами разметкиXMLдокументов
Задание:
Текстовые редакторы разметки HTML документов
Визуальные редакторы разметки HTML документов
Текстовые редакторы разметки XML документов
Визуальные редакторы разметки XML документов
1.6 ЛАБОРАТОРНЫЕ РАБОТЫ (ЛАБОРАТОРНЫЙ ПРАКТИКУМ)
№№ и названия разделов и тем |
Цель и содержание лабораторной работы |
Результаты лабораторной работы |
Лабораторная работа № 1: Структура документа в формате HTML. Текст и шрифтовое оформление | ||
Тема 3 Язык HTML. Структура документа. Тема 4 Текст и шрифтовое оформление. |
Использование тегов прямого форматирования физической и логической разметки текста. |
HTML-документ lesson 1.html |
Лабораторная работа № 2: Графика в HTML документе | ||
Тема 6 HTML. Использование графических изображений. |
Использование графических изображений в HTML-документе. Знакомство с атрибутами тегаimg |
HTML-документ lesson 2_1.html |
Лабораторная работа № 3: Гиперссылки | ||
Тема 4 Текст и шрифтовое оформление. |
Создание ссылок и закладок в гипертекстовом документе. |
HTML-документ lesson 3.html |
Лабораторная работа № 4: Таблицы | ||
Тема 5 HTML. Таблицы. Фреймы. |
Создание и использование таблицы в гипертекстовом документе |
HTML-документ lesson 4.html |
Лабораторная работа № 5: Фреймы | ||
Тема 5 HTML. Таблицы. Фреймы. |
Создание фреймовой структуры. |
HTML-документ lesson 5.html |
Лабораторная работа № 6: Таблицы стилей CSS | ||
Тема 7 Таблицы стилей CSS. ОсновыdynamicHTML. |
Использование стандарта CSS. Способы подключения таблиц стилей к гипертекстовому документу. |
HTML-документ lesson6_1.html(стили в документе) lesson6_2.html(стили во внешнем файле) |
Лабораторная работа № 7: Динамический HTML | ||
Тема 7 Таблицы стилей CSS. ОсновыdynamicHTML. |
Программирование на стороне клиента. Использование объектной модели браузера для реализации динамических эффектов в гипертекстовом документе. |
HTML-документ lesson 7.html |
Лабораторная работа № 8: Структура XML | ||
Тема 8 Язык XML. Правила созданияXML- документа. |
Создание XML структуры. |
XML-документ lesson 8_1.xml lesson 8_VUZ.xml lesson 8_my.xml |
Лабораторная работа № 9: Стандарт XSLT | ||
Тема 9 Таблицы стилей XSL. СтандартXSLT. |
Стилевое форматирование XML структуры. |
XML-документ lesson 9.xml lesson 9.xsl |
Лабораторная работа № 10: Описания структуры XML документа | ||
Тема 10 Описания структуры XMLдокумента. |
Описания структуры XMLдокумента посредствомDTDопределений. |
XML-документ lesson 10.xml lesson 10.dtd |
Лабораторная работа № 11: Описания структуры XML документа | ||
Тема 10 Описания структуры XMLдокумента. |
Описания структуры XMLдокумента посредствомXMLSchema. |
XML-документ lesson 11.xml lesson 11.xsd |