Государственное бюджетное профессиональное образовательное
учреждение
«Дербентский профессионально-педагогический колледж им. Г.Б.Казиахмедова»

РАБОЧАЯ ПРОГРАММА ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
ПМ 08. РАЗРАБОТКА ДИЗАЙНА ВЕБ-ПРИЛОЖЕНИЙ
МДК 08.02 Графический дизайн и мультимедиа

Дербент, 2025 г.

Программа междисциплинарного курса разработана на основе
федерального государственного образовательного стандарта среднего
профессионального образования по специальности 09.02.07 Информационные
системы и программирование утверждённым приказом Министерства
образования и науки Российской Федерации 09 декабря 2016 г. №1547,
зарегистрированным в Министерстве юстиции Российской Федерации 26
декабря 2016 года, регистрационный № 44936, входящим в укрупненную группу
ТОП-50 09.00.00 Информатика и вычислительная техника и примерной основной
образовательной
программы,
разработанной
Федеральным
учебнометодическим объединением в системе среднего профессионального
образования по укрупненным группам профессий, специальностей 09.00.00
Информатика и вычислительная техника, зарегистрированной в Федеральном
реестре примерных основных образовательных программ СПО под номером
09.02.07-17.05.11.

Организация-разработчик: ГБПОУ ДППК им. Г.Б.Казиахмедова
Разработчики:
Махмудова Наима Гаджиевна, зам.директора по УР ГБПОУ ДППК им.
Г.Б.Казиахмедова;
Мирзоева Диляра Магомедовна, преподаватель ГБПОУ ДППК
Г.Б.Казиахмедова

им.

Программа рассмотрена на заседании методического объединения
преподавателей
Рекомендована методическим советом ГБПОУ ДППК им. Г.Б.Казиахмедова
к использованию в качестве рабочей программы предмета для специальностей
универсального профиля от 21.02.2025
Утверждена приказом директора ГБПОУ ДППК им. Г.Б.Казиахмедова
№ _54_от 24.02.25

2

ЛИСТ ИЗМЕНЕНИЙ
№ Дата Наименование
изм.
документа
изм.

Было

Изменено

Подпись
лица,
внесшего
изменения

3

СОДЕРЖАНИЕ
1. ОБЩАЯ ХАРАКТЕРИСТИКА РАБОЧЕЙ ПРОГРАММЫ
ПРОФЕССИОНАЛЬНОГО МОДУЛЯ

5

2. СТРУКТУРА И СОДЕРЖАНИЕ МЕЖДИСЦИПЛИНАРНОГО
КУРСА

7

3 УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ
МЕЖДИСЦИПЛИНАРНОГО КУРСА

12

4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ
МЕЖДИСЦИПЛИНАРНОГО КУРСА

14

4

1. ОБЩАЯ ХАРАКТЕРИСТИКА РАБОЧЕЙ ПРОГРАММЫ
ПРОФЕССИОНАЛЬНОГО МОДУЛЯ
ПМ 08. Разработка дизайна веб-приложений
1.1. Цель и планируемые результаты освоения профессионального модуля
В результате изучения профессионального модуля студент должен освоить
основной вид деятельности Проектирование и разработка информационных
систем и соответствующие ему общие и профессиональные компетенции:
1.2. Цель и планируемые результаты освоения междисциплинарного курса
Код
Умения
Знания
ПК, ОК
ОК 1 - создавать, использовать и
современные методики
11
оптимизировать изображения для разработки графического
ПК 8.2, веб-приложений;
интерфейса;
ПК 8.3 выбирать наиболее подходящее для требования и нормы подготовки
целевого рынка дизайнерское
и использования изображений в
решение;
информационносоздавать дизайн с применением телекоммуникационной сети
промежуточных
эскизов, "Интернет" (далее - сеть
требований к эргономике и Интернет);
технической эстетике.
государственные стандарты и
требования к разработке дизайна
веб-приложений
1.3. Цель и планируемые результаты освоения программы воспитания
Код
Личностные результаты
личностных
реализации программы воспитания
(дескрипторы)
результатов
реализации
программы
воспитания
Демонстрирующий готовность и способность к образованию,
в том числе самообразованию, на протяжении всей жизни;
сознательное отношение к непрерывному образованию как
ЛР 15
условию успешной профессиональной и общественной
деятельности

5

