|
Национальный исследовательский университет «Высшая школа экономики»
Программа дисциплины "Основы производственного мастерства" для направления
072500.62 «Дизайн» подготовки бакалавра
|
Правительство Российской Федерации
Федеральное государственное автономное образовательное учреждение высшего профессионального образования
"Национальный исследовательский университет
"Высшая школа экономики"
Факультет дизайна
Программа дисциплины «Основы производственного мастерства»
для направления 072500.62 «Дизайн» профиль «Web-дизайн»
подготовки бакалавра
Авторы программы:
Сковородников П.Ю., ассистент,
pskovorodnikov@hse.ru
Дубейковский С.В., ассистент,
sdubeykovsky@hse.ru
Утверждена УС Факультет дизайна «5» сентября 2013 г.
Ученый секретарь Е.Н. Цховребадзе ________________________ [подпись]
Москва, 2013
Настоящая программа не может быть использована другими подразделениями университета и другими вузами без разрешения кафедры-разработчика программы.
Настоящая программа учебной дисциплины устанавливает минимальные требования к знаниям и умениям студента и определяет содержание и виды учебных занятий и отчетности.
Программа предназначена для преподавателей, ведущих данную дисциплину, учебных ассистентов и студентов направления 072500.62 "Дизайн" профиля «Web-дизайн», изучающих дисциплину «Основы производственного мастерства».
Программа разработана в соответствии с:
ФГОС 072500.62 "Дизайн"
Образовательных программ для направления 072500.62 "Дизайн" профиля «Web-дизайн»
Рабочим учебным планом университета для направления 072500.62 "Дизайн" профиля «Web-дизайн» утвержденным в 2012 г.
Цели освоения дисциплины
Основная цель курса – изучение интернет технологий, языков разметки сайтов(HTML, CSS), техники создания сайтов, понимания принципов работы сети Интернет и веб-ресурсов в ней, получение опыта разработки элементов или целиков веб-ресурсов.
В рамках изучения курса «Основы производственного мастерства» происходит ознакомление с современными технологиями, передовым программным обеспечением, компьютерной техникой, историей развития сети Интернет и её структурой, рассматривается совместимость и отличия разнообразного программного обеспечения и интернет технологий.
Компетенции обучающегося, формируемые в результате освоения дисциплины
В результате освоения дисциплины студент должен:
Знать:
структуру сети Интернет;
типы веб-ресурсов;
принципы работы сайта;
существующие веб-технологии.
разрабатывать веб-сайты и их элементы;
использовать языки разметки сайтов (HTML, CSS);
использовать Flash-технологии при разработки сайтов;
интегрировать в верстку сайтов клиентские скрипты (JavaScript).
Иметь навыки (приобрести опыт):
создания веб-сайтов;
верстки html-страниц;
использования разных веб-технологий в одном проекте;
интеграции видео, Flash-контента и JavaScript в веб-сайты.
В результате освоения дисциплины студент осваивает следующие компетенции:
Компетенция
|
Код по ФГОС/ НИУ
|
Дескрипторы – основные признаки освоения (показатели достижения результата)
|
Формы и методы обучения, способствующие формированию и развитию компетенции
|
осознаёт сущность и значение информации в развитии современного общества
|
ОК-14
|
Знание основных современных технологий и умение их использовать. Понимание значения и типов информации.
|
Практические занятия, сбор и анализ информации.
|
разрабатывает проектную идею, основанную на концептуальном, творческом подходе к решению дизайнерской задачи; возможные приёмы гармонизации форм, структур, комплексов и систем; комплекс функциональных, композиционных решений
|
ПК-3
|
Умение использовать основные современные технологии для разработки проектной идеи. Решение дизайнерской задачи при создании веб-сайтов и их частей, с использование различных веб-технологий.
|
Практические занятия, сбор и анализ информации.
|
Место дисциплины в структуре образовательной программы
Дисциплина относится к базовой части профессионального цикла и является обязательной. Для изучения курса требуется знание информатики на уровне среднего образования. Необходимо обладать знаниями по композиции, уметь использовать графические редакторы Adobe Photoshop и Adobe Illustrator. Формируемые навыки в ходе освоения компьютерных технологий на всех этапах дальнейшего обучения являются необходимым средством для выполнения заданий с использованием компьютерной техники. Следует отметить динамику постоянного совершенствования таких средств, что требует от процесса преподавания постоянной доработки и переработки некоторых разделов.
Тематический план учебной дисциплины
4 курс, 7-8 семестры
№
|
Название раздела
|
Всего часов
|
Аудиторные часы
|
Самостоятельная работа
|
Лекции
|
Семинары
|
Практические занятия
|
Раздел 1. Основы создания сайтов
|
1
|
Основы организации сети Интернет и веб-сайтов.
|
11
|
|
|
2
|
9
|
2
|
Язык разметки HTML. Введение.
|
11
|
|
|
2
|
9
|
3
|
Цветовая система HEX, Safe Web Colors.
|
11
|
|
|
2
|
9
|
4
|
Табличная структура страницы.
|
11
|
|
|
2
|
9
|
5
|
Фреймовая структура страницы.
|
11
|
|
|
2
|
9
|
6
|
Гипертекстовые ссылки.
|
11
|
|
|
2
|
9
|
7
|
Изображения и карты чувствительности.
|
11
|
|
|
2
|
9
|
8
|
Основы CSS.
|
11
|
|
|
2
|
9
|
9
|
Настройки текста и шрифта в CSS.
|
11
|
|
|
2
|
9
|
10
|
Настройки фона и изображений в CSS.
|
11
|
|
|
2
|
9
|
11
|
Абсолютное позиционирование в CSS.
|
11
|
|
|
2
|
9
|
12
|
Относительное позиционирование в CSS.
|
11
|
|
|
2
|
9
|
Раздел 2. Проектирование сайтов
|
1
|
Основы JavaScript.
|
12
|
|
|
3
|
9
|
2
|
Готовые решения на JavaScript.
|
12
|
|
|
3
|
9
|
3
|
Проектирование личного сайта-портфолио.
|
12
|
|
|
3
|
9
|
4
|
Проектирование промо-сайта.
|
12
|
|
|
3
|
9
|
|
Итого
|
180
|
|
|
36
|
144
|
Формы контроля знаний студентов
Тип контроля
|
Форма контроля
|
4 год
|
Параметры **
|
1
|
2
|
|
Текущий
(неделя)
|
Контрольная
работа
|
|
|
|
|
|
|
Эссе
|
|
|
|
Реферат
|
|
|
|
Коллоквиум
|
|
|
|
Домашнее задание
|
|
|
|
Промежуточный
|
Зачет
|
|
|
|
Экзамен
|
*
|
|
|
Итоговый
|
Экзамен
|
|
*
|
Выполненные практические задания на занятиях, сайт-портфолио и промо-сайт.
|
1.1Критерии оценки знаний, навыков
Экзамен. На экзамене студент должен отчитаться о выполненных на занятиях заданиях, а также продемонстрировать работающий сайт-портфолио и промо-сайт.
В процессе оценивания рассматриваются знания и умения студента об технически качественно сделанных сайтах и заданиях, а также оценивается качество художественных, композиционных, цветовых и дизайнерских решений в проектировании им сайта-портфолио и промо-сайта.
Оценки по всем формам текущего контроля выставляются по 10-ти балльной шкале.
1.2Порядок формирования оценок по дисциплине
Итоговая оценка по дисциплине складывается из суммы оценок за промежуточный контроль и итоговый.
Итоговая оценка по учебной дисциплине складывается из следующих элементов:
Выполненные задания на практических занятиях.
Выполненные задания на зачете.
На просмотрах оценивается: качество выполненных работ; наличие всех заданий и полнота их выполнения.
Итоговая оценка выводится по формуле средней взвешенной с учетом введенных весов.
В ведомость проставляется итоговая оценка.
Вес зачета в итоговой оценке – 0,6 (k); самостоятельная работа (промежуточный контроль по выполнению домашнего задания) - 0,4 (k1).
Оценку за самостоятельную работу студента преподаватель выставляет в рабочую ведомость. Накопленная оценка по 10-ти балльной шкале за самостоятельную работу определяется перед промежуточным контролем – Онакопл.
Оценка за зачет выставляется в результате итогового просмотра - Оэкз/зач.
Таким образом, итоговая оценка рассчитывается по формуле
Орезульт = k1* Онакопл + k *·Оэкз/зач
Например, оценка за экзамен- 8 баллов; за самостоятельную работу - 6, тогда итоговая оценка (ИО) складывается следующим образом:
ИО = 6*0,4 + 8*0,6 = 2,4+ 4,8 = 7,2 – округляем по правилам округления чисел и получаем итоговую оценку –7.
В ведомость проставляем итоговую оценку – 7.
На пересдаче студенту не предоставляется возможность получить дополнительный балл для компенсации оценки за текущий контроль.
Оценка за итоговый контроль блокирующая, при неудовлетворительной итоговой оценке она равна результирующей.
Содержание дисциплины
Раздел 1. Основы создания сайтов
Тема 1. Основы организации сети Интернет и веб-сайтов.
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
История создания и развития сети Интернет. Структура сети Интернет. Типы веб-ресурсов. Принципы работы сайтов. Хостинг. Домены. DNS.
Задание 1. Сбор и анализ информации о сети Интернет и Веб-технологиях. Дискуссия о современных проблемах сети Интернет и веб-ресурсах.
Форма отчетности: ответы на вопросы в устной форме.
Тема 2. Язык разметки HTML. Введение
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Структура HTML страницы, базовые знания. Теги для размещения текста. Единицы измерения в Веб-технологиях(px, pt, %, em и др.). Понятие тега и атрибута. Базовые теги. Теги для размещения текста.
Задание 1. Создание html-страницы с использованием всех пройденных тегов. Изменение разнообразных атрибутов тегов.
Форма отчетности: выполнение практических заданий.
Тема 3. Цветовая система HEX, Safe Web Colors.
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Обмен данными между документами. Обмен данными между жёсткими дисками, внешними дисками. Использование CD и DVD дисков для обмена данными. Протоколы передачи данных AFP, SMB и FTP. Обмен данными с другими компьютерами Macintosh. Обмен данными с другими компьютерами под управлением Windows. Настройка принтера. Создание распечатки. Управление печатью. Шрифты и FontBook. ColorSync. Графика в Mac OS X. Снимки экрана. Слайд-шоу в Finder.
Задание 1. Выполнение ряда заданий по работе с HEX-системой цветов.
Задание 2. Создание html-страницы со всеми цветами Safe Web Colors.
Форма отчетности: выполнение практических заданий.
Тема 4. Табличная структура страницы
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Создание таблиц. Атрибуты и опции таблиц. Основные принципы табличной верстки. Плюсы и минусы табличной вёрстки сайтов.
Задание 1. Создание разных типов таблиц в виде одной html-страницы.
Задание 2. Создание html-страницы в виде одной таблицы.
Форма отчетности: выполнение практических заданий.
Тема 5. Фреймовая структура страницы
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Фреймовая структура сайта. Основные минусы фреймовой структуры. Использование iFrame.
Задание 1. Выполнение практических заданий по использованию iFrame.
Форма отчетности: выполнение практических заданий.
Тема 6. Гипертекстовые ссылки
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Абсолютные ссылки. Относительные ссылки. Якорные ссылки. Организация путей между файлами и папками. Как правильно называть файлы. Тег и атрибуты.
Задание 1. Создание ряда файлов с применением всех типов ссылок. Организация страницы-каталога ссылок.
Форма отчетности: выполнение практических заданий.
Тема 7. Изображения и карты чувствительности
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Размещение изображений. Типы графических файлов. Правильное сохранение и оптимизация файлов(Safe WEB Colors). Карты чувствительности и ссылки на часть графического файла.
Задание 1. Правильное сохранение и оптимизация ряда тестовых файлов.
Задание 2. Создание html-страниц с графическими изображениями.
Задание 3. Создание html-страниц с графическими изображениями в виде ссылки(кнопки).
Задание 4. Создание html-страниц с графическими изображениями в виде ссылки(кнопки) с применением карт чувствительности.
Форма отчетности: выполнение практических заданий.
Тема 8. Основы CSS
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Основы CSS. Использование классов и идентификаторов. Размещение кода CSS: локальное, на всю страницу, на весь сайт.
Задание 1. Создание html-страницы с локальным CSS кодом.
Задание 2. Создание html-страницы с CSS кодом на всю страницу.
Задание 3. Создание html-страницы с CSS кодом на много страниц(весь сайт).
Форма отчетности: выполнение практических заданий.
Тема 9. Настройки текста и шрифта в CSS
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Размещение изображений. Типы графических файлов. Правильное сохранение и оптимизация файлов(Save for WEB). Карты чувствительности и ссылки на часть графического файла.
Задание 1. Создание html-страницы cо всеми пройденными параметрами текста и шрифта.
Задание 2. Создание комплекта настроек шрифтов для всего сайта.
Форма отчетности: выполнение практических заданий.
Тема 10. Настройки фона и изображений в CSS
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Размещение фоновых изображений. Настройки фоновых изображений.
Задание 1. Создание html-страниц с разными типами фона (повторяющийся фон, повторяющийся фон по горизонтале, повторяющийся фон по вертикале, фиксированный фон, фиксированный фон выровненый по краю, фиксирвоанный фон выравненный по центру, маштабирование фона).
Форма отчетности: выполнение практических заданий.
Тема 11. Абсолютное позиционирование в CSS
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Слои в CSS. Абсолютное позиционирование слоёв. Фиксированное позиционирование слоев. Способы применения, проблемы и плюсы использования.
Задание 1. Создание html-страниц с абсолютной позиционной структурой и разными типами абсолютного и фиксированного позиционирования.
Форма отчетности: выполнение практических заданий.
Тема 12. Относительное позиционирование в CSS
Количество часов аудиторной работы – 2 ч
Самостоятельная работа – 9 ч
Относительное (статическое) позиционирование слоёв. Родственное наследование настроек слоёв. Способы применения, проблемы и плюсы использования.
Задание 1. Создание разных типов html-страниц с относительным позиционированием.
Форма отчетности: выполнение практических заданий.
Раздел 2. Проектирование сайтов
Тема 1. Основы JavaScript
Количество часов аудиторной работы – 3 ч
Самостоятельная работа – 9 ч
Основы JavaScript. Добавление JavaScript в html-страницу: локальное, на всю страницу, в виде внешнего файла. Интеграция и настройка готовых скриптов. Понятие переменной, цикла, оператора условия, функции в JavaScript.
Задание 1. Создание html-страницы с использованием JavaScript для кнопок.
Задание 2. Создание html-страницы с часами на JavaScript.
Задание 3. Создание html-страницы со сменными баннерами на JavaScript.
Задание 4. Создание html-страницы с галереей на JavaScript.
Форма отчетности: выполнение практических заданий.
Тема 2. Готовые решения на JavaScript
Количество часов аудиторной работы – 3 ч
Самостоятельная работа – 9 ч
Структура HTML страницы, базовые знания. Теги для размещения текста. Единицы измерения в Веб-технологиях(px, pt, %, em и др.). Понятие тега и атрибута. Базовые теги. Теги для размещения текста.
Задание 1. Создание html-страницы с разными типами меню на JavaScript.
Задание 2. Создание html-страницы с разными типами меню на JavaScript.
Задание 3. Создание html-страницы с технологией ajax.
Задание 4. Создание html-страницы с галереей и использованием скрипта FancyBox.
Форма отчетности: выполнение практических заданий.
Тема 3. Проектирование личного сайта-портфолио
Количество часов аудиторной работы – 3 ч
Самостоятельная работа – 9 ч
Создание комплекта эскизов сайта от руки, далее качественно проработанных в программах Adobe Illustrator и Adobe Photoshop, для дальнейшей верстки сайта в Adobe Dreamweaver. Сайт должен в себя включать готовые скриптовые решения.
Задание 1. Создание личного сайта-портфолио. Сайт должен включать в себе технологии HTML, CSS, JavaScript. Размер сайта 3-5 html-страниц.
Форма отчетности: готовый сайт-портфолио.
Тема 4. Проектирование промо-сайта
Количество часов аудиторной работы – 3 ч
Самостоятельная работа – 9 ч
Создание комплекта эскизов сайта от руки, далее качественно проработанных в программах Adobe Illustrator и Adobe Photoshop, для дальнейшей верстки сайта в Adobe Dreamweaver. Сайт должен в себя включать готовые скриптовые решения.
Задание 1. Создание промо-сайта. Сайт должен включать в себе технологии HTML, CSS, JavaScript. Размер сайта 3-5 html-страниц.
Форма отчетности: готовый промо-сайт.
При реализации учебной работы предусмотрены следующие формы проведения занятий: изучение теоретического материала по дисциплине (знакомство с основными терминами и понятиями); выполнение практических заданий по разделам дисциплины; разбор практических задач.
Текущий контроль осуществляется в виде просмотров выполненных работ по темам дисциплины. В ходе данного контроля оценивается качество и количество работ, выполненных студентом.
Самопроверка студентов может быть осуществлена по следующим вопросам:
1. Современные веб-технологии.
2. Языки разметки страниц.
3. Клиентские скриптовые языки.
4. Изменение параметров текста средствами CSS.
5. Safe WEB colors.
6. Система цветов HEX.
7. Типы графических файлов используемых при создании веб ресурсов.
9. Оптимизация графических файлов.
10. Типы и организация ссылок.
-
-
-
HTML5. Рецепты программирования (HTML5 Cookbook) Автор: Кристофер Шмитт, Кайл Симпсон Издательство: Питер, O'Reilly ISBN 978-5-459-01265-1; 2012 г.
HTML5. Недостающее руководство Автор: Мэтью Мак-Дональд Издательство: БХВ-Петербург ISBN 978-5-9775-0805-6, 978-1-449-30239-9; 2012 г.
Справочники, словари, энциклопедии
. http://www.w3.org/
. http://www.htmlbook.ru/
Материально-техническое обеспечение дисциплины
Практические занятия проводятся в компьютерном классе оборудованном проектором и персональными компьютерами для каждого студента, с установленным программным обеспечением Adobe Dreamweaver и Adobe Photoshop.
|
