ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ

ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ЭКОНОМИКИ И ФИНАНСОВ
РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ
«WEB - дизайн»
Рекомендуется для направления подготовки:
230700 «Прикладная информатика»
Квалификация выпускника - бакалавр
Санкт-Петербург
2011
1. Цели и задачи дисциплины:
Целью дисциплины является изучение методологических и концептуальных
теоретических сведений о WEB-дизайне, формирование у студентов умения и навыков
работы с WEB-страницами и эффективного комбинирования элементов мультимедиа, а
также подготовка специалистов, умеющих применять современные методики разработки
и сопровождения WEB-сайтов, используемых в дальнейшей профессиональной
деятельности.
В задачи дисциплины входит изучение основ аппаратных средств WEB-дизайна,
основных инструментальных средств, используемых для создания WEB-страниц,
знакомство с возможностями создания базовых элементов WEB-страниц (текст,
графические изображения, звук, анимация), с возможностями применения
информационных технологий в сети Интернет.
2. Место дисциплины в структуре ООП:
Дисциплина «Web-дизайн» является
составляющей
«Профессиональных
дисциплин» цикла (вариативная часть).
Требования к входным знаниям: наличие знаний по дисциплинам «Информатика
и программирование», «Информационные системы и технологии», «Информационные
технологии в допечатной подготовке».
Дисциплина «Web-дизайн» является предшествующей для дисциплины
«Разработка Web-представительств для систем электронной коммерции».
В ходе освоения дисциплины студенты получают углубленные знания в области
WEB-дизайна, которые способствуют созданию, внедрению, анализу и сопровождению
профессионально-ориентированных компьютерных технологий в профессиональной
области
3. Требования к результатам освоения дисциплины:
Выпускник должен обладать следующими профессиональными компетенциями:
1. Способностью ставить и решать прикладные задачи с использованием
современных информационно-коммуникационных технологий.
2. Способностью понимать особенности работы предприятий, связанных с
производством
информации, информационно-вычислительных услуг, технических
средств обработки информации и программного продукта.
В результате изучения дисциплины студент должен:
Знать:
1. О состоянии развития современных web-технологий, об их месте и роли в работе
компьютерных сетей Internet/Intranet;
2. о проблемах и направлениях развития web-технологий;
3. о проблемах и направлениях развития программных средств, применяемых в
web-технологиях;
4. об основных методах и средствах автоматизации проектирования, используемых
в программных средствах;
5. об основах построения сложных web-узлов.
Уметь:
1. Применять различные инструментальные средства для разработки web-страниц и
web-узлов;
2. ориентироваться
в
современных
информационных
технологиях,
их
возможностях, перспективах развития;
3. создавать различные элементы мультимедиа, используя при этом современные
программно-аппаратные средства;
4. осуществлять выбор средств и методов для решения поставленных
профессиональных задач.
Владеть:
1. Методикой формирования элементов мультимедиа с помощью современных
программных средств;
2. инструментами создания web-страниц и перспективами развития современных
мультимедийных инструментов, применяемых для создания таких web-страниц;
3. специальной литературой в изучаемой предметной области.
4. Объем дисциплины и виды учебной работы
Общая трудоемкость дисциплины составляет 108 зачетных единиц.
Всего часов
(8 семестр)
Вид учебной работы
Аудиторные занятия (всего)
48
В том числе:
-
Лекции
20
Практические занятия (ПЗ)
28
Самостоятельная работа (всего)
60
В том числе:
-
Расчетно-графические работы
20
Реферат
18
Контрольная работа
22
Вид промежуточной аттестации (зачет, экзамен)
Общая трудоемкость
час
зач. ед.
108
3
5. Содержание дисциплины
5.1. Содержание разделов дисциплины
№
п/п
1.
2.
Наименование раздела
дисциплины
Информация и бизнес.
Определение,
классификация и
характеристика WEBсайтов по различным
признакам
Основы HTML
Содержание раздела
Введение. Предмет, основные цели, задачи и содержание
курса. Место и роль курса среди других дисциплин.
Основные понятия. Правовые основы информационной
работы
в
России.
Основные
правовые
акты,
определяющие порядок формирования и использования
информационных
ресурсов.
Идеология
WWW.
Распространенные форматы данных в Интернете.
Архитектура клиент-сервер. Основы работы web-сервера.
Эволюция HTML. Составные элементы HTMLдокумента. Типы данных HTML. Структура HTMLдокумента. Общие атрибуты элементов HTML. Теги
заголовка документа. Теги тела документа. Блочные и
строчные элементы разметки. Работа с текстом.
Заголовки
и
абзацы.
Списки:
нумерованные,
маркированные. Объекты HTML-документов. Типы
3.
Таблицы в документах
HTML
4.
Объекты, формы и
фреймы
5.
Стилевое оформление
HTML-документов
6.
Основные понятия
компьютерной графики
файлов
иллюстраций.
Управление
размещением
иллюстрации и обтеканием текста. Вставка объектов.
Карты ссылок. Создание гиперссылок. Понятие внешней
и внутренней ссылки. Способы указания источника файла
для ссылок и иллюстраций: абсолютный, относительный,
URL.
Таблицы — основное средство для управления
расположением материалов в современном HTML.
Основные теги создания таблиц. Основные атрибуты
таблиц, строк, ячеек. Логическое форматирование
фрагментов таблиц. Объединение ячеек. Особенности
использования таблиц для верстки web-документов.
Вложенные таблицы.
Понятие объекта в HTML-документах. Вставка
изображений. Карта ссылок. Вставка апплетов, элементов
ActiveX, объектов, обрабатываемых с помощью
расширений обозревателя, и др. Элементы форм. Типы
управляющих элементов. Ввод данных: элемент INPUT.
Меню. Многострочный текст. Кнопки. Группы
управляющих элементов. Правила работы с формами.
Понятие
фреймовой
структуры
web-страницы.
Особенности использования фреймов. Описание фрейма
на языке HTML. Задание логики взаимодействия
фреймов. Проблемы фреймовой организации страницы.
Каскадные таблицы стилей (CSS). Эволюция. Операторы,
директивы и правила. Поддержка браузерами CSS.
Основные понятия и определения. Размещение стилевого
описания документа. Типы данных CSS. Типы простых
селекторов. Селекторы. Использование псевдоклассов и
псевдоэлементов.
Принципы
наследования,
Каскадирования
и
группировки.
Специфичность
селектора. Применение стилей и классов к элементам
документа HTML. Создание слоев при помощи CSS.
Границы, заполнители и рамки. Позиционирование
элементов. Цвет элемента и цвет фона. Свойства шрифта.
Свойства текста. Фильтры изображений. Эффекты
перехода.
Особенности восприятия цвета человеком. Понятие
цветовой модели. Модели RGB и CMYK. Цветовой куб
модели RGB. Понятия цветового тона, насыщенности и
яркости. Цветовые модели HSB, HLS. Другие цветовые
модели. Цветовая схема Йоханнеса Иттена. Цветовой
круг.
Проблемы
подбора
гармоничных
цветов.
Формирование изображения с помощью компьютера.
Оцифровка изображений. Устройства цифрового ввода и
вывода изображений. Векторный и растровый способ
формирования изображений. Векторная графика и ее
математические основы. Сплайн-функции. Кривые Безье.
Контур и вложенная область. Изменение объектов
векторной графики. Построение сложных объектов
векторной графики. Программы для работы с объектами
растровой и векторной графики: обзор, основные
7.
Сценарии JavaScript и
DHTML
8.
Web-cерверы
9.
Основы XML
функции, области применения. Форматы файлов.
Требования к иллюстрациям в Интернете. Методы
сжатия. Обзор форматов иллюстраций JPEG, GIF, PNG,
SWF... Выбор формата графического файла. Понятие
палитры. Формат GIF. Выбор палитры.. GIF-анимация.
Оптимизация изображений. Использование графики в
ссылках.
Основы создания динамичных, интерактивных webресурсов. Основные функции клиентских сценариев.
Обзор основных языков клиентских сценариев. Основы
JavaScript. Включение JavaScript в HTML-документы.
Вывод результатов работы сценария JavaScript в HTMLдокумент. Структура программ на языке 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-схем.
5.2 Разделы дисциплины и междисциплинарные связи с обеспечиваемыми
(последующими) дисциплинами
№
п/п
1.
2.
3.
4.
Наименование обеспечиваемых (последующих) дисциплин
Информационные
технологии в
допечатной
подготовке
Клиент - серверные
технологии
Мировые
информационные
ресурсы
Разработка WEBпредставительств для
систем электронной
коммерции
№ № разделов данной дисциплины, необходимых для
изучения обеспечиваемых (последующих) дисциплин
1
2
3
4
5
6
7
8
+
+
+
+
+
+
+
+
+
+
+
+
5.3. Разделы дисциплины и виды занятий
4
-
4
2.
Информация и бизнес.
Определение, классификация и
характеристика WEB-сайтов по
различным признакам
Основы HTML
Всего
час.
8
2
-
2
4
3.
Таблицы в документах HTML
2
2
4
8
4.
Объекты, формы и фреймы
2
4
6
12
5.
Стилевое оформление HTMLдокументов
Основные понятия компьютерной
графики
Сценарии JavaScript и DHTML
2
4
8
14
2
4
10
16
2
6
10
18
№
Наименование раздела дисциплины
п/п
1.
6.
7.
Лекц. Практ. СРС
зан.
9
+
+
8.
Web-cерверы
2
8
8
18
9.
Основы XML
2
0
8
10
6. Лабораторный практикум – не предусмотрен.
7. Практические занятия (семинары)
№
п/п
№ раздела
дисциплины
1.
Раздел 3
Раздел 4
Раздел 5
2.
Раздел 7
3.
Раздел 6
4.
Раздел 8
5.
Раздел 8
8.
Наименование лабораторных работ
Трудоемкость
(час.)
Оформление статических документов с использование
6
средств HTML и CSS. Работа в HTML-редакторах
(Dreamweaver, HomeSite, TopStyle).
Динамические элементы сайта на стороне клиента
средствами JavaScript и DHTML. Создание
интерактивных элементов сайта средствами HTMLредакторов.
Графические и мультимедийные элементы оформления
Интернет-узла. Оптимизация графики. Создание
интерактивных элементов сайта в графических
редакторах.
Создание интернет-приложений на стороне сервера.
Технология SSI. Регистрационная форма.
Интернет-приложения и базы данных. Создание
гостевой книги средствами ASP.
6
8
4
4
Примерная тематика курсовых работ - курсовые работы по данной
дисциплине не планируются
9. Учебно-методическое и информационное обеспечение дисциплины:
а) основная литература
1. Дунаев В. Основы WEB-дизайна, СПб, 2007
2. Скотт М. Секреты Web-дизайна. Москва, 2007.
б) дополнительная литература
Алексеев А. П. Введение в Web-дизайн. Москва, 2008
Дронов В. JavaScript и AJAX в Web-дизайне. СПб, 2008
Евсеев Д. А., Трофимов В. В. Web-дизайн в примерах и задачах. Москва, 2009.
Ищенко В. А. 100% самоучитель Web-дизайна. Создавай свои сайты. Москва, 2009.
Константинов П. П., Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Web-дизайн с
нуля. Москва, 2009.
6. Лопак Л. Web-дизайн для "чайников". Москва, 2008.
7. Перелыгин В. А., Самойлов Е. Э. Самоучитель web-дизайна. Москва, 2009
8. Самойлов Е. Э. Web-дизайн для начинающих. Практическое руководство. Москва,
2009.
9. Фролов И. К., Перелыгин В. А., Самойлов Е. Э. Разработка, дизайн,
программирование и раскрутка web-сайта. Москва, 2009.
10. Хортон С. Разумный Web-дизайн. Москва, 2008.
1.
2.
3.
4.
5.
в) программное обеспечение: VBScript, JavaScript, HTML-редакторы, FrontPage.
г) базы данных, информационно-справочные и поисковые системы
10. Материально-техническое
оборудование компьютерного класса.
обеспечение
дисциплины:
стандартное
11. Методические рекомендации по организации изучения дисциплины:
Общее максимально возможное количество баллов по общим критериям и заданиям по
отдельным темам для допуска к зачету от 70 до 100 баллов.
1. Базовый набор требований преподавателя во время проведения аудиторных
занятий в соответствии с учебной программой дисциплины:
 Посещаемость занятий
max
15 баллов
 Выполнение общих частей лабораторных работ на компьютере max 25
баллов
 Ответы на контрольные вопросы по пройденным разделам программы
дисциплины
max
20 баллов
2. Выполнение самостоятельной работы студентами в соответствии с учебной
программой дисциплины:
Общее максимально возможное количество баллов за выполнение самостоятельной
работы студентов не может превышать 20 баллов, из них:
 Подготовка реферата по заданной теме max 10 баллов
 Выполнение индивидуальных частей лабораторных работ на компьютере
max 10 баллов
2. Активность работы студента на аудиторных занятиях. max 10 баллов
3. Творческий подход, креативность и т.п. в процессе выполнения самостоятельной
работы и аудиторных заданий. max 10 баллов
Разработчик:
СПбГУЭФ, кафедра информатики
(место работы)
доцент, к.т.н.
(занимаемая должность)
Л.В. Путькина
(инициалы, фамилия)
Эксперты:
ЗАО «Энергопроект
по развитию ММ»
ген. директор
М.К. Казаков