Web-дизайн БИЗНЕС-ИНФОРМАТИКА

Государственное образовательное бюджетное
учреждение высшего профессионального образования
«Государственный университет –
Высшая школа экономики»
Факультет Бизнес-информатики
Отделение Программной Инженерии
Программа дисциплины
«Web-дизайн»
для направления 080700.62 - Бизнес-информатика
подготовки бакалавра
Автор программы
доцент, к.т.н. Гасанов Э.В.
egasanov@hse.ru
Рекомендовано секцией УМС
Одобрена на заседании кафедры
по бизнес-информатике
________________
«Архитектура программных систем»
Зав. кафедрой С.В. Назаров
____________________
“___” __________ 200 г.
“___” _____ _____ 200 г.
Утверждено УС факультета
Бизнес-информатики
Ученый секретарь
______________________
“___” __________ 200 г.
Москва
Требования к студентам
Приступая к изучению данной дисциплины, студент должен обладать знаниями
информатики в объеме средней школы.
Краткая характеристика дисциплины
Данный курс является факультативным курсом для самостоятельного проектирования и
разработки web-сайтов. Курс может быть использован в качестве составной части курса
«Web-программирование» для студентов факультета «Бизнес-информатика», курсов
«Internet-маркетинг» и «Электронный бизнес» для студентов факультетов «Менеджмент»
и «Бизнес-информатика», а также курса «Автоматизация офисной деятельности» для
студентов всех факультетов.
Учебная задача дисциплины
В результате изучения дисциплины студент должен:
знать основы Internet, языка HTML, технологии каскадных таблиц стилей CSS и
основные принципы Web-дизайна;
уметь разрабатывать структуру Web-сайта и создавать страницы на языке
гипертекстовой разметки HTML с использованием каскадных таблиц стилей CSS,
проектировать эффективный пользовательский интерфейс;
иметь представление о современных технологиях разработки корпоративных
сайтов и сайтов для электронной коммерции, новых стилях Web-дизайна;
получить навыки применения Web-технологий для решения задач:
 разработка Web-страниц и структуры сайта;
 разработка системы навигации сайта;
 макетирование сайта с учетом эргономики (Web-usability);
 подготовка иллюстраций для Web;
 создание баннеров;
 публикации Web-сайта в Internet