1.4. Количество часов, отводимое на освоение профессионального модуля
Вид учебной работы
Объем образовательной программы
в том числе:
теоретическое обучение
практические занятия

Объем часов
238
148
56

Курсовая работа

20

Самостоятельная работа

8

Дифференцированный зачет

2
6

Экзамен

6

2. СТРУКТУРА И СОДЕРЖАНИЕ МЕЖДИСЦИПЛИНАРНОГО КУРСА
2.1. Структура междисциплинарного курса
Занятия во взаимодействии с преподавателем, час
Коды
Наименования
Суммарный
Обучение по МДК
Практики
профессиональных
разделов
Самостоятельная
объем
Лабораторных
общих
профессионального
работа
Курсовых Учебная
нагрузки, час. Всего и практических
Производственная
компетенций
модуля
работ
занятий
1
2
3
4
5
6
7
8
9
ПК 8.2, ПК 8.3
Раздел 2. Разработка
98
20
8
210
196
графических
изображений и
мультимедиа
Производственная
практика (по
профилю
специальности),
часов
Экзамен
Всего:

210

196

98

20

8

7

2.2. Тематический план и содержание междисциплинарного курса
Наименование
разделов и тем
профессионального
модуля (ПМ),
междисциплинарных
курсов (МДК)
1

Содержание учебного материала, лабораторные работы и практические
занятия, внеаудиторная (самостоятельная) учебная работа обучающихся,
курсовая работа
2

Личностные
результаты
реализации
программы
воспитания

Объем часов

3

4

ЛР15

18
2
2
2
2
2
2
2
2
2
24
2
2
2
2
2
2
2
2
2
2
4
22

3 семестр
Тема 1.
Компьютерная
графика

Тема 2. Векторная
графика

Содержание
Введение в компьютерную графику.
Виды компьютерной графики
Физические основы компьютерной графики
Соответствие цветов и управление цветом
Цвет и графика в дизайне
Типографика
Форматы хранения графических изображений
Обзор современных графических программ.
Семинар
2.1 Основы работы в программе
Особенности векторной графики
Редактор векторной графики
Основы работы с объектами
Типы опорных точек
Закраска рисунков
Создание рисунков из кривых
Работа с текстом
Методы упорядочивания и объединения объектов
Создание эффектов
Работа со слоями
Методика создания прототипа веб-сайта
Тематика лабораторных работ

ЛР15

8

1. Лабораторная работа «Освоение интерфейса векторного редактора. Создание
простейших изображений»
2. Лабораторная работа «Использование заливок»
3. Лабораторная работа «Создание контуров»
4. Лабораторная работа «Работа с текстом»
5. Лабораторная работа «Создание изображений с использованием
спецэффектов»
6. Лабораторная работа «Освоение приемов работы со слоями»
7. Лабораторная работа «Создание логотипа»
8. Лабораторная работа «Разработка прототипа макета веб-приложения»
Самостоятельная учебная работа
 Подготовить презентацию по теме «Векторные графические редакторы»
2.2 Создание анимации
Этапы создания анимации
Язык сценариев JavaScript
Работа с функциями в ActionScript 3.0.
Тематика лабораторных работ
6. Лабораторная работа «Создание статических изображений в среде редактора
компьютерной анимации»
7. Лабораторная работа «Работа с библиотеками и символами. Покадровая
анимация»
8. Лабораторная работа «Создание автоматической анимации»
9. Лабораторная работа «Разработка программной анимации объектов»
10. Лабораторная работа «Создание анимации средствами ActionScript 3.0»
11. Лабораторная работа «Создание простых сценариев. Работа с событиями»
12. Лабораторная работа «Работа с функциями в ActionScript 3.0.»
13. Лабораторная работа «Рисование в ActionScript 3.0. Циклы»
14. Лабораторная работа «Создание Flash-баннера и Gif-анимации»
15. Лабораторная работа «Создание игрового приложения»
Дифференцированные зачет
4 семестр
3.1 Основы работы в программе

2
2
2
2
4

ЛР15

2
2
6
4
4
6
2
2
2
26
2
2

ЛР15

2
2
2
2
2
2
4
4
2

ЛР15

12
9

Тема 3. Растровая
графика

