МИНИСТЕРСТВО образования ставропольского края
государственное БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ образовательное учреждение
«курсавский региональный колледж «интеграл»
| Утверждаю: Зам. директора по ТО колледжа «Интеграл» _________М.А. Уманская «___» ___________ 2019 г.
|
РАБОЧАЯ программа учебной дисциплины
ОП.12 «Web дизайн» по специальности: 09.02.03 Программирование в компьютерных системах
|
|
с. Курсавка
2019 г.
Рабочая программа учебной дисциплины разработана на основе Федерального государственного образовательного стандарта среднего профессионального образования, предназначена для реализации ППССЗ по специальности: 09.02.03 Программирование в компьютерных системах
Организация-разработчик: ГБПОУ «Курсавский региональный колледж «Интеграл».
Разработчик: Малышев Олег Константинович, преподаватель ГБПОУ КРК «Интеграл».
Рассмотрена, утверждена и рекомендована к применению на заседании Методического совета ГБПОУ КРК «Интеграл»
Протокол № 1 от 29 августа 2019 года
Председатель ________________ О.В. Сологубова
357070 Ставропольский край,
Андроповский район,
с.Курсавка, ул. Титова, 15
тел.: 8(86556)6-39-82, 6-39-83
факс:6-39-79
kurs_integrall@mail.ru
| стр. |
| 4 |
| 7 |
| 18 |
| 20 |
1. паспорт РАБОЧЕЙ ПРОГРАММЫ УЧЕБНОЙ ДИСЦИПЛИНЫ
ОП. 12. «WEB ДИЗАЙН»
Область применения программы
Рабочая программа учебной дисциплины является частью программы подготовки специалистов среднего звена по специальности 09.02.03 Программирование в компьютерных системах. Разработана в соответствии с ФГОС СПО по специальности 09.02.03 Программирование в компьютерных системах
1.2. Место дисциплины в структуре программы подготовки специалистов среднего звена: дисциплина входит в профессиональный цикл. Дисциплина базируется на знаниях и умениях, приобретённых при изучении языков программирования для создания Интернет страниц, и возможностях использования Web – дизайн для проектирования и создания Интернет сайтов и flash - анимации.
1.3. Цель и задачи дисциплины - сформировать теоретические знания, практические умения и навыки в области изучения учебной дисциплины «Web-дизайн».
Требования к результатам освоения дисциплины
В результате освоения дисциплины обучающийся должен:
уметь:
создавать и редактировать Интернет страницы;
работать с HTML - кодом в программе Macromedia Dreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц;
создавать стили (CSS);
работать со скриптами (JavaScript);
создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.
знать:
основные понятия HTML - кода;
существующие способы построения Интернет страниц;
основных средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.
В результате освоения дисциплины у обучающегося должны формироваться следующие компетенции:
ОК 1. Понимать сущность и социальную значимость своей будущей профессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, выбирать типовые методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.
ОК 3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность.
ОК 4. Осуществлять поиск и использование информации, необходимой для эффективного выполнения профессиональных задач, профессионального и личностного развития.
ОК 5. Владеть информационной культурой, анализировать и оценивать информацию с использованием информационно-коммуникационных технологий.
ОК 6. Работать в коллективе и команде, эффективно общаться с коллегами, руководством, потребителями.
ОК 7. Брать на себя ответственность за работу членов команды (подчиненных), результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.
ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.
ПК 2.1. Разрабатывать объекты базы данных.
ПК 2.2. Реализовывать базу данных в конкретной системе управления базами данных (СУБД).
ПК 2.3. Решать вопросы администрирования базы данных.
ПК 2.4. Реализовывать методы и технологии защиты информации в базах данных.
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 | Редактор Macromedia Dreamweaver | 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 |
Основы языка Java Script | Введение в язык программирования. Лексические основы, зарезервированные слова, операторы, переменные, типы переменных, массивы, операторы. Управление программой, циклы, классы, константы, пакеты и интерфейсы. Работа со строками, преобразования строк и символов, обработка исключений, утилиты. Управление памятью, выполнение других программ, свойства окружения, аплейты, обработка событий, работа с изображениями.
| ||
| Лабораторные работы |
|
|
| Практические занятия |
|
|
|
| ||
| Контрольные работы |
|
|
| Самостоятельная работа обучающихся | 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, Word Press, 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. Требования к минимальному материально-техническому обеспечению
Реализация программы дисциплины требует наличия учебной лаборатории: информационно-коммуникационных систем.
Оборудование учебной лаборатории:
- рабочие места обучающихся (по количеству обучающихся);
- рабочее место преподавателя;
- учебная доска, интерактивная доска;
- пакет нормативных документов;
- дидактико-методическое оснащение учебной дисциплины.
Технические средства обучения:
- компьютер с соответствующим программным обеспечением
- мультимедийный комплекс SMART или аналог
- электронные учебники
- видеоматериалы
- ЛВС с выходом в интернет
Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературы
Основные источники:
Крис Джамса, Конрад Кинг, Энди Андерсон. Эффективнй курс по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. Москва, Санкт-Петербург. Киев. 2015. 665 с.
Мотросов А., Сергеев А., Чаунин М. HTML. Санкт-Петербург «БХВ - Петербург», 2015. 674с.
Майкл Гурвиц,Лора Мак Кейб Использование Macromedia Flash Москва, Санкт-Петербург. Киев. 2014. 706 с.
Дополнительные источники:
Петюшкин А., HTML - Экспресс курс. Санкт-Петербург «БХВ - Петербург», 2014. 258с.
Полонская Е.Л. Самоучитель. Язык HTML – Москва, Санкт-Петербург. Киев. 2015 322 с.
Гончаров А. Самоучитель HTML. СПб.: Питер, 2015. — 240 с.
Интернет ресурсы
№ | Адресс | Название | Дата посещения |
| http://ru.vectorboom.com | « Портал дизайна» | 01.09.19 |
| http://skillsup.ru | «Skillsup — крупнейший обучающий портал для дизайнеров и творческих людей» | 01.09.19 |
| http://design-mania.ru | «Блог о Веб-дизайне» | 01.09.19 |
| http://egraphic.ru | «Веб-дизайн» | 01.09.19 |
| http://compteacher.ru/ | «Видеоуроки» | 01.09.19 |
| http://ru.wikibooks.org/ | «Викиучебник» | 01.09.19 |
| http://balbesof.net/ | «Все о графике и дизайне» | 01.09.19 |
| http://www.dejurka.ru
| «Журнал по дизайну» | 01.09.19 |
| http://www.itstan.ru/ | «Информация» | 01.09.19 |
| http://www.novtex.ru/IT/ | «Научно-технический и научно производственный журнал Информационные Технологии» | 01.09.19 |
| http://www.intuit.ru/ | «Национальный Открытый Университет «ИНТУИТ» | 01.09.19 |
| http://www.ict.edu.ru/ | «Портал Информационно-коммуникационные технологии в образовании» | 01.09.19 |
| http://inftech.webservis.ru | «Сайт Информационных технологий» | 01.09.19 |
| http://www.citmgu.ru/ | «Центр информационных технологий» | 01.09.19 |
4. Контроль и оценка результатов освоения Дисциплины
Результаты обучения (освоенные умения, усвоенные знания) | Формы и методы контроля и оценки результатов обучения |
уметь: создавать и редактировать Интернет страницы; работать с HTML - кодом в программе Macromedia Dreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц; создавать стили (CSS); работать со скриптами (JavaScript); создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.
| Выполнение практических работ, индивидуальных заданий
|
знать: - основные понятия HTML - кода; - существующие способы построения веб страниц; - основных средства создания и редактирования веб страниц с помощью средств ОС или специализированных программ.
| Устный опрос, тестирование. |