Рекомендована секцией УМС Одобрена на заседании кафедры

Государственное образовательное бюджетное
учреждение высшего профессионального образования
«Государственный университет –
Высшая школа экономики»
Общеуниверситетский факультатив
Программа дисциплины
«Основы Web-дизайна»
Автор Гасанов Э.В.
Рекомендована секцией УМС
Одобрена на заседании кафедры
Секция Бизнес-информатики
«Архитектуры программных систем»
Председатель
_________________
Зав. кафедрой
_______________ Назаров С.В.
«___» __________ 2009 г.
«___» __________ 2009 г.
Утверждена Первым проректором ГУ-ВШЭ
__________________ Радаев В.В.
«___» __________ 2009 г.
Москва
Требования к студентам
Приступая к изучению данной дисциплины, студент должен обладать знаниями
информатики в объеме средней школы.
Краткая характеристика дисциплины
Данный курс является факультативным курсом для самостоятельного проектирования и
разработки Web-сайтов. Курс может быть использован в качестве составной части курса
«Web-программирование» для студентов факультета «Бизнес-информатика», курсов
«Internet-маркетинг» и «Электронный бизнес» для студентов факультетов «Менеджмент»
и «Бизнес-информатика», а также курса «Автоматизация офисной деятельности» для
студентов всех факультетов.
Учебная задача дисциплины
В результате изучения дисциплины студент должен:
знать основы Internet, языка HTML, технологии каскадных таблиц стилей CSS и
основные принципы Web-дизайна;
уметь разрабатывать структуру Web-сайта и создавать страницы на языке
гипертекстовой разметки HTML с использованием каскадных таблиц стилей CSS,
проектировать эффективный пользовательский интерфейс;
иметь представление о современных технологиях разработки корпоративных
сайтов и сайтов для электронной коммерции, новых стилях Web-дизайна;
получить навыки применения Web-технологий для решения задач:
 разработка Web-страниц и структуры Web-сайта;
 разработка системы навигации Web-сайта;
 макетирование Web-сайта с учетом эргономики (Web-usability);
 подготовка иллюстраций для Web;
 публикации Web-сайта в Internet.
Тематический план учебной дисциплины
№
Название темы
Всего
часов
по
Аудиторные часы
Лекции
Практ.
занятия
Самостоятельная
работа
дисциплине
1.
Основы Internet.
6
1
1
4
2.
Основы языка разметки
гипертекста (HTML).
Графический Web-дизайн.
Макетирование и дизайн Webстраниц.
Организация и навигация Webсайта.
Основы каскадных таблиц стилей
36
6
6
24
6
6
1
1
1
1
4
4
6
1
1
4
24
4
4
16
3.
4.
5.
6.
2
7
8.
(CSS).
Макетирование Web-страниц с
использованием CSS.
Размещение Web-сайта в Internet.
ИТОГО
6
1
1
4
6
1
1
4
96
16
16
64
Формы рубежного контроля и структура итоговой оценки
Формы текущего контроля
- домашнее задание
Форма итогового контроля:
- зачет
Итоговая оценка по учебной дисциплине складывается из следующих элементов:
-
Работа на практических занятиях (выполнение заданий на компьютере)
-
Домашнее задание
-
Контрольная (практическая) работа на зачете (60 мин.)
Структура итоговой оценки по учебной дисциплине:
Формы работы
Вклад в итоговую оценку (%)
Работа на практических занятиях
25
Домашнее задание
50
Контрольная работа на зачете
25
Базовый учебник
1. Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006.
2. Гасанов Э.В. Практикум по Web-дизайну. Часть 2. Основы CSS. М.: ТЕИС, 2008.
3. Гасанов Э.В. Сборник заданий для практических занятий по Web-дизайну и
методические указания по их выполнению/ ГУ-ВШЭ. - М.: ТЕИС, 2006.
Дополнительная литература
1. Молли Э. Хольцшлаг Языки HTML и CSS: для создания Web-сайтов. Пер. с англ. – М.:
ТРИУМФ, 2007. – 304 с.: ил.
2. Мэйер Э. CSS – каскадные таблицы стилей. Подробное руководство, 2-е издание. – Пер.
с англ. – СПб: Символ-Плюс, 2007. – 576 с., ил.
3. Бадд Э., Молл К., Коллизон С. Мастерская CSS: профессиональное применение Webстандартов.: Пер. с англ. – М. ООО «И.Д. Вильямс», 2007. – 272 с.: ил.
3
4. Шмитт К. CSS. Рецепты программирования. 2-е изд. Пер. с англ. – М.: Издательство
«Русская Редакция»; СПб.: «БХВ-Петербург», 2007. – 592 с.: ил.
Содержание программы
Тема 1. Основы Internet.
1.1. Компьютерные сети, Internet. Структура Internet. Web-сервер. Web-сайт.
1.2. Адресация в Internet. Система доменных имен. Регистрация имен доменов.
Унифицированный идентификатор ресурсов.
1.3. Соединение с Internet.
1.4. Программное обеспечение для доступа к информационным ресурсам (Web-браузер).
Технологии создания Web-документов.
Тема 2. Основы языка разметки гипертекста (HTML).
2.1. Синтаксис HTML. Создание документов HTML (Web-страниц).
2.2. Форматирование текста (шрифтовое оформление).
2.3. Форматирование текста (структурное оформление).
2.4. Графические элементы.
2.5. Оформление списков.
2.6. Связывание страниц (гиперссылки).
2.7. Оформление таблиц.
2.8. Построение форм.
Тема 3. Графический Web-дизайн.
3.1. Работа с цветом. Форматы Web-графики.
3.2. Подготовка фотографий для Web (размещения на Web-страницах).
3.3. Использование карт ссылок.
Тема 4. Макетирование и дизайн Web-страниц.
4.1. Макетирование Web-страниц с помощью таблиц.
4.2. Использование фреймов.
Тема 5. Организация и навигация Web-сайта.
5.1. Типы и архитектуры Web-сайтов.
5.2. Основные приемы навигации.
Тема 6. Основы каскадных таблиц стилей (CSS).
6.1. Основы каскадных листов стилей (CSS).
6.2. Оформление Web-документов с помощью CSS.
Тема 7. Макетирование Web-страниц с использованием CSS.
7.1. Типы макетов.
7.2. Методики верстки Web-страниц средствами CSS.
Тема 8. Размещение Web-сайта в Internet.
1. Размещение Web-сайта на бесплатном хостинге.
2. Загрузка файлов Web-страниц с использованием FTP-клиента.
Тематика домашних заданий.
Домашнее задание включает в себя:
- разработку Web-сайта на тему защиты окружающей среды.
4
Тематика практических заданий на зачете.
Практическое задание на зачете включает в себя разработку рекламной 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. Основные типы Web-сайтов.
19. Как организуется навигация по Web-сайту?
Автор программы
Э.В. Гасанов
5