МИНИСТЕРСТВО образования ставропольского края
государственное БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ образовательное учреждение
«курсавский региональный колледж «интеграл»
|
| Утверждаю: и.о. зам. директора по ТО колледжа «Интеграл» __________ Гамоля И.П. «26» апреля 2021 г.
|
РАБОЧАЯ программа учебной дисциплины
| ОП.12 Web дизайн по специальности: 09.02.03 Программирование в компьютерных системах
|
|
|
с. Курсавка
2021 г.
Рабочая программа учебной дисциплиныразработана на основе Федерального государственного образовательного стандарта среднего профессионального образования, предназначена для реализации ППССЗ по специальности: 09.02.03 Программирование в компьютерных системах
Организация-разработчик: ГБПОУ «Курсавский региональный колледж «Интеграл».
Разработчик: Малышев Олег Константинович, преподаватель ГБПОУ КРК «Интеграл».
Рассмотрена, утверждена и рекомендована к применению на заседании Методического совета ГБПОУ КРК «Интеграл»
Протокол № 9 от «26» апреля 2021 г.
Председатель ________________ О.В. Сологубова
357070 Ставропольский край,
Андроповский район,
с.Курсавка, ул. Титова, 15
тел.: 8(86556)6-39-82, 6-39-83
факс:6-39-79
| | стр. |
| 4 |
| 7 |
| 18 |
| 20 |
1. паспорт РАБОЧЕЙ ПРОГРАММЫ УЧЕБНОЙ ДИСЦИПЛИНЫ
ОП. 12. «WEB ДИЗАЙН»
Область применения программы
Рабочая программа учебной дисциплины является частью программы подготовки специалистов среднего звена по специальности09.02.03 Программирование в компьютерных системах.Разработана в соответствии с ФГОС СПО по специальности09.02.03 Программирование в компьютерных системах
1.2. Место дисциплины в структуре программы подготовки специалистов среднего звена:дисциплина входит в профессиональный цикл.Дисциплина базируется на знаниях и умениях, приобретённых при изучении языков программирования для создания Интернет страниц, и возможностях использования Web – дизайн для проектирования и создания Интернет сайтов и flash - анимации.
1.3. Цель и задачи дисциплины - сформировать теоретические знания, практические умения и навыки в области изучения учебной дисциплины «Web-дизайн».
Требования к результатам освоения дисциплины
В результате освоения дисциплины обучающийся должен:
уметь:
создавать и редактировать Интернет страницы;
работать с HTML - кодом в программе MacromediaDreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц;
создавать стили (CSS);
работать со скриптами (JavaScript);
создавать flash– анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.
знать:
основные понятия HTML - кода;
существующие способы построения Интернет страниц;
основных средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.
В результате освоения дисциплины у обучающегося должныформироваться следующие компетенции:
| ОК 1. | Выбирать способы решения задач профессиональной деятельности, применительно к различным контекстам |
| ОК 2. | Осуществлять поиск, анализ и интерпретацию информации, необходимой для выполнения задач профессиональной деятельности. |
| ОК 3 | Планировать и реализовывать собственное профессиональное и личностное развитие. |
| ОК 4 | Работать в коллективе и команде, эффективно взаимодействовать с коллегами, руководством, клиентами. |
| ОК 5 | Осуществлять устную и письменную коммуникацию на государственном языке с учётом особенностей социального и культурного контекста. |
| ОК 6 | Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных общечеловеческих ценностей, применять стандарты антикоррупционного поведения. |
| ОК 7 | Содействовать сохранению окружающей среды, ресурсосбережению, эффективно действовать в чрезвычайных ситуациях. |
| ОК 8 | Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности |
| ОК 9 | Использовать информационные технологии в профессиональной деятельности. |
| ОК 10 | Пользоваться профессиональной документацией на государственном и иностранном языках |
| ОК 11 | Использовать знания по финансовой грамотности, планировать предпринимательскую деятельность в профессиональной сфере. |
1.4. Рекомендуемое количество часов на освоение программы дисциплины:
максимальной учебной нагрузки обучающегося183часов, в том числе:
обязательной аудиторной учебной нагрузки обучающегося122 часа;
практических занятий 50 часов;самостоятельной работы обучающегося 61 час.
2. СТРУКТУРА И ПРИМЕРНОЕ СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
2.1. Объем учебной дисциплины и виды учебной работы
| Вид учебной работы | Объем часов |
| Максимальная учебная нагрузка (всего) | 183 |
| Обязательная аудиторная учебная нагрузка (всего) | 122 |
| в том числе: |
|
| лабораторные занятия | - |
| практические занятия | 50 |
| контрольная работа | - |
| Самостоятельная работа обучающегося (всего) в том числе: создание страниц,подгтовка реферата, презентации | 61 |
| Промежуточная аттестация в форме экзамен | |
| Наименование разделов и тем | Содержание учебного материала, лабораторные и практические работы, самостоятельная работа обучающихся, курсовая работ (проект) (если предусмотрены) | Объем часов | Уровень освоения
| ||
| 1 | 2 |
|
| ||
| Тема 1. | Введение в Web-дизайн, HTML | 30 |
| ||
| Тема 1.1 | Содержание учебного материала | 4 | 1 | ||
| Гипертекстовый документ, Универсальный локатор ресурсов, Домены Internet | Основные понятия, история создания языка, протокол HTTP.Браузеры, адресация ресурсов, правила поиска и отображения информации, маршрутная адресация.
| ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - | |||
|
| Контрольные работы | - | |||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| Служебные утилиты для работы в Интернет. | ||||
|
| Структура IP адреса... , утилита ipconfig, утилита ping, утилита traceroute, утилита netstat , утилита telnet. | ||||
| Тема 1.2 | Содержание учебного материала | 6 | 1 | ||
| Основные понятия и теги языка HTML | Основные теги. Звуковоспроизведение в web. Распределение ссылок, форматирование символов. | ||||
|
| Лабораторные работы | - | - | ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - | - | ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| Изучение протокола HTTP | ||||
| Тема 1.3 | Содержание учебного материала | 4 | 1 | ||
| Общий шлюзовой интерфейс и формы HTML | Формы и их предназначения, связь с CGI.Методы отправки данных | ||||
|
| Лабораторные работы | - | - | ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| Элементы форм. | ||||
| Тема1.4 | Содержание учебного материала | 2 | 1 | ||
| Фреймы | Создание, описание, свойства, синтаксис и способы отображения, взаимодействие между фреймами, зарезервированные имена | ||||
|
| Лабораторные работы | - |
| ||
|
|
| ||||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| 1. Страницы с фреймами | ||||
|
| 2. Взаимодействие фреймов | ||||
| Тема 1.5 | Содержание учебного материала | 4 | 1 | ||
| Работа с таблицами и графикой | Создание, описание, свойства, синтаксис и способы отображения.Порядок создания таблиц. | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| 1. Создание страниц с таблицами | ||||
|
| 2. Создание страниц с графическими объектами | ||||
| Тема 2 | Редактор MacromediaDreamweaver | 28 |
| ||
| Тема 2.1 | Содержание учебного материала | 2 | 1 | ||
| Интерфейс пользователя | Команды меню, панели инструментов, панель форматирования, панель редактирования, панель форм, всплывающее меню, создание и сохранение страницы, открытие документа и выход из программы программы. | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - |
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 4 |
| ||
|
| 1. Создание простых страниц | ||||
|
| 2. Созданиестраницпошаблонам | ||||
| Тема 2.2 | Содержание учебного материала | 2 |
| ||
| Редактирование текста Web страниц | Отмена и восстановление выполненных команд, Выделение слов, строк, параграфов, копирование, вставка, поиск и замена, вывод на печать, работа с окнами, работа со справкой. | ||||
|
| Лабораторные работы |
|
| ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 4 |
| ||
|
| 1. Работа с текстом, копирование , вставка, форматирование | ||||
|
| 2. Оформление готовых страниц | ||||
| Тема 2.3 | Содержание учебного материала | 4 |
| ||
| Стили форматирования страниц | Физические, логические стили, расстановка текста.Работа со шрифтами, таблицами, кодировка текста страницы, цвет фона, шрифта.
| ||||
|
| Лабораторные работы |
|
| ||
|
|
| ||||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 4 |
| ||
|
| 1. Разработка дизайна страниц | ||||
|
| 2. Форматирование текста | ||||
| Тема 2.4 | Содержание учебного материала | 2 |
| ||
| Дизайн web-страниц с использованием графики | Библиотека картинок, альтернативное отображение изображений, присвоение ссылки изображению, позиционирование изображения | ||||
|
| Лабораторные работы |
|
| ||
|
|
| ||||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 6 |
| ||
|
| 1. Оформление страниц | ||||
|
| 2. Расположение баннеров | ||||
|
| 3. Разработка анимированного логотипа фирмы | ||||
| Тема 3. | CGI и CSS | 20 |
| ||
| Тема 3.1 | Содержание учебного материала | 2 | 1 | ||
| CGI - cкрипт | Основные понятия, основы настройки и написания, переменные среды и заголовка запроса HTTP. | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | - |
| ||
| Тема 3.2 | Содержание учебного материала | 4 | 1 | ||
| Данные HTML форм | URL – Encoder, multipart Form Data.Вызов CGI программ, декодирование и обработка результатов значений форм | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 6 |
| ||
|
| 1. Форма отправки файлов | ||||
|
| 2. Форма отправки писем | ||||
|
| 3. Форма ввода данных | ||||
| Тема 3.3 | Содержание учебного материала | 4 | 1 | ||
| CSS-каскадныетаблицыстилей | Динамический HTML. Каскадные таблицы стилей (CSS), модель форматирования
| ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 4 |
| ||
|
| 1. Создание собственных стилей оформления | ||||
| Практические занятия | 18 |
| |||
|
| Основы языка HTML. РольWeb-браузеров и Web-страниц. |
|
| ||
|
| Синтаксис HTML 4. Версии HTML. Анатомия Web-страницы |
| |||
|
| Правила синтаксиса. Кодирование символов. Использование спецсимволов. |
| |||
|
| Фреймы. |
| |||
|
| Форматирование текста. Работа со шрифтами. Назначение одного и того же набора атрибутов множеству элементов страницы. Гиперссылки, Таблицы. |
| |||
|
| Создание простых страниц. |
| |||
|
| Оформление готовых страниц. |
| |||
|
| Разработка дизайна страниц |
| |||
| Тема 4 | Основы программирования для web, Perl ,Java | 31 |
| ||
| Тема 4.1 | Содержание учебного материала | 6 | 1 | ||
| Основы языка Perl | Переменные, контекст,скалярные значения, конструкторы скаляров, списков.Встроенные переменные, регулярные выражения, шаблоны, операторы и приоритеты, константы.Операторы и приоритеты, константы, операторы ввода вывода, арифметика, подпрограммы | ||||
|
| Лабораторные работы | - | - | ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 1 |
| ||
|
| Разработка CGI-приложений на Perl и PHP | ||||
| Тема 4.2 | Содержание учебного материала | 10 | 1 | ||
| Основы языка JavaScript | Введение в язык программирования. Лексические основы, зарезервированные слова, операторы, переменные, типы переменных, массивы, операторы.Управление программой, циклы, классы, константы, пакеты и интерфейсы.Работа со строками, преобразования строк и символов, обработка исключений, утилиты.Управление памятью, выполнение других программ, свойства окружения, аплейты, обработка событий, работа с изображениями.
| ||||
|
| Лабораторные работы |
|
| ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы |
|
| ||
|
| Самостоятельная работа обучающихся | 8 |
| ||
|
| Программное взаимодействие с HTML документами на основе DOM API | ||||
| Тема 4.3 | Содержание учебного материала | 4 | 1 | ||
| Основы языка VRML | Основные понятия, единицы измерения, заголовки, примитивы, цвет и текстура.Положение объектов в пространстве, масштабирование, определение собственных объектов | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| 1. Реферат | ||||
| Тема 5. | Сопровождение web узлов | 24 |
| ||
| Тема 5.1 | Содержание учебного материала | 2 | 1 | ||
| Размещение и сопровождение узла | Размещение на сервере, обновляемость, оформление, продвижение, поисковые машины, гостевые книги, чаты, тестирование | ||||
|
| Лабораторные работы | - |
| ||
|
| Практические занятия | - |
| ||
|
| Контрольные работы | - |
| ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| 1. Презентация на заданную тему | ||||
| Тема 5.2 | Содержание учебного материала | 4 | 1 | ||
| Средства разработки | Обзор альтернативных программных продуктов предназначенных для создания отдельных страниц. Обзор альтернативных программных продуктов предназначенных для создания целых узлов. | ||||
| web узлов | Лабораторные работы | - | - | ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы | - | - | ||
|
| Самостоятельная работа обучающихся | 2 |
| ||
|
| 1. Презентация на заданную тему | ||||
| Тема 5.3 | Содержание учебного материала | 6 | 1 | ||
| Работа с CMS | Создание сайтов на основе готовых шаблонов Jomla, WordPress, Drupal.Размещение на хостинге.Настройка, наполнение , конфигурирование,оформление | ||||
|
| Лабораторные работы |
|
| ||
|
| Практические занятия |
|
| ||
|
|
| ||||
|
| Контрольные работы |
|
| ||
|
| Самостоятельная работа обучающихся | 8 |
| ||
|
| 1. Создание сайта Интернет - магазина. | ||||
|
| Практические занятия | 32 |
| ||
|
| Разработка анимированного логотипа фирмы. | 2 |
| ||
| Создание собственных стилей оформления. | 2 |
| |||
| Разработка CGI-приложений. | 4 |
| |||
| Смена картинки через onMouseOver. | 1 |
| |||
| Смена картинок через функцию. | 1 |
| |||
| Функция внутри формы. | 1 |
| |||
| Поля форм и свойство value. | 1 |
| |||
| Передача данных в функцию. | 1 |
| |||
| Случайные числа. Введение в if. If и Else. | 1 |
| |||
| Случайный выбор фраз и рисунков. | 2 |
| |||
| Введение в циклы FOR. | 2 |
| |||
| Введение в циклы WHILE. | 2 |
| |||
| Введение в массивы: функция внутри функции. Как сложить все вместе: слайд-шоу. Анимация. | 2 |
| |||
| Создание Web-страниц с помощью текстовых редакторов, текстовых процессоров и программ компоновки Web-страниц | 2 |
| |||
|
| Создание интернет сайта | 8 |
| ||
| ВСЕГО: | 183 |
| |||
Для характеристики уровня освоения учебного материала используются следующие обозначения:
1 – ознакомительный (узнавание ранее изученных объектов, свойств);
2 – репродуктивный (выполнение деятельности по образцу, инструкции или под руководством);
3 – продуктивный (планирование и самостоятельное выполнение деятельности, решение проблемных задач).
3. условия реализации программы дисциплины3.1. Требования к минимальному материально-техническому обеспечению
Реализация программы дисциплины требует наличия учебнойлаборатории:информационно-коммуникационных систем.
Автоматизированные рабочие места на 16 обучающихся с конфигурацией:
Core i3, дискретная видеокарта, не менее 8GB ОЗУ 1, два монитора 23", мышь, клавиатура;
Автоматизированное рабочее место преподавателя с конфигурацией: Core i5 1, дискретная видеокарта 1, не менее 8GB ОЗУ, два монитора 23", мышь, клавиатура;
Специализированная эргономичная мебель для работы за компьютером, Принтер А4 черно-белый, лазерный 1, Экран 1, Проектор 1, Телевизор 1,Сплит система 1,Стул 4, Кресло компьютерное 13, Монитор 1, Блок беспереб. питания 1, компьютер 13, маркерная доска1, , Программное обеспечение общего и профессионального назначения
3.2. Информационное обеспечение обучения
Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературы
Основные источники:
Ветров А.А. Лекции по курсу "Основы WEB программирования https://tyapk.ru/web-programming-lectures
| Результаты обучения (освоенные умения, усвоенные знания) | Формы и методыконтроля и оценки результатов обучения |
| уметь: создавать и редактировать Интернет страницы; работать с HTML - кодом в программе MacromediaDreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц; создавать стили (CSS); работать со скриптами (JavaScript); создавать flash– анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.
| Выполнение практических работ, индивидуальных заданий
|
| знать: - основные понятия HTML - кода; - существующие способы построения веб страниц; - основных средства создания и редактирования веб страниц с помощью средств ОС или специализированных программ.
| Устный опрос, тестирование. |


ОП. 12 WEB дизайн (56.95 KB)

