Рабочая программа по дисциплине Web

Государственное образовательное учреждение высшего профессионального образования
«Дальневосточный государственный университет путей сообщения»
Естественно-научный институт
полное наименование института/факультета
УТВЕРЖДАЮ
Заведующий кафедрой
Комялова Е.В.
подпись, Ф.И.О.
«__» __________ 20___г.
РАБОЧАЯ ПРОГРАММА
дисциплины
____________________«Web-дизайн»
_______________________________________________
полное наименование дисциплины
направления подготовки (бакалавриата) 230100 Информатика и вычислительная техника /_
__________230104.62 Системы_автоматизированного проектирования_________________
код и наименование направления подготовки
Составитель (и) ________доцент Панченко А.А. ___________________________________
_____________________________________________________________________________
должность, Ф.И.О.
Обсуждена на заседании кафедры ___ «Системы автоматизированного проектирования»__
_____________________________________________________________________________
полное наименование кафедры-разработчика
«__» ____________ 20____ г., протокол № ___
Одобрена на заседании методической комиссии*
___________________________
________________________Естественно-научного института ________________________
полное наименование института/факультета
«__» ____________ 20____ г., протокол № ___
.
2010 г.
1. ЦЕЛИ И ЗАДАЧИ ДИСЦИПЛИНЫ
Целью дисциплины является изучение методологических и концептуальных
теоретических сведений о WEB-дизайне, формирование у студентов умения и навыков
работы с WEB-страницами и эффективного комбинирования элементов мультимедиа,
а также подготовка специалистов, умеющих применять современные методики разработки и сопровождения WEB-сайтов, используемых в дальнейшей профессиональной
деятельности.
В задачи дисциплины входит изучение основ аппаратных средств WEBдизайна, основных инструментальных средств, используемых для создания WEBстраниц, знакомство с возможностями создания базовых элементов WEB-страниц
(текст, графические изображения, звук, анимация), с возможностями применения информационных технологий в сети Интернет.
2. ТРЕБОВАНИЯ К УРОВНЮ УСВОЕНИЯ СОДЕРЖАНИЯ ДИСЦИПЛИНЫ
Студент должен обладать следующими профессиональными компетенциями:
1. Способностью ставить и решать прикладные задачи с использованием современных информационно-коммуникационных технологий.
2. Способностью понимать особенности работы предприятий, связанных с
производством информации, информационно-вычислительных услуг, технических
средств обработки информации и программного продукта.
В результате изучения дисциплины студент должен:
Знать:
1. О состоянии развития современных web-технологий, об их месте и роли в работе компьютерных сетей Internet/Intranet;
2. о проблемах и направлениях развития web-технологий;
3. о проблемах и направлениях развития программных средств, применяемых в
web-технологиях;
4. об основных методах и средствах автоматизации проектирования, используемых в программных средствах;
5. об основах построения сложных web-узлов.
Уметь:
1. Применять различные инструментальные средства для разработки web-страниц
и web-узлов;
2. ориентироваться в современных информационных технологиях, их возможностях, перспективах развития;
3. создавать различные элементы мультимедиа, используя при этом современные
программно-аппаратные средства;
4. осуществлять выбор средств и методов для решения поставленных профессиональных задач.
Владеть:
1. Методикой формирования элементов мультимедиа с помощью современных
программных средств;
2. инструментами создания web-страниц и перспективами развития современных
мультимедийных инструментов, применяемых для создания таких webстраниц;
2
3. специальной литературой в изучаемой предметной области.
3. СВЯЗЬ С ДРУГИМИ ДИСЦИПЛИНАМИ
Интернет-дизайн тесно связан с такими дисциплинами как «Информатика и
программирование», «Информационные системы и технологии», «Информационные
технологии в допечатной подготовке».
4. ОБЪЕМ ДИСЦИПЛИНЫ И ЕГО РАСПРЕДЕЛЕНИЕ ПО ВИДАМ РАБОТ
Количество часов в 1 семестре
Вид занятий
Лекции
Практические занятия
Лабораторные занятия
Самостоятельная работа
Курсовой проект
РГР
Итого часов
Зачет
Экзамен
18
36
52
3
106
+
5. ТЕМАТИЧЕСКОЕ СОДЕРЖАНИЕ КУРСА
5.1. Тематическое содержание лекционных занятий (1 семестр)
Номер Шифр
недели лекции
1
1, 2
Тема лекции
Содержание занятия
Кол-во
часов
2
3
4
5
ЛК1
Информация и бизнес.
Определение, классификация
и характеристика WEBсайтов по различным признакам
Введение. Предмет, основные цели, задачи и содержание курса. Место и роль курса среди других дисциплин. Основные понятия. Правовые основы информационной работы в России. Основные правовые акты, определяющие порядок формирования и
использования информационных ресурсов. Идеология WWW. Распространенные форматы данных в
Интернете. Архитектура клиент-сервер. Основы работы web-сервера.
Эволюция HTML. Составные элементы HTMLдокумента. Типы данных HTML. Структура HTMLдокумента. Общие атрибуты элементов HTML. Теги
заголовка документа. Теги тела документа. Блочные
и строчные элементы разметки. Работа с текстом.
Заголовки и абзацы. Списки: нумерованные, маркированные. Объекты HTML-документов. Типы файлов иллюстраций. Управление размещением иллюстрации и обтеканием текста. Вставка объектов.
Карты ссылок. Создание гиперссылок. Понятие
внешней и внутренней ссылки. Способы указания
Основы HTML
3, 4
ЛК2
2
2
3
5, 6
ЛК3
7, 8
ЛК4
9, 10
ЛК5
11, 12
ЛК6
13, 14
ЛК7
источника файла для ссылок и иллюстраций: абсолютный, относительный, URL.
Таблицы в документах HTML Таблицы — основное средство для управления расположением материалов в современном HTML. Основные теги создания таблиц. Основные атрибуты
таблиц, строк, ячеек. Логическое форматирование
фрагментов таблиц. Объединение ячеек. Особенности использования таблиц для верстки webдокументов. Вложенные таблицы.
Объекты, формы и фреймы Понятие объекта в HTML-документах. Вставка
изображений. Карта ссылок. Вставка апплетов, элементов ActiveX, объектов, обрабатываемых с помощью расширений обозревателя, и др. Элементы
форм. Типы управляющих элементов. Ввод данных:
элемент INPUT. Меню. Многострочный текст.
Кнопки. Группы управляющих элементов. Правила
работы с формами. Понятие фреймовой структуры
web-страницы. Особенности использования фреймов. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов. Проблемы фреймовой организации страницы.
Стилевое оформление HTML- Каскадные таблицы стилей (CSS). Эволюция. Опедокументов
раторы, директивы и правила. Поддержка браузерами CSS. Основные понятия и определения. Размещение стилевого описания документа. Типы данных
CSS. Типы простых селекторов. Селекторы. Использование псевдоклассов и псевдоэлементов. Принципы наследования, Каскадирования и группировки.
Специфичность селектора. Применение стилей и
классов к элементам документа HTML. Создание
слоев при помощи CSS. Границы, заполнители и
рамки. Позиционирование элементов. Цвет элемента
и цвет фона. Свойства шрифта. Свойства текста.
Фильтры изображений. Эффекты перехода.
Основные понятия компью- Особенности восприятия цвета человеком. Понятие
терной графики
цветовой модели. Модели RGB и CMYK. Цветовой
куб модели RGB. Понятия цветового тона, насыщенности и яркости. Цветовые модели HSB, HLS.
Другие цветовые модели. Цветовая схема Йоханнеса
Иттена. Цветовой круг. Проблемы подбора гармоничных цветов. Формирование изображения с помощью компьютера. Оцифровка изображений.
Устройства цифрового ввода и вывода изображений.
Векторный и растровый способ формирования изображений. Векторная графика и ее математические
основы. Сплайн-функции. Кривые Безье. Контур и
вложенная область. Изменение объектов векторной
графики. Построение сложных объектов векторной
графики. Программы для работы с объектами растровой и векторной графики: обзор, основные функции, области применения. Форматы файлов. Требования к иллюстрациям в Интернете. Методы сжатия.
Обзор форматов иллюстраций JPEG, GIF, PNG,
SWF... Выбор формата графического файла. Понятие палитры. Формат GIF. Выбор палитры.. GIFанимация. Оптимизация изображений. Использование графики в ссылках.
Сценарии JavaScript и
Основы создания динамичных, интерактивных webDHTML
ресурсов. Основные функции клиентских сценариев.
Обзор основных языков клиентских сценариев. Основы JavaScript. Включение JavaScript в HTMLдокументы. Вывод результатов работы сценария
JavaScript в HTML-документ. Структура программ
2
2
2
2
2
4
Web-cерверы
15, 16
ЛК8
Основы XML
17, 18
ЛК9
на языке JavaScript. Особенности синтаксиса языка
JavaScript. Типы данных, литералы. Использование
переменных в JavaScript. Выражения и операции
языка JavaScript. Порядок выполнения. Операторы
JavaScript. Функции JavaScript. Возвращение значений. Массивы и объекты в JavaScript. Встроенные
классы объектов. Объектная модель документа
(DOM). Понятие коллекций. Обзор объектов, коллекций, методов и свойств клиентских сценариев.
Система событий языка JavaScript. Совместное использование HTML, CSS и JavaScript. Динамический
HTML. Доступ и динамическое изменение элементов, атрибутов элементов и значений свойств CSS.
Пассивные и активные 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. Типовая последовательность работы
с данными.
XML: начальные сведения, стандарты, области применения, связанные технологии и возможности.
Синтаксические правила XML. Структура документа, директивы анализатора. Формально-правильные
и правильные XML-документы. Примеры. Содержимое XML-документа: наборы элементов, секции
CDATA, директивы анализатора, комментарии,
ссылки на сущность. Примеры. Пространство имен.
Основные понятия. Задание пространства имен в
XML-документе. Синтаксис объявления. Спецификация «XML информационное множество». Типы
информационных элементов данных. Единицы информации комментария, символа, документа. DTD
— определение типа документа. Основные структурные элементы DTD. Внешние и внутренние DTD.
Использование, конструкции, размещение. Модели
содержания элементов. Объявление элемента. Объявление атрибутов. Объявление сущностей. Примеры. XML-схемы. Сравнение DTD и XML-схем.
Всего:
2
2
18
5
5.2. Тематическое содержание практических занятий (1 семестр)
Номер
недели
Тема практического занятия
Кол-во
часов
1
2
3
Оформление статических документов с использование средств HTML и
CSS. Работа в HTML-редакторах (Dreamweaver, HomeSite, TopStyle).
Динамические элементы сайта на стороне клиента средствами JavaScript и
3, 4, 5,
DHTML. Создание интерактивных элементов сайта средствами HTML6
редакторов.
Графические и мультимедийные элементы оформления Интернет-узла. Оп7, 8, 9,
тимизация графики. Создание интерактивных элементов сайта в графиче10
ских редакторах.
11, 12, Создание интернет-приложений на стороне сервера. Технология SSI. Реги13, 14 страционная форма.
15, 16, Интернет-приложения и базы данных. Создание гостевой книги средствами
17, 18 ASP.
1, 2
Всего:
4
8
8
8
8
36
6. ВИДЫ САМОСТОЯТЕЛЬНОЙ РАБОТЫ СТУДЕНТОВ И ИХ СОСТАВ
Самостоятельная работа студентов направлена на закрепление теоретических
знаний, практических умений и навыков, правильное оформление результатов, на работу с учебно-методической литературой.
Формы самостоятельной работы
1. Проработка лекционного материала
2. Подготовка к практическим занятиям
3. Выполнение РГР
№
Срок
Содержание типовых расчетов и РГР
п/п
выдачи
1 Использование Dynamic HTML для создания динами3
ческих элементов сайта
2 Графические и мультимедийные элементы оформле7
ния web-сайта
3 Создание регистрационной формы для web-сайта
12
Срок
сдачи
6
13
15
7. ПЕРЕЧЕНЬ И ФОРМЫ ТЕКУЩЕГО КОНТРОЛЯ ЗНАНИЙ
Основной задачей контроля за качеством усвоения материала курса является
обеспечение постоянной и систематической работы студентов в течение семестра.
Основные формы контроля
- проведение контрольных работ
- проведение самостоятельных работ
6
8. ВОПРОСЫ К ЭКЗАМЕНУ
1. Определение, классификация и характеристика WEB-сайтов по различным признакам
2. Распространенные форматы данных в Интернете. Архитектура клиент-сервер.
Основы работы web-сервера.
3. Составные элементы HTML-документа. Типы данных HTML. Структура HTMLдокумента.
4. Общие атрибуты элементов HTML. Теги заголовка документа. Теги тела документа. Блочные и строчные элементы разметки. Работа с текстом. Заголовки и
абзацы. Списки: нумерованные, маркированные.
5. Объекты HTML-документов. Типы файлов иллюстраций. Управление размещением иллюстрации и обтеканием текста. Вставка объектов. Карты ссылок. Создание гиперссылок.
6. Создание таблиц. Основные атрибуты таблиц, строк, ячеек. Особенности использования таблиц для верстки web-документов.
7. Понятие объекта в HTML-документах. Карта ссылок. Вставка апплетов, элементов ActiveX, объектов, обрабатываемых с помощью расширений обозревателя, и
др. Элементы форм.
8. Типы управляющих элементов. Правила работы с формами. Понятие фреймовой
структуры web-страницы.
9. Стилевое оформление HTML-документов. Каскадные таблицы стилей (CSS).
10.Основные понятия компьютерной графики
11.Сценарии JavaScript и DHTML
12.Web-cерверы. Пассивные и активные web-cерверы. Основы клиент-серверного
взаимодействия.
13.Обзор технологий серверного интернет-программирования (CGI/Perl, PHP, ASP,
SSI и др.), их поддержка различными операционными системами и webсерверами.
14.Основы работы с базами данных в интернет-приложениях. Обзор типичных интернет-технологий баз данных.
15.XML: стандарты, области применения, связанные технологии и возможности.
16.DTD — определение типа документа. Основные структурные элементы DTD.
Внешние и внутренние DTD.
7
9. ПРИМЕРНЫЙ КАЛЕНДАРНЫЙ ПЛАН ДИСЦИПЛИНЫ
Государственное образовательное учреждение высшего профессионального образования «Дальневосточный
государственный университет путей сообщения»
Институт/факультет
Естественно-научный институт
Информатика и вычислительная техника /
230104.62 «Системы автоматизированного проектирования»
направление подготовки/ специальность
Курс
1
913
Группа (ы)
КАЛЕНДАРНЫЙ ПЛАН
Интернет-дизайн
полное наименование дисциплины
занятий по дисциплине
в 1 семестре 20__/20__учебного года
Число часов лекций
Число часов практических занятий
Число часов лабораторных занятий
Всего часов аудиторных занятий
Число часов индивидуальных занятий
Число часов самостоятельной работы
РГР
Форма отчетности
Лектор
Руководитель групповых занятий
18
36
0
54
0
52
3
экзамен
2
3
Информация и бизнес.
Определение, классификация и характеристика WEB-сайтов по различным признакам
Основы HTML
2
Таблицы в документах HTML
2
Объекты, формы и фреймы
2
Стилевое оформление HTMLдокументов
8
2
Основные понятия компьютерной
графики
8
2
3,4
5, 6
7, 8
9,
10
11,
12
4
5
4
8
Тема и содержание практических,
лабораторных и индивидуальных
занятий
6
Оформление статических документов с использование средств HTML
и CSS. Работа в HTML-редакторах
(Dreamweaver, HomeSite, TopStyle).
Динамические элементы сайта на
стороне клиента средствами
JavaScript и DHTML. Создание
интерактивных элементов сайта
средствами HTML-редакторов.
Графические и мультимедийные
элементы оформления Интернетузла. Оптимизация графики. Создание интерактивных элементов
сайта в графических редакторах.
Создание интернет-приложений на
стороне сервера. Технология SSI.
ТСО
2
Кол. час
Кол. час
1
1, 2
Тема и содержание лекций
ТСО
Неделя
1. План лекций, практических, лабораторных и индивидуальных занятий
7
Контроль
качества
усвоения
материала
8
ЭВМ Рейтинг
ЭВМ
Контрольная
работа
№1, рейтинг
ЭВМ
Опрос,
рейтинг
ЭВМ
Опрос,
рейтинг
8
13,
14
всего
15,
16
17,
18
Сценарии JavaScript и DHTML
Регистрационная форма.
2
Web-cерверы
2
Основы XML
Интернет-приложения и базы данных. Создание гостевой книги
средствами ASP
2
8
18
Итоговое
тестироЭВМ
вание,
рейтинг
36
9
Посещение лекционных занятий
1
Посещение практических занятий
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
30
Подготовка к экзамену
12
1
4
1
1
1
5
1
5
1
9
5
23
20
20
2
5
2
1
2
15
2
1
2
6
2
1
12
6
12
1
2
6
30
20
100
2
7
9
10
12
27
29
30
32
38
40
41
53
59
71
72
74
80
Экзамен
Рейтинг
за неделю
Рейтинг
с нарастанием
18
10
Выполнение РГР
4
1
10
10
1
10
Отчёты по лабораторным работам
Рейтинг по виду работ
Рейтинговые баллы по неделям и видам работ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Срок сдачи
Срок выдачи
Наименование вида
работы (подготовка к
аудиторным занятиям,
РГР, КП, КР и т.д.)
Часы самост.
работы
2. Выполнение плана самостоятельной работы
100
100
* Заполнение граф плана обязательно, кроме граф "Срок выдачи" и "Срок сдачи"
Рейтинговый балл устанавливается преподавателем суммарно по всем видам занятий
10
10. УЧЕБНО-МЕТОДИЧЕСКИЕ МАТЕРИАЛЫ ДИСЦИПЛИНЫ.
10.1 ОСНОВНАЯ ЛИТЕРАТУРА
1. Дунаев В. Основы WEB-дизайна, СПб, 2007
2. Скотт М. Секреты Web-дизайна. Москва, 2007.
10.2 ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА
1. Алексеев А. П. Введение в Web-дизайн. Москва, 2008
2. Дронов В. JavaScript и AJAX в Web-дизайне. СПб, 2008
3. Евсеев Д. А., Трофимов В. В. Web-дизайн в примерах и задачах. Москва, 2009.
4. Ищенко В. А. 100% самоучитель Web-дизайна. Создавай свои сайты. Москва,
2009.
5. Константинов П. П., Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Web-дизайн
с нуля. Москва, 2009.
6. Лопак Л. Web-дизайн для "чайников". Москва, 2008.
7. Перелыгин В. А., Самойлов Е. Э. Самоучитель web-дизайна. Москва, 2009
8. Самойлов Е. Э. Web-дизайн для начинающих. Практическое руководство.
Москва, 2009.
9. Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Разработка, дизайн, программирование и раскрутка web-сайта. Москва, 2009.
10.Хортон С. Разумный Web-дизайн. Москва, 2008.
11