 |
Тема 6. Сценарии JavaScript и DHTML
|
|
|
|
НЕГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«САНКТ-ПЕТЕРБУРГСКИЙ ГУМАНИТАРНЫЙ УНИВЕРСИТЕТ ПРОФСОЮЗОВ»
| Рассмотрено на заседании Ученого совета экономического факультета Протокол № 1 от 26 сентября 2013 г. | УТВЕРЖДАЮ Проректор по учебной работе ________________ «___»________________2013 г. |
РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ
Web-технологии
Направление подготовки 230700.62 Прикладная информатика
Профили подготовки – Прикладная информатика в экономике,
Прикладная информатика в социально-культурной сфере
Квалификация выпускника – Бакалавр
Форма обучения – очная, заочная
Санкт-Петербург
1 Цели и задачи освоения дисциплины:
Цель изучения дисциплины «Web-технологии» - создание у студентов представления о структуре, принципах функционирования и разработке современных мировых информационных ресурсов.
Основными задачами освоения дисциплины являются:
- получение систематических знаний о средствах и технологиях разметки документов;
- приобретение специальных знаний и умений, необходимых для формирования навыков разметки и программирования в web-средах.
2 Место учебной дисциплины в структуре ООП:
«Web-технологии» представляет собой дисциплину вариативной части профессионального цикла дисциплин (Б3) направления подготовки 230700.62 Прикладная информатика, изучается в 5 и 6 семестрах в объеме 180 часов (5 зачетных единицы).
Дисциплина «Web-технологии» является логическим продолжением дисциплин «Информатика и программирование», «Вычислительные системы, сети и телекоммуникации», «Операционные системы» и «Информационные системы и технологии».
|
|
|
Использование дисциплины «Web-технологии» необходимо как предшествующее для курсов профессионального цикла (Б3 – базы данных, информационная безопасность, предметно-ориентированные экономические информационные системы, высокоуровневые методы информатики и программирования).
3 Требования к результатам освоения дисциплины:
Процесс изучения дисциплины направлен на формирование следующих компетенций:
- способен принимать участие в создании и управлении ИС на всех этапах жизненного цикла (ПК-11);
- способен принимать участие в реализации профессиональных коммуникаций в рамках проектных групп, презентовать результаты проектов и обучать пользователей ИС (ПК-14);
В результате изучения дисциплины студент должен знать:
- основы языков разметки (язык HTML, XHTML, XML, CSS);
- основы программирования приложений для Web;
- технологии работы с реляционными базами данных через WEB-интерфейс;
- проблемы и направления развития отечественных и зарубежных информационных ресурсов;
уметь:
- ориентироваться в современных web-технологиях, их возможностях, перспективах развития;
- проводить анализ существующих узлов и разрабатывать новые web-узлы;
- осуществлять выбор средств и методов для решения конкретных задач;
- пользоваться специальной литературы в изучаемой предметной области;
- использовать международные и отечественные стандарты;
владеть: навыками работы в современной программно-технической среде в различных операционных системах.
4 Структура и содержание дисциплины
Объем дисциплины и виды учебной работы
Заочная форма обучения
| № п/п | Наименование тем | курс | Трудоемкость (часов) | Формируемые компетенции | Формы текущего контроля | |||||
| всего | аудиторные | СР | ||||||||
| всего | лекц. | Практ/ лаб | сем. | |||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 1. | Основы HTML | - | ПК-11, ПК-14 | Устный опрос | ||||||
| 2. | Таблицы в документах HTML | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос | ||||||
| 3. | Объекты, формы и фреймы | - | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос, аттестация | |||||
| 4. | Стилевое оформление HTML-документов | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос, зачет | ||||||
| 5. | Основные понятия компьютерной графики | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос | ||||||
| 6. | Сценарии JavaScript и DHTML | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос, аттестация | ||||||
| 7. | Web-cерверы | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос | ||||||
| 8. | Основы XML | - | ПК-11, ПК-14 | Проверка лабораторной работы, устный опрос, экзамен | ||||||
| Итоговая аттестация | - | Форма итоговой аттестации: ЗАЧЕТ, ЭКЗАМЕН | ||||||||
| Итого | - | Всего зачетных единиц: 5 |
|
|
|
4.2 Тематическое содержание дисциплины
Тема 1. Основы HTML
Эволюция HTML. Составные элементы HTML-документа. Типы данных HTML. Структура HTML-документа. Общие атрибуты элементов HTML. Теги заголовка документа.
Теги тела документа. Блочные и строчные элементы разметки. Работа с текстом. Заголовки и абзацы. Списки: нумерованные, маркированные.
Объекты HTML-документов. Типы файлов иллюстраций. Управление размещением иллюстрации и обтеканием текста. Вставка объектов. Карты ссылок.
Создание гиперссылок. Понятие внешней и внутренней ссылки. Способы указания источника файла для ссылок и иллюстраций: абсолютный, относительный, URL.
Тема 2. Таблицы в документах HTML
Таблицы – основное средство для управления расположением материалов в современном HTML. Основные теги создания таблиц. Основные атрибуты таблиц, строк, ячеек. Логическое форматирование фрагментов таблиц. Объединение ячеек. Особенности использования таблиц для верстки Web-документов. Вложенные таблицы.
Тема 3. Объекты, формы и фреймы
Понятие объекта в HTML-документах. Вставка изображений. Карта ссылок. Вставка апплетов, элементов ActiveX, объектов, обрабатываемых с помощью расширений обозревателя, и др.
Элементы форм. Типы управляющих элементов. Ввод данных: элемент INPUT. Меню. Многострочный текст. Кнопки. Группы управляющих элементов. Правила работы с формами.
|
|
|
Понятие фреймовой структуры Web-страницы. Особенности использования фреймов. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов. Проблемы фреймовой организации страницы.
Тема 4. Стилевое оформление HTML-документов
Каскадные таблицы стилей (CSS). Эволюция. Операторы, директивы и правила. Поддержка браузерами CSS. Основные понятия и определения. Размещение стилевого описания документа. Типы данных CSS.
Типы простых селекторов. Селекторы. Использование псевдоклассов и псевдоэлементов.
Принципы наследования, каскадирования и группировки. Специфичность селектора.
Применение стилей и классов к элементам документа HTML. Создание слоев при помощи CSS.
Границы, заполнители и рамки. Позиционирование элементов. Цвет элемента и цвет фона. Свойства шрифта. Свойства текста.
Фильтры изображений. Эффекты перехода
Тема 5. Основные понятия компьютерной графики
Особенности восприятия цвета человеком. Понятие цветовой модели. Модели RGB и CMYK. Цветовой куб модели RGB. Понятия цветового тона, насыщенности и яркости. Цветовые модели HSB, HLS. Другие цветовые модели. Цветовая схема Йоханнеса Иттена. Цветовой круг. Проблемы подбора гармоничных цветов.
Формирование изображения с помощью компьютера. Оцифровка изображений. Устройства цифрового ввода и вывода изображений. Векторный и растровый способ формирования изображений.
Векторная графика и ее математические основы. Сплайн-функции. Кривые Безье. Контур и вложенная область. Изменение объектов векторной графики. Построение сложных объектов векторной графики. Программы для работы с объектами растровой и векторной графики: обзор, основные функции, области применения. Форматы файлов.
Требования к иллюстрациям в Интернет. Методы сжатия. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF... Выбор формата графического файла.
Понятие палитры. Формат GIF. Выбор палитры.. GIF-анимация. Оптимизация изображений. Использование графики в ссылках.
|
|
|
Тема 6. Сценарии JavaScript и DHTML
Основы создания динамичных, интерактивных Web-ресурсов. Основные функции клиентских сценариев. Обзор основных языков клиентских сценариев. Основы JavaScript. Включение JavaScript в HTML- документы. Вывод результатов работы сценария JavaScript в HTML-документ.
Структура программ на языке JavaScript. Особенности синтаксиса языка JavaScript. Типы данных, литералы. Использование переменных в JavaScript. Выражения и операции языка JavaScript. Порядок выполнения. Операторы JavaScript. Функции JavaScript. Возвращение значений. Массивы и объекты в JavaScript. Встроенные классы объектов.
Объектная модель документа (DOM). Понятие коллекций. Обзор объектов, коллекций, методов и свойств клиентских сценариев. Система событий языка JavaScript. Совместное использование HTML, CSS и JavaScript. Динамический HTML. Доступ и динамическое изменение элементов, атрибутов элементов и значений свойств CSS.
Тема 7. Web-cерверы
Пассивные и активные Web-cерверы. Основы клиент-серверного взаимодействия. Передача данных методами GET и POST. URL-кодирование данных. Обзор существующих web-серверов. Области их применения.
Серверные сценарии и приложения. Обзор технологий серверного интернет-программирования (CGI/Perl, PHP, ASP, SSI и др.), их поддержка различными операционными системами и web-серверами. Технология SSI (Server Side Include). Обзор команд.
Основные сведения о IIS. Понятие «виртуального» сервера. Серверные решения на основе IIS. Применение технологий ASP и PHP. Интерфейсы web-сервера. Интерфейсы CGI и ISAPI. Технология ASP. Языки программирования. Особенности и возможности. Объекты сервера. Основные приемы работы с данными. ASP-компоненты.
Основы работы с базами данных в интернет-приложениях. Обзор типичных интернет-технологий баз данных. Универсальные механизмы доступа к БД (Microsoft Universal Data Access). Интерфейс ADO. Типовая последовательность работы с данными.
Тема 8. Основы XML
XML: начальные сведения, стандарты, области применения, связанные технологии и возможности..Синтаксические правила XML. Структура документа, директивы анализатора.
Формально-правильные и правильные XML-документы. Примеры.
Содержимое XML-документа: наборы элементов, секции CDATA, директивы анализатора, комментарии, ссылки на сущность. Примеры.
Пространство имен. Основные понятия. Задание пространства имен в XML-документе. Синтаксис объявления.
Спецификация «XML информационное множество». Типы информационных элементов данных. Единицы информации комментария, символа, документа.
DTD – определение типа документа. Основные структурные элементы DTD. Внешние и внутренние DTD. Использование, конструкции, размещение. Модели содержания элементов. Объявление элемента. Объявление атрибутов. Объявление сущностей. Примеры.
|
|
|
XML-схемы. Сравнение DTD и XML-схем.
Перспективы развития web-технологий. Заключение.
|
|
|
