МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ
БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
ВЫСШЕГО ОБРАЗОВАНИЯ
«ВЯТСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»
Институт математики и информационных систем
Факультет автоматики и вычислительной техники
Кафедра автоматики и телемеханики
И. Н. БАРМИН
РАЗРАБОТКА WEB-САЙТА
Учебно-методическое пособие
Киров
2016
1
УДК 004. 738. 1 (07)
Б254
Допущено к изданию методическим советом факультета автоматики и вы-
числительной техники ВятГУ в качестве учебно-методического пособия
для студентов направлений 27. 03. 04 «Управление в технических системах»
и 09. 03. 02 «Информационные системы и технологии» всех профилей под-
готовки, всех форм обучения
Рецензент:
кандидат технических наук, доцент кафедры электронных вычислительных
машин ВятГУ В. Ю. Мельцов
Бармин, И. Н. Б254 Разработка web-сайта: учебно-методическое пособие / И. Н. Бар-
мин. – Киров: ВятГУ, 2016. – 37 с. УДК 004. 738. 1 (07)
Учебно-методическое пособие предназначено для выполнения кур-
совой работы по дисциплинам «Глобальные сети» и «Web-технологии». Авторская редакция
Тех. редактор Е. О. Гладких
ВятГУ, 2016
2
ОГЛАВЛЕНИЕ
Цели и задачи курсовой работы... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 4
Задание на курсовую работу ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 4
Основные требования к выполнению курсовой работы ... ... ... ... ... ... ... ... ... ... ... 6
1 Проектирование сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 8
1. 1 Выбор и анализ темы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 8
1. 2 Выбор доменного имени ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 9
1. 3 Логическая структура сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 11
1. 4 Навигация по сайту ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 18
1. 5 Дизайн сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
... ... ... ... ... . 19
1. 6 Подготовка контента ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 20
1. 7 Макет страницы ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 22
2 Реализация проектных решений ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 27
2. 1 Физическая структура сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . . 27
2. 2 Верстка веб-страниц ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 27
2. 3 Валидация и тестирование сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 28
3 Оптимизация сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... . 30
3. 1 Оптимизация скорости загрузки страниц ... ... ... ... ... ... ... ... ... ... ... ... ... . . 30
3. 2 Внутренняя оптимизация сайта ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... 30
Приложение А (обязательное) Варианты заданий на курсовую работу ... . . 35
Приложение Б (справочное) Пример заполнения бланка задания ... ... ... ... ... 36
Приложение В (справочное) Библиографический список ... ... ... ... ... ... ... ... ... . 37
3
Цели и задачи курсовой работы
Курсовая работа имеет своей целью закрепить знания, полученные
при изучении курсов «Глобальные сети» и «Web-технологии» и освоить
основные технологии и программные средства создания web-сайтов.