Особенности растровой графики.
Редактор растровой графики
Выделение областей
Заливка объектов
Основы коррекции тона
Основы коррекции цвета
Тематика лабораторных работ
1. Лабораторная работа «Освоение технологии работы в среде редактора
растровой графики»
2. Лабораторная работа «Освоение инструментов выделения и трансформации
областей. Рисование и раскраска»
3. Лабораторная работа «Создание и редактирование изображений»
3.2 Создание многослойных изображений
Основы работы со слоями
Работа с инструментом Текст
Создание коллажа
Маски и каналы
Ретуширование фотографий
Создание анимации
Тематика лабораторных работ
4. Лабораторная работа «Работа с масками. Векторные контуры фигуры»
5. Лабораторная работа «Ретуширование изображений. Корректирующие
фильтры»
6. Лабораторная работа «Работа со стилями слоев и фильтрами»
7. Лабораторная работа «Создание коллажей. Фотомонтаж»
8. Лабораторная работа «Корректировка цифровых фотографий»
9. Лабораторная работа «Создание текстовых объектов. Текстовые эффекты.
Текстовый дизайн»
10. Лабораторная работа «Создание анимированных изображений»
11. Лабораторная работа «Создание оригиналмакетов, элементов дизайна сайта»
12. Лабораторная работа «Создание макета сайта»
13. Лабораторная работа «Создание буклета»
14. Лабораторная работа «Создание рекламного баннера»

2
2
2
2
2
2
6
2
2

ЛР15

2
14
4
2
2
2
2
2
24
2
2
2
2
2
2
2
2
2
2
2
10

15. Лабораторная работа «Изображения для Web. Создание Gif-анимаций»
Самостоятельная учебная работа
Подготовить анимационный баннер «Мой колледж»
Курсовая работа
Изучение методических рекомендаций по выполнению работы. Подбор и
изучение информационных источников
Составление плана курсовой работы. Написание введения
Составление теоретической главы курсовой работы
Составление практической главы курсовой работы
Написание заключения
Оформление курсовой работы
Подготовка доклада и презентации

2
2
2
14
2
2
2
3
2
2
2
ЛР15

Защита курсовой работы

6

5 семестр
Тема 4. Трехмерная
графика

4.1 Основы работы в программе
Основы трехмерной графики
Работа с объектами
Сеточные модели
Основы построения сцен
Модификаторы
Кривые. Контуры
Материалы и текстура
Тематика лабораторных работ
1. Лабораторная работа «Освоение технологии работы в среде редактора 3D
графики»
2. Лабораторная работа «Освоение основных инструментов редактора 3D
графики»
3. Лабораторная работа «Создание и редактирование трехмерных объектов»
4. Лабораторная работа «Моделирование 3d объектов с помощью сплайнов»
4.2. Создание сложных моделей
3D моделирование
UV-развертка
Рендеринг

ЛР15

12
2
2
1
1
2
2
2
12
2
2

ЛР15

4
4
14
2
2
2
11

Анимация
Язык VRML
Создание спецэффектов
Тематика лабораторных работ
5. Лабораторная работа «Создание сложных трёхмерных сцен»
6. Лабораторная работа «Создание анимации в программе трехмерной графики»
7. Лабораторная работа «Моделирование и анимация персонажей»
8. Лабораторная работа «Разработка мультимедиа проекта»
Самостоятельная учебная работа
- создание анимации и мультипликации в графическом редакторе
Экзамен
Всего

4
2
4
12
2
2
4
4
2
ЛР15

6
210

12

