ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ, НАУКИ И МОЛОДЕЖНОЙ

ПОЛИТИКИ ВОРОНЕЖСКОЙ ОБЛАСТИ

Государственное бюджетное профессиональное образовательное

учреждение Воронежской области
«Воронежский государственный промышленно-гуманитарный колледж»
(ГБПОУ ВО «ВГПГК»)

РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ

ОП.15 Веб-Дизайн.

09.02.01. Компьютерные системы и комплексы

Форма обучения ____Очная ___________________

На базе_основного общего образования

Воронеж, 2020

1
 Программа дисциплины разработана на основе Федерального государственного
образовательного стандарта (далее – ФГОС) по специальности среднего профессионального
образования (далее - СПО) 09.02.01 Компьютерные системы и комплексы

Организация-разработчик: ГБПОУ ВО «ВГПГК»

УТВЕРЖДЕНО
Заместитель директора
по учебно-методической работе

___________ Я.В.Боровикова

«_____»___________20__ г.

Рабочая программа дисциплины

рассмотрена на заседании ЦМК

протокол №___ от «____» _______ 20___ г.

Председатель ЦМК
_________________ А.Е. Овсянникова

Разработчики:

А.С. Фролов, преподаватель ГБПОУ ВО «ВГПГК»

29 августа 2020г.

2
 СОДЕРЖАНИЕ

Стр.
1. Паспорт программы дисциплины 4
2. Структура и содержание дисциплины 7
3. Условия реализации программы дисциплины 12
4. Контроль и оценка результатов освоения дисциплины 13

3
 1. ПАСПОРТ ПРОГРАММЫ ДИСЦИПЛИНЫ

ОП.15 Разработка веб-приложений.

1.1. Область применения программы

Программа дисциплины является частью основной профессиональной
образовательной программы среднего профессионального образования - программы
подготовки специалистов среднего звена (ППССЗ) в соответствии с ФГОС СПО по
специальности СПО 09.02.01 Компьютерные системы и комплексы

1.2 Место дисциплины в структуре основной профессиональной образовательной

программы-программ подготовки специалистов среднего звена (ППССЗ):
Дисциплина входит в общепрофессиональный цикл. Индекс ОП.15.

1.2. Цели и планируемые результаты освоения учебной дисциплины:

Код и формулировка
Умения
компетенции
ОК 1. Понимать Распознавать задачу и/или проблему
сущность и в профессиональном и/или
социальную социальном контексте;
значимость своей Анализировать задачу и/или
будущей профессии, проблему и выделять её составные
проявлять к ней части;
устойчивый интерес. Правильно определить и найти
информацию, необходимую для
решения задачи и/или проблемы;
Составить план действия,
Определить необходимые ресурсы;
Владеть актуальными методами
работы в профессионально й и
смежных сферах;
Реализовать составленный план;
Оценить результат и последствия
своих действий (самостоятельно или
с помощью наставника).
ОК 2. Определять задачи поиска
Организовывать информации Определять
собственную необходимые источники
деятельность, информации Планировать процесс
выбирать типовые поиска Структурировать
методы и способы получаемую информацию Выделять
выполнения наиболее значимое в перечне
профессиональных информации Оценивать
задач, оценивать их практическую значимость
эффективность и результатов поиска Оформлять
качество. результаты поиска
ОК 3. Принимать Определять актуальность
решения в нормативно-правовой документации
стандартных и в профессионально й деятельности
знания
Знать актуальный профессиональный и
социальный контекст, в котором
приходится работать и жить;
Знать основные источники информации и
ресурсов для решения задач и проблем в
профессиональном и/или социальном
контексте.
Знать актуальные стандарты выполнения
работ в профессионально й и смежных
областях;
Знать актуальные методы работы в
профессиональной и смежных сферах.
Номенклатуру информационных
источников применяемых в
профессиональной деятельности Приемы
структурирования информации Формат
оформления результатов поиска
информации
Содержание актуальной нормативно-
правовой документации Современная
научная и профессиональная терминология

