Создание Интернет-проектов. Уровень 1. Я..университетский

Правительство Российской Федерации
Федеральное государственное автономное
образовательное учреждение высшего
профессионального образования
«Национальный исследовательский университет
«Высшая школа экономики»
Общеуниверситетский факультатив
Программа дисциплины
«Создание Интернет-проектов.
Уровень 1. Язык HTML»
Автор Гасанов Э.В. (egasanov@hse.ru)
Рекомендована секцией УМС
Одобрена на заседании кафедры
Секция Бизнес-информатики
«Архитектуры программных систем»
Председатель
_________________
Зав. кафедрой
_______________ Назаров С.В.
«___» __________ 2011 г.
«___» __________ 2011 г.
Утверждена Первым проректором НИУ ВШЭ
__________________ Радаев В.В.
«___» __________ 2011 г.
Москва
Тематический план учебной дисциплины
№
Всего
Название темы
часов
по
Аудиторные часы
Лекции
Практ.
занятия
Самостоятельная
работа
дисциплине
1
Основы Internet.
8
4
4
2
Основные понятия языка разметки
гипертекста (HTML).
Форматирование текста (шрифтовое
оформление).
Разметка структуры HTML-документа.
Графические элементы в документах
HTML.
Создание гиперссылок. Разработка
Web-сайта.
Разметка таблиц.
7
3
4
6
2
4
6
6
2
2
4
4
8
4
4
7
3
4
Использование таблиц для создания
системы навигации сайта.
Фреймы.
7
3
4
6
2
4
Использование фреймов для создания
системы навигации сайта.
Подготовка изображений для Web.
Создание фотогалереи.
ИТОГО
6
2
4
7
3
4
74
30
44
3
4
5
6
7
8
9
10
11
Формы контроля
Текущий контроль
Одно домашнее задание по каждой теме.
Итоговый контроль
Зачет в форме практической работы.
Структура итоговой оценки по учебной дисциплине
Формы работы
Домашнее задание
Практическая работа на зачете
Вклад в итоговую оценку (%)
70
30
Базовый учебник
1. Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006.
2. Гасанов Э.В. Сборник заданий для практических занятий по Web-дизайну и
методические указания по их выполнению/ ГУ-ВШЭ. - М.: ТЕИС, 2006.
2
Дополнительная литература
1. Молли Э. Хольцшлаг Языки HTML и CSS: для создания Web-сайтов. Пер. с англ. – М.:
ТРИУМФ, 2007. – 304 с.: ил.
2. Мэйер Э. CSS – каскадные таблицы стилей. Подробное руководство, 2-е издание. – Пер.
с англ. – СПб: Символ-Плюс, 2007. – 576 с., ил.
3. Бадд Э., Молл К., Коллизон С. Мастерская CSS: профессиональное применение Webстандартов.: Пер. с англ. – М. ООО «И.Д. Вильямс», 2007. – 272 с.: ил.
4. Шмитт К. CSS. Рецепты программирования. 2-е изд. Пер. с англ. – М.: Издательство
«Русская Редакция»; СПб.: «БХВ-Петербург», 2007. – 592 с.: ил.
Содержание программы
Тема 1. Основы Internet.
Компьютерные сети, Internet. Структура Internet. Web-сервер. Web-сайт.
Адресация в Internet. Система доменных имен. Регистрация имен доменов.
Унифицированный идентификатор ресурсов.
Соединение с Internet. Программное обеспечение для доступа к информационным
ресурсам (Web-браузер). Технологии создания Web-документов.
Регистрация бесплатного доменного имени. Загрузка файлов на бесплатный Web-сервер.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.6 - 15.
Тема 2. Основные понятия языка разметки гипертекста (HTML).
Основные сведения о языке HTML. Элементы HTML. Структура HTML-документа.
Создание HTML-документа. Атрибуты. Парные теги. Одинарные теги (пустые элементы).
Комментарии. Специальные символы.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.16 - 31.
Тема 3. Форматирование текста (шрифтовое оформление).
Элементы форматирования текста. Шрифтовое оформление. Категории (группы)
шрифтов. Основные элементы, определяющие стиль шрифта. Элементы управления
шрифтами. Цвета в Web.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.32 - 46.
Тема 4. Разметка структуры HTML-документа.
Элемент заголовок. Выравнивание заголовков. Абзацы. Списки.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.47 - 60.
Тема 5. Графические элементы в документах HTML.
Включение изображения в документ HTML. Атрибут alt. Атрибуты width и height.
Выравнивание изображений по горизонтали. Центрирование изображений.
Выравнивание изображений по вертикали. Обтекание изображений текстом.
Отмена обтекания изображений текстом. Создание полей вокруг изображения.
3
Использование горизонтальных линий. Создание фона документа.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.61 - 81.
Тема 6. Создание гиперссылок. Разработка Web-сайта.
Основы гипертекста. Унифицированный указатель ресурсов. Схемы, используемые для
доступа к ресурсам. Абсолютные и относительные URL. Создание гиперссылок.
Текстовые и графические гиперссылки. Цвет и границы ссылок. Примеры гиперссылок с
относительными URL. Гиперссылки в пределах одного документа. Карты ссылок.
Карты ссылок: элемент area. Карты ссылок: определение координат областей карты
ссылок. Атрибут target.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.82 - 100.
Тема 7. Разметка таблиц.
Основные элементы таблицы. Атрибуты элемента table.
Основные атрибуты строки таблицы. Основные атрибуты ячейки таблицы.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.101 - 129.
Тема 8. Использование таблиц для создания системы навигации сайта.
Создание Web-сайта с горизонтальным меню.
Создание Web-сайта с вертикальным меню.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.129 - 136.
Тема 9. Фреймы. Использование фреймов для создания системы навигации сайта.
Элементы описания фреймов.
Атрибуты элемента frame.
Организация связи между фреймом и HTML-документом.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.137 - 147.
Тема 10. Использование фреймов для создания системы навигации сайта.
Создание Web-сайта с горизонтальным меню.
Создание Web-сайта с вертикальным меню.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.148 - 153.
Тема 11. Подготовка изображений для Web.
Графические файлы. Основные форматы графических файлов для Web.
Формат GIF. Формат JPEG. Разрешение изображения. Использование цифровых
фотографий на Web-страницах. Подготовка фотографий для размещения в Web с
использованием программы FastStone Image Viewer.
4
Пакетное преобразование цифровых фотографий с использованием программы FastStone
Image Viewer. Разработка системы навигации фотогалереи.
Основная литература
Гасанов Э.В. Практикум по Web-дизайну: Практ. курс разработки Web-сайтов/
ГУ-ВШЭ. - М.: ТЕИС, 2006. с.154 - 157.
Гасанов Э.В. Подготовка фотографий для размещения в Web с использованием
программы FastStone Image Viewer. Конспект лекций. 2010. http://www.computerschool.ru
Гасанов Э.В. Групповая обработка фотографий для размещения на сайте с помощью
программы FastStone Image Viewer. Конспект лекций. 2010. http://www.computerschool.ru
Тематика домашнего задания.
1. Основы Internet.
2. Основные понятия языка разметки гипертекста (HTML).
3. Форматирование текста (шрифтовое оформление).
4. Разметка структуры HTML-документа.
5. Графические элементы в документах HTML.
6. Создание гиперссылок. Разработка Web-сайта.
7. Разметка таблиц.
8. Использование таблиц для создания системы навигации сайта.
9. Фреймы.
10. Использование фреймов для создания системы навигации сайта.
11. Подготовка изображений для Web. Создание фотогалереи.
Тематика практических заданий на зачете.
Практическое задание на зачете включает в себя разработку рекламной Web-страницы
одного из факультетов НИУ ВШЭ.
Автор программы
Э.В. Гасанов
5