Правительство Российской Федерации Федеральное государственное автономное образовательное учреждение высшего профессионального образования

Правительство Российской Федерации
Федеральное государственное автономное образовательное учреждение
высшего профессионального образования
"Национальный исследовательский университет
"Высшая школа экономики"
Общеуниверситетский факультатив
Программа дисциплины
Адаптивный web-дизайн
Автор программы:
Гасанов Э.В., канд. техн. наук, доцент, egasanov@hse.ru
Гасанова С.Э., канд. техн. наук, преподаватель, sgasanova@hse.ru
Одобрена на заседании кафедры Архитектуры программных систем «___»____________ 20 г
Зав. кафедрой С.В. Назаров
Рекомендована секцией УМС Бизнес-информатика «___»____________ 20 г
Председатель Ю.В. Таратухина
Утверждена Первым проректором НИУ ВШЭ «___»_____________20 г.
Первый проректор Радаев В.В. ________________________
Москва, 2014
Настоящая программа не может быть использована другими подразделениями университета и другими вузами без разрешения кафедры-разработчика программы.
Национальный исследовательский университет «Высшая школа экономики»
Программа дисциплины «Адаптивный web-дизайр»
1
Область применения и нормативные ссылки
Настоящая программа учебной дисциплины устанавливает минимальные требования к знаниям и умениям студента и определяет содержание и виды учебных занятий и отчетности.
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов всех специальностей, обучающихся по магистерской программе всех специализаций.
2
Цели освоения дисциплины
Целями освоения дисциплины «Адаптивный web-дизайн» являются:
- получение слушателями теоретических знаний по адаптивному web-дизайну;
- получение практических навыков разработки сайтов в соответствии с методологией адаптивного
web-дизайна.
3
Компетенции обучающегося, формируемые в результате освоения дисциплины
В результате освоения дисциплины студент должен:
 Знать основы методологии адаптивного web-дизайна;
 Уметь проектировать web-сайт для любых браузеров и устройств;
 Иметь навыки разработки web-страниц, которые будут правильно отображаться на любых устройствах.
4
Место дисциплины в структуре образовательной программы
Настоящая дисциплина представляет собой общеуниверситетский факультатив.
5
Тематический план учебной дисциплины
№
Всего
часов
Название раздела
Аудиторные часы
Лекции
Практические занятия
Самостоятельная
работа
1
Гибкая сетка.
9
9
2
3
4
Гибкие изображения.
Медиазапросы.
Проектирование web-сайтов для мобильных устройств.
ИТОГО
9
9
9
9
9
9
36
36
6
Формы контроля знаний студентов
Тип кон- Форма контроля
троля
Домашние
1
2
1 год
3
Параметры
4
8 (дз 1)
2
Web-страница
Национальный исследовательский университет «Высшая школа экономики»
Программа дисциплины «Адаптивный web-дизайр»
задания
Итоговый
6.1
7
Зачет
9 (дз 2)
10 (дз 3)
11 (дз 4)
11
Web-страница
Web-страница
Web-сайт
Практическая работа
продолжительностью 60
минут. Оценка результатов работы в течение 3-х
рабочих дней.
Критерии оценки знаний, навыков
Оценки по всем формам текущего контроля выставляются по 10-ти балльной шкале.
Содержание дисциплины
Тема 1. Гибкая сетка.
Гибкие щрифты. Использование процентов. Гибкие поля и отступы.
Тема 2. Гибкие изображения.
Использование свойства max-width. Гибкие фоновые изображения. Свойство overflow. Гибкие сетки и изображения.
Тема 3. Медиазапросы.
Свойства CSS3 для создания медиазапросов. Медиатипы. Атрибут viewport.
Тема 4. Проектирование web-сайта для мобильных устройств.
Адаптивный дизайн для мобильных устройств. Концепция прогрессивного улучшения. Работа с
JavaScript.
8
Образовательные технологии
Активные формы проведения занятий в виде разбора практических задач с использованием
компьютера.
9
9.1
Оценочные средства для текущего контроля и аттестации студента
Тематика заданий текущего контроля
1. Гибкая сетка.
2. Гибкие изображения.
3. Медиазапросы.
4. Проектирование web-сайта для мобильных устройств.
Примеры заданий промежуточного /итогового контроля
Практическое задание на зачете включает в себя разработку главной Web-страницы в соответствии с методологией адаптивного web-сайта одного из факультетов НИУ ВШЭ.
9.2
10 Порядок формирования оценок по дисциплине
Накопленная оценка по 10-ти балльной шкале за текущий контроль учитывает результаты
студента по текущему контролю следующим образом:
3
Национальный исследовательский университет «Высшая школа экономики»
Программа дисциплины «Адаптивный web-дизайр»
Онакопленная= 0,2* Одз1 + 0,2* Одз2 + 0,2* Одз3 + 0,4* Одз4
Результирующая оценка за дисциплину рассчитывается следующим образом:
Орезульт = 0,7* Онакопл + 0,3 *·Озач
Способ округления накопленной оценки промежуточного (итогового) контроля в форме зачета: арифметический.
Если оценка за домашнее задание №4 составляет 10 баллов, то результирующая оценка может быть выставлена 10 баллов, при условии, что накопленная оценка и оценка за зачет равны 8 и
более баллов.
11 Учебно-методическое и информационное обеспечение дисциплины
11.1 Базовый учебник
На момент написания программы базовый учебник по дисциплине отсутствует. Вместо базового
учебника студенты могут использовать конспект лекций. По окончанию данного курса
планируется издание конспекта лекций в печатном виде.
11.2 Дополнительная литература
1. Итан Маркотт. Отзывчивый веб-дизайн.
2. Бен Фрейн. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств. – СПб.
Питер, 2014.
4