3. УСЛОВИЯ РЕАЛИЗАЦИИ ПРОГРАММЫ
МЕЖДИСЦИПЛИНАРНОГО КУРСА
3.1. Для реализации программы профессионального модуля должны
быть предусмотрены следующие специальные помещения:
Студия разработки дизайна веб- приложений, оснащена:
1.
- доска интерактивная Hitachi StarBoard – 1 шт.
2.
- проектор NEC VT590 – 1 шт.
3.
- МФУ Samsung SCX 4100 – 1 шт.
4.
- компьютер (i-5/8Gb/500Tb/22’*2) – 15 шт.
5.
- принтер Epson L1800 A3 цветной – 1 шт.
6.
Программное обеспечение общего и профессионального назначения,
в том числе включающее в себя следующее ПО:
Adobe Photo Shop, Gimp, Microsoft SQL Server Express Edition, Microsoft
Visio Professional, Microsoft Visual Studio, MySQL Installer for Windows, NetBeans,
SQL Server Management Studio, Corel Draw, Pencil.
Оснащенные базы практики
3.2. Информационное обеспечение реализации программы
Для реализации программы библиотечный фонд образовательной
организации должен иметь печатные и/или электронные образовательные и
информационные
ресурсы,
рекомендуемые
для
использования
в
образовательном процессе.
3.2.1. Печатные издания
1. Немцова, Т. И. Компьютерная графика и web-дизайн: учебное пособие
/Т. И. Немцова; под ред. Л. Г. Гагариной. - М.: "ФОРУМ": ИНФРА-М, 2021. 400с.
3.2.2. Электронные издания (электронные ресурсы)
1. Система федеральных образовательных порталов Информационнокоммуникационные технологии в образовании. [Электронный ресурс] – режим
доступа: http://www.ict.edu.ru
2. Баранов, С. Н. Основы компьютерной графики [Электронный ресурс]:
учеб. пособие / С. Н. Баранов, С. Г. Толкач. – Красноярск: Сиб. федер. ун-т, 2018.
– 88 с.
3.2.3. Дополнительные источники
Интернет-ресурсы:
1. Ежемесячный электронный журнал «ПРОграммист».
http://procoder.info/
2. http://ru.wikipedia.org
3. htpp://www.php.spb.ru
4. http://www.javaportal.ru
5. http://moolkin.ru/joomla/cms/staticheskie-i-dinamicheskie-web-sayty-vchyom-raznitsa/
6. http://htmlbook.ru
13

4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ
МЕЖДИСЦИПЛИНАРНОГО КУРСА
Код и наименование
профессиональных и
общих компетенций,
формируемых в
рамках модуля

Критерии оценки

Раздел 2. Разработка графических изображений и мультимедиа
ПК 8.2.
Оценка «отлично» - проанализированы
Формировать
предметная область, государственные
требования к
стандарты (и/или законодательство
дизайну вебрегиона) и целевая аудитория; на основе
приложений на
анализа сформированы и оформлены в
основе анализа
предметной области стандартном виде ограничения на стиль и
содержание веб – приложения;
и целевой
аудитории.
сформированы ограничения для мобильных
устройств; требования сгруппированы и
выбрано дизайнерское решение.
Оценка «хорошо» - проанализированы
предметная область, государственные
стандарты (и/или законодательство
региона) и целевая аудитория; на основе
анализа сформированы ограничения на
стиль и содержание веб – приложения;
сформированы ограничения для мобильных
устройств; выбрано дизайнерское
решение.
Оценка «удовлетворительно» сформированы ограничения на стиль и
содержание веб – приложения;
сформированы ограничения для мобильных
устройств; выбрано дизайнерское
решение.
ПК 8.3.
Осуществлять
разработку дизайна
веб-приложения с
учетом современных
тенденций в области
веб-разработки.

Оценка «отлично» - разработан и
реализован отзывчивый дизайн веб –
приложения с использованием специальных
графических редакторов, применением
относительных размеров, контрольных
точек и вложенных объектов; макет
корректно отображается на различных
устройствах; заданные элементы
интегрированы в дизайн оптимальным

Методы оценки

Экзамен/зачет в
форме
собеседования:
практическое
задание по
формированию
требований к
дизайну веб –
приложения.
Защита отчетов
по лабораторным
работам.

Интерпретация результатов
наблюдений за деятельностью обучающегося в процессе практики
Экзамен/зачет в
форме
собеседования:
практическое
задание по
разработке
графических
макетов для вебприложений и
14

образом; разработанный дизайн
полностью соответствует современным
стандартам.
Оценка «хорошо» - разработан и
реализован отзывчивый дизайн веб –
приложения с использованием специальных
графических редакторов, применением
нескольких методов; макет корректно
отображается на большинстве
устройств; заданные элементы
интегрированы в общий дизайн;
разработанный дизайн соответствует
современным стандартам.
Оценка «удовлетворительно» разработан и реализован отзывчивый
дизайн веб – приложения с использованием
специальных графических редакторов,
применением нескольких методов;
большинство заданных элементов
интегрировано в дизайн; макет корректно
отображается на одном устройстве;
разработанный дизайн в основном
соответствует современным
стандартам.

интеграции новых
графических
элементов.
Защита отчетов
по лабораторным
работам

Интерпретация результатов
наблюдений за деятельностью обучающегося в процессе практики

15