4
нестандартных Возможные траектории профессионального
ситуациях и нести за развития и самообразования
них
ответственность.
ОК 4. Осуществлять Организовывать работу коллектива и Психология коллектива Психология
поиск и команды. Взаимодействовать с личности Основы проектной деятельности
использование коллегами, руководством,
информации, клиентами.
необходимой для
эффективного
выполнения
профессиональных
задач,
профессионального
и личностного
развития.
ОК 5. Использовать Излагать свои мысли на Особенности социального и культурного
информационно- государственном языке. Оформлять контекста Правила оформления документов.
коммуникационные документы
технологии в
профессиональной
деятельности.
ОК 6. Работать в Описывать значимость своей Сущность гражданско-патриотической
коллективе и профессии Презентовать структуру позиции Общечеловеческие ценности.
команде, профессионально й деятельности по Правила поведения в ходе выполнения
эффективно профессии (специальности) профессиональной деятельности
общаться с
коллегами,
руководством,
потребителями.
ОК 7. Брать на себя Соблюдать нормы экологической Правила экологической безопасности при
ответственность за безопасности Определять ведении профессиональной деятельности
работу членов направления ресурсосбереже- Основные ресурсы задействованные в
команды ния в рамках профессионально й профессиональной деятельности Пути
(подчиненных), деятельности по профессии обеспечения ресурсосбережения.
результат (специальности)
выполнения
заданий.
ОК 8. Использовать физкультурно- Роль физической культуры в
Самостоятельно оздоровительную деятельность для общекультурном, профессиональном и
определять задачи укрепления здоровья, достижения социальном развитии человека;
профессионального жизненных и профессиональ- Основы здорового образа жизни; Условия
и личностного ных целей; Применять рациональные профессиональной деятельности и зоны
развития, приемы двигательных функций в риска физического здоровья для профессии
заниматься профессиональной деятельности. (специальности) Средства профилактики
самообразованием, Пользоваться средствами перенапряжения
осознанно профилактики перенапряжения
планировать характерными для данной профессии
повышение (специальности)
квалификации.
ОК 9. Применять средства Современные средства и устройства
Ориентироваться в информационных технологий для информатизации Порядок их применения и
условиях частой решения профессиональных задач. программное обеспечение в
смены технологий в Использовать современное профессиональной деятельности
профессиональной программное обеспечение
деятельности.

5
1.4. Количество часов на освоение программы дисциплины:

Всего_71_ часов, в том числе:

обязательной аудиторной учебной нагрузки обучающегося 48 часов;
самостоятельной работы обучающегося 17 часов,
консультации – 6 часов.

6
 2. СТРУКТУРА И СОДЕРЖАНИЕ ДИСЦИПЛИНЫ
2.1. Объем учебной нагрузки и виды учебной деятельности

Вид учебной работы Объем часов

Всего академических часов по учебному плану: 71
Учебная нагрузка во взаимодействии с преподавателем (всего) 48
в том числе:
лекции, уроки 28
лабораторные работы
практические занятия 20
контрольные работы
курсовая работа (проект) (если предусмотрено)
Консультации 6
Самостоятельная работа обучающегося (всего) 17
в том числе:
Проработка конспектов занятий, учебной и специальной технической 17
литературы, выполнение индивидуальных заданий
Промежуточная аттестация по итогам освоения дисциплин: экзамен в _6_ семестре

7
2.2 Тематический план и содержание дисциплины ОП.15 ВЕБ-ДИЗАЙН

Наименование разделов и тем
1 2
Раздел 1. Проектирование и разработки интерфейсов пользователя
Тема1.1  Основы web-технологий.
Тема 1.2 Web-дизайн
Содержание учебного материала, лабораторные работы и практические занятия, Объем Коды
самостоятельная работа обучающихся, курсовая работа (проект) часов осваиваемых
элементов
компетенций
3 4
Содержание учебного материала 8 ОК1-ОК11
Введение. Язык разметки HTML. Синтаксис HTML
Фреймы, плавающие фреймы, формы
Каскадные таблицы стилей (CSS)
Использование стилей при создании сайта
Веб-стандарты и их поддержка
Элементы и атрибуты HTML5 и структура страницы
Вёрстка страниц веб-сайта
CSS-фреймворки. Динамический CSS (на примере LESS). Шаблоны CMS. Типовые
решения
Язык сценариев JavaScript
Практические занятия 4
Практическая работа «Составление технического задания на разработку web-сайта»
Применение тегов HTML при создании web-страниц
Создание формы на html-странице.
Форматирование web-страниц с использованием каскадных таблиц стилей. 
Вёрстка
Использование языка сценариев JavaScript при создании web-сайта
Подготовка и оптимизация графики на web-странице
Создание баннера для web-страницы
Содержание учебного материала 6
WEB-дизайн. Способности необходимые web-дизайнеру. Специализация в web-дизайне.
Основные этапы разработки web- приложений. Техническое задание.
Концептуальное, логическое и физическое проектирование webсайта
Цвет в дизайне. Фоновые цвета. Цветовой круг. Модели цвета
Вопросы разработки интерфейса
Визуализация элементов интерфейса
Юзабилити сайта для мобильных устройств

Аудит юзабилити web- сайта, тестирование и документирование

Раздел 2. Графический дизайн и мультимедиа

8
Тема 2.1 Компьютерная графика
Тема 2.2 Растровая и векторная графика
Тема 2.3 Трехмерная графика
Содержание учебного материала 4
Введение в компьютерную графику. Виды компьютерной графики
Физические основы компьютерной графики
Соответствие цветов и управление цветом
Форматы хранения графических изображений
Содержание учебного материала 4
Особенности векторной графики
Редактор векторной графики
Редактор разработки мультимедийного контента
Особенности растровой графики. Редактор растровой графики
Практические занятия 6
Лабораторная работа «Освоение интерфейса векторного редактора. Создание простейших
изображений»
Лабораторная работа «Создание изображений с использованием различных спецэффектов
Лабораторная работа «Освоение приемов работы со слоями. Создание сложных
изображений»
Лабораторная работа «Создание статических изображений в среде редактора
компьютерной анимации»
Лабораторная работа «Создание автоматической анимации»
Лабораторная работа «Создание анимации средствами ActionScript 3.0»
Лабораторная работа «Создание Flash-баннера и Gif-анимации»
Лабораторная работа «Создание игрового приложения»
Лабораторная работа «Освоение технологии работы в среде редактора растровой
графики»
Лабораторная работа «Создание и редактирование изображений»
Лабораторная работа «Ретуширование изображений. Корректирующие фильтры»
Лабораторная работа «Работа со стилями слоев и фильтрами»
Лабораторная работа «Создание коллажей. Фотомонтаж»
Лабораторная работа «Корректировка цифровых фотографий»
Лабораторная работа «Создание анимированных изображений»
Лабораторная работа «Создание рекламного баннера»
Лабораторная работа «Изображения для Web. Создание Gif-анимаций»
Содержание учебного материала 4
Основы трехмерной графики
Основы построения сцен
3D моделирование
Практические занятия 4
Лабораторная работа «Освоение технологии работы в среде редактора 3D графики»
Лабораторная работа «Освоение основных инструментов редактора 3D графики»
Лабораторная работа «Создание и редактирование трехмерных объектов»
9
 Лабораторная работа «Моделирование 3d объектов с помощью сплайнов»
Лабораторная работа «Создание сложных трёхмерных сцен»
Раздел 3. Разработка и тестирование веб-сайтов.
Тема 3.5 Разработка и тестирование Содержание учебного материала 2
программного продукта. Виды тест- Классификация тест-кейсов для тестирования программного продукта
кейсов для тестирования программного Тестирование программного продукта по тест-кейсам.
продукта Практические занятия 6
Разработка веб-сайтов
Разработка тест-кейсов для тестирования спроектированного программного продукта..
Тестирование спроектированного программного продукта по разработанным тест-кейсам
Самостоятельная работа при изучении ОП.15 17
Систематическая проработка конспектов занятий, учебной и специальной технической литературы (по вопросам к параграфам,
главам учебных пособий, составленным преподавателем)
Подготовка к практическим работам с использованием методических рекомендаций преподавателя, оформление практических работ,
отчетов к их защите
Консультация 6
Всего 48

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

3.1 Требования к материально-техническому обеспечению

Реализация программы предполагает наличие кабинета и рабочих мест:
Студии «Разработки дизайна веб-приложений»
 Автоматизированные рабочие места на 12-15 обучающихся с конфигурацией: Core i5
или аналог, дискретная видеокарта от 2GB ОЗУ, не менее 8GB ОЗУ, два монитора 23",
мышь, клавиатура;
 Автоматизированное рабочее место преподавателя с конфигурацией: Core i5 или
аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23", мышь,
клавиатура;
 Специализированная эргономичная мебель для работы за компьютером;
 Проектор и экран;
 Маркерная доска;
 Принтер A3, цветной;
 Многофункциональное устройство (МФУ) формата А4;
 Программное обеспечение общего и профессионального назначения.

Лаборатории «Информационных ресурсов»

 Автоматизированные рабочие места на 12-15 обучающихся (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;)или аналоги;
 Автоматизированное рабочее место преподавателя (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;или аналоги;)
 Многофункциональное устройство (МФУ) формата А4;
 Проектор и экран;
 Маркерная доска;
 Программное обеспечение общего и профессионального назначения.

Лаборатории «Программного обеспечения и сопровождения компьютерных систем»

 Автоматизированные рабочие места на 12-15 обучающихся (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;) или аналоги;
 Автоматизированное рабочее место преподавателя (процессор не ниже Core i3,
оперативная память объемом не менее 4 Гб;)или аналоги;
 Проектор и экран;
 Маркерная доска;
 Программное обеспечение общего и профессионального назначения.

Студии «Инженерной и компьютерной графики»

 Автоматизированные рабочие места на 12-15 обучающихся с конфигурацией: Core i3
или аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23",
мышь, клавиатура;
 Автоматизированное рабочее место преподавателя с конфигурацией: Core i5 или
аналог, дискретная видеокарта, не менее 8GB ОЗУ, один или два монитора 23", мышь,
клавиатура;
 Специализированная эргономичная мебель для работы за компьютером;
  Офисный мольберт (флипчарт);
 Проектор и экран;
 Маркерная доска;
 Принтер A3, цветной;
 Программное обеспечение общего и профессионального назначения.

3.2 Информационное обеспечение обучения

Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной
литературы

Основные источники (печатные):

1. Абрамян, А. В. Разработка пользовательского интерфейса на основе системы
Windows Presentation Foundation [Электронный ресурс] : учебник / А. В. Абрамян. М. Э.
Абрамян ; Южный федеральный университет. — Ростов-на-Дону ; Таганрог : Издательство
Южного федерального университета, 2017 // ЭБС Znanium.com.
2. Тозик, В. Т. Компьютерная графика и дизайн : учебник для СПО / В. Т. Тозик, Л.
М. Корпан. - 8-е изд., стер. - М. : Академия, 2018. - 208 с.
Дополнительные источники:
1 Ткаченко, О. Н. Взаимодействие пользователей с интерфейсами
информационных систем для мобильных устройств [Электронный ресурс] : учебное пособие /
Ткаченко О.Н. — Москва : Магистр : ИНФРА-М, 2020 // ЭБС Znanium.com.
2 Немцова, Т. И. Компьютерная графика и web-дизайн [Электронный ресурс] :
учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин ; под ред. Л.Г. Гагариной. —
Москва : ИД «ФОРУМ» : ИНФРА-М, 2020 // ЭБС Znanium.com.

12
 4. КОНТРОЛЬ И ОЦЕНКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ ДИСЦИПЛИНЫ
Контроль и оценка результатов освоения дисциплины осуществляется преподавателем в
процессе проведения практических занятий и лабораторных работ, тестирования, а также
выполнения обучающимися индивидуальных заданий, проектов, исследований
Код и формулировка
компетенции
Код и формулировка компетенции
ОК 1 . Выбирать способы
решения задач профес-сио-
нальной деятель-ности, примени-
тельно к различ-ным контек-
стам.
ОК 2. Осуществлять поиск,
анализ и интерпретацию
информации, необходимой для
выполне-ния задач профес-сио-
нальной деятельности.
ОК 3. Планировать и реализовы-
вать собственное профес-сио-
нальное и личност-ное развитие
ОК 4. Работать в коллек-тиве и
команде, эффективно взаимо-
дейст- вовать с коллегами,
руковод-ством, клиентам
ОК 5. Осуществлять устную и
письмен-ную коммуникацию на
государственном языке с учетом
особенностей социально-го и
куль-турного контекста
ОК 6. Проявлять граждан-ско-
патриотическую позицию,
демонстрирова ть осознанное
поведение на основе
общечеловеческ их ценностей
ОК 7. Содействовать сохране-
нию окружа-ющей среды,
ресурсосбережению, эффективно
дейст-вовать в чрезвычайных
ситуациях
ОК 08. Использо-вать средства
физичес-кой культуры для
сохране-ния и укрепления
Формы и методы
контроля и
Результаты обучения
оценки
(освоенные умения, усвоенные знания)
результатов
обучения
Уметь:
Умения
Распознавать задачу и/или проблему в
профессиональном и/или социальном контексте;
Анализировать задачу и/или проблему и выделять её
составные части; Правильно определить и найти
информацию, необходимую для решения задачи и/или
проблемы; Составить план действия, Определить
необходимые ресурсы; Владеть актуальными методами
работы в профессионально й и смежных сферах;
Реализовать составленный план; Оценить результат и
последствия своих действий.
Определять задачи поиска информации Определять
необходимые источники информации Планировать
процесс поиска Структурировать получаемую
информацию Выделять наиболее значимое в перечне Интерпретация
информации Оценивать практическую значимость
результатов поиска Оформлять результаты поиска
результатов
Определять актуальность нормативно-правовой наблюдений за
документации в профессионально й деятельности деятельностью
обучающегося в
Организовывать работу коллектива и команды. процессе
Взаимодействовать с коллегами, руководством,
освоения
клиентами.
образовательной
Излагать свои мысли на государственном языке. программы
Оформлять документы
Описывать значимость своей профессии Презентовать
структуру профессионально й деятельности по профессии
(специальности)
Соблюдать нормы экологической безопасности
Определять направления ресурсосбережения в рамках
профессионально й деятельности по профессии
(специальности)
Использовать физкультурно-оздоровительную
деятельность для укрепления здоровья, достижения
жизненных и профессиональных целей; Применять
13
здоровья в процессе профессио-
нальной деятель-ности и
поддержа-ние необходи-мого
уровня физичес-кой подготов-
ленности
ОК 09. Использо-вать информа-
ционные техноло-гии в
профессии-ональной деятель-
ности.
ОК 10. Пользо-ваться професси-
ональной докумен-тацией на
государственном и иностран-ном
языке.
ОК 11.
Планиро-вать предприни-
мательскую деятель-ность в
профессио-нальной сфере.
рациональные приемы двигательных функций в
профессиональной деятельности. Пользоваться
средствами профилактики перенапряжения
характерными для данной профессии (специальности)
Применять средства информационных технологий для
решения профессиональных задач. Использовать
современное программное обеспечение
Понимать общий смысл четко произнесенных
высказываний на известные темы (профессиональные и
бытовые),
понимать тексты на базовые профессиональные темы
участвовать в диалогах на знакомые общие и
профессиональные темы, строить простые высказывания
о себе и о своей профессиональной деятельности, кратко
обосновывать и объяснить свои действия (текущие и
планируемые), писать простые связные сообщения на
знакомые или интересующие профессиональные темы
Выявлять достоинства и недостатки коммерческой идеи.
Презентовать идеи открытия собственного дела в
профессиональной деятельности.
Оформлять бизнес-план.
Рассчитывать размеры выплат по процентным ставкам
кредитования Определять актуальность нормативно-
правовой документации в профессионально й
деятельности
14
ЛИСТ РЕГИСТРАЦИИ ИЗМЕНЕНИЙ

Номера листов Всего Дата Дата

листов введени внесен
№ Изм Зам № Подпис Расшифров
в яв ия
изм. енен е- Новы Изъяты докум. ь ка подписи
докуме действи измене
ных нен х х нте е ния
ных

15