Тематический план учебной дисциплины
№
Название темы
Всего
часов
по
Аудиторные часы
Лекции
Практ.
занятия
Самостоятельная
работа
1
2
3
1
6
дисциплине
1.
Основы Internet.
1.1.
Компьютерные сети, Internet.
Структура Internet. Web-сервер. Webсайт. Адресация в Internet. Система
доменных имен. Регистрация имен
доменов. Унифицированный
идентификатор ресурсов. Соединение с
Internet. Программное обеспечение для
доступа к информационным ресурсам
(Web-браузер). Технологии создания
Web-документов (HTML).
Размещение сайтов (hosting).
1.2.
6
7
2
2.
Основы языка разметки
гипертекста (HTML).
2.1.
Синтаксис HTML. Создание
документов HTML (Web-страниц).
Форматирование текста (шрифтовое
оформление).
Форматирование текста (структурное
оформление).
Графические элементы.
Оформление списков.
Связывание страниц (гиперссылки).
Использование таблиц.
Построение форм.
5
1
1
3
5
1
1
3
5
1
1
3
5
5
5
5
5
1
1
1
1
1
1
1
1
1
1
3
3
3
3
3
4
1
5
1
1
3
3.3.
Основы каскадных листов стилей
(CSS).
Оформление Web-документов с
помощью CSS.
Макетирование с помощью таблиц.
5
1
1
3
3.4.
Использование фреймов.
4
1
4.
Графический Web-дизайн.
4.1.
4.2.
Работа с цветом.
Форматы Web-графики. Оптимизация
графики.
Создание Web-графики. Карта ссылок.
Создание анимационных изображений.
Баннеры.
4
4
1
2.2.
2.3.
2.4.
2.5.
2.6.
2.7.
2.8.
3.
3.1.
Основы макетирования и
дизайна HTML.
3.2.
4.3.
4.4.
5.
Мультимедиа и внедренные
объекты.
5.1.
Размещение аудио и видео на Webстранице. Применение Flash-анимации.
6.
Организация и навигация
сайта.
6.1.
6.2.
Типы и архитектуры сайтов.
Основные приемы навигации.
ИТОГО
4
4
3
3
1
1
1
7
7
7
108
3
3
3
3
7
1
16
1
16
6
6
76
Формы рубежного контроля и структура итоговой оценки
Формы текущего контроля
- домашнее задание
Форма итогового контроля:
- зачет
Итоговая оценка по учебной дисциплине складывается из следующих элементов:
-
Работа на практических занятиях (выполнение заданий на компьютере)
-
Домашнее задание
3
-
Контрольная (практическая) работа на зачете (60 мин.)
Структура итоговой оценки по учебной дисциплине:
Формы работы
Вклад в итоговую оценку (%)
Работа на практических занятиях
25
Домашнее задание
50
Контрольная работа на зачете
25
Базовый учебник
1. Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006.
2. Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. М.: ТЕИС, 2008.
3. Гасанов Э.В. Сборник заданий для практических занятий по Web-дизайну и
методические указания по их выполнению/ ГУ-ВШЭ. - М.: ТЕИС, 2006.
Дополнительная литература
1. Пауэлл Т. Web-дизайн. – 2-е изд., перераб. и доп.: Пер. с англ. – СПб.: БХВ-Петербург,
2004. – 1072 с.: ил.
2. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство. – Пер. с англ. –
СПб.: Символ-плюс, 2002. – 752 с., ил.
3. Молли Э. Хольцшлаг Использование HTML 4, 6-е издание. Специальное издание.: Пер.
с англ. – М.: Вильямс, 2001. – 1008 с.: ил.
Содержание программы
Тема 1. Основы Internet.
1.1. Компьютерные сети, Internet. Структура Internet. Web-сервер. Web-сайт. Адресация в
Internet. Система доменных имен. Регистрация имен доменов. Унифицированный
идентификатор ресурсов. Соединение с Internet. Программное обеспечение для доступа к
информационным ресурсам (Web-браузер). Технологии создания Web-документов
(HTML).
1.2. Размещение сайтов (hosting).
Тема 2. Основы языка разметки гипертекста (HTML).
2.1. Синтаксис HTML. Создание документов HTML (Web-страниц).
2.2. Форматирование текста (шрифтовое оформление).
2.3. Форматирование текста (структурное оформление).
2.4. Графические элементы.
2.5. Оформление списков.
2.6. Связывание страниц (гиперссылки).
2.7. Использование таблиц.
2.8. Построение форм.
Тема 3. Основы макетирования и дизайна HTML.
4
3.1. Основы каскадных листов стилей (CSS).
3.2. Оформление Web-документов с помощью CSS.
3.3. Макетирование с помощью таблиц.
3.4. Использование фреймов.
Тема 4. Графический Web-дизайн.
4.1. Работа с цветом.
4.2. Форматы Web-графики. Оптимизация графики.
4.3. Создание Web-графики. Карта ссылок.
4.4. Создание анимационных изображений. Баннеры.
Тема 5. Мультимедиа и внедренные объекты.
5.1. Размещение аудио и видео на Web-странице. Применение Flash-анимации.
Тема 6. Организация и навигация сайта.
6.1. Типы и архитектуры сайтов.
6.2. Основные приемы навигации.
Тематика домашних заданий.
Домашнее задание включает в себя разработку Web-сайта на тему защиты
окружающей среды.
Тематика практических заданий на зачете.
Практическое задание на зачете включает в себя разработку рекламной Web-страницы
одного из факультетов ГУ-ВШЭ.
Вопросы для оценки качества освоения дисциплины.
1. Что такое Internet?
2. Адресация в сети Internet.
3. Что такое WWW?
4. Какие технологии используются для создания Web-документов?
5. Структура документа HTML.
6. Какие дескрипторы применяются для шрифтового оформления документа?
7. Какие дескрипторы применяются для структурного оформления документа?
8. Использование графических элементов.
9. Как оформляются списки?
10. Что такое гиперссылки?
11. Какие дескрипторы применяются для представления таблиц?
12. Как создаются страницы с фреймами?
13. Из каких элементов проектируется форма?
14. Для чего предназначены каскадные листы стилей?
15. Создание стилей.
16. Как представляется цвет в Web?
17. Какие форматы используются для Web-графики?
18. Что такое банер?
19. Создание анимационных изображений.
20. Какие мультимедиа объекты могут быть размещены на Web-странице?
21. Основные типы сайтов.
22. Как организуется навигация по сайту?
Автор программы
Э.В. Гасанов
5