МИНИСТЕРСТВО образования И молодежной политики ставропольского края
государственное БЮДЖЕТНОЕ ПРОФЕССИОНАЛЬНОЕ образовательное учреждение
«курсавский региональный колледж «интеграл»
| Утверждаю: Зам. директора по ТО колледжа «Интеграл» ___________ В. А. Юхно «01» сентября 2016г.
|
РАБОЧАЯ программа учебной дисциплины
«ОП.12 Web дизайн» по специальности: 09.02.03 Программирование в компьютерных системах
|
|
с. Курсавка
2016 г.
Рабочая программа учебной дисциплины разработана на основе Федерального государственного образовательного стандарта среднего профессионального образования по специальности: 09.02.03 Программирование в компьютерных системах
Организация-разработчик: ГБПОУ «Курсавский региональный колледж «Интеграл».
Разработчик: Малышев Олег Константинович, преподаватель ГБПОУ КРК «Интеграл».
Рассмотрена и рекомендована к применению на заседании методического Совета ГБПОУ КРК «Интеграл»
протокол №1 от « 01 »сентября 2016г.
Председатель М. А. Уманская
357070 Ставропольский край,
Андроповский район,
с.Курсавка, ул. Титова, 15
тел.: 8(86556)6-39-82, 6-39-83
факс:6-39-79
kurs_integrall@mail.ru
| стр. |
| 4 |
| 6 |
| 16 |
| 18 |
1. паспорт РАБОЧЕЙ ПРОГРАММЫ УЧЕБНОЙ ДИСЦИПЛИНЫ
ОП. 12. «WEB ДИЗАЙН»
Область применения программы
Рабочая программа учебной дисциплины является частью программы подготовки специалистов среднего звена по специальности 09.02.03 Программирование в компьютерных системах. Разработана в соответствии с ФГОС СПО по специальности 09.02.03 Программирование в компьютерных системах
Рабочая программа учебной дисциплины может быть использована для подготовки профессий рабочих, рекомендуемых к освоению в рамках основной профессиональной образовательной программы СПО
1.2. Место дисциплины в структуре программы подготовки специалистов среднего звена: дисциплина входит в профессиональный цикл. Дисциплина базируется на знаниях и умениях, приобретённых при изучении языков программирования для создания Интернет страниц, и возможностях использования Web – дизайн для проектирования и создания Интернет сайтов и flash - анимации.
1.3. Цели и задачи дисциплины – требования к результатам освоения дисциплины:
уметь:
создавать и редактировать Интернет страницы;
работать с HTML - кодом в программе Macromedia Dreamweave или аналогичной, используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц;
создавать стили (CSS);
работать со скриптами (JavaScript);
создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций.
знать:
основные понятия HTML - кода;
существующие способы построения Интернет страниц;
основных средства создания и редактирования Интернет страниц с помощью средств операционной системы или специализированных программ.
В результате освоения дисциплины у обучающегося должны формироваться следующие компетенции:
ОК 1. Понимать сущность и социальную значимость своей будущей профессии, проявлять к ней устойчивый интерес.
ОК 2. Организовывать собственную деятельность, выбирать типовые методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.
ОК 3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность.
ОК 4. Осуществлять поиск и использование информации, необходимой для эффективного выполнения профессиональных задач, профессионального и личностного развития.
ОК 5. Владеть информационной культурой, анализировать и оценивать информацию с использованием информационно-коммуникационных технологий.
ОК 6. Работать в коллективе и команде, эффективно общаться с коллегами, руководством, потребителями.
ОК 7. Брать на себя ответственность за работу членов команды (подчиненных), результат выполнения заданий.
ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.
ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.
1.4. Рекомендуемое количество часов на освоение программы дисциплины:
максимальной учебной нагрузки обучающегося 183 часов, в том числе:
обязательной аудиторной учебной нагрузки обучающегося 122 часа;
лабораторно-практических занятий 50 часов; самостоятельной работы обучающегося 61 час.
2. СТРУКТУРА И ПРИМЕРНОЕ СОДЕРЖАНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
2.1. Объем учебной дисциплины и виды учебной работы
Вид учебной работы | Объем часов |
Максимальная учебная нагрузка (всего) | 183 |
Обязательная аудиторная учебная нагрузка (всего) | 122 |
в том числе: |
|
лекции | 72 |
лабораторные занятия | - |
практические занятия | 48 |
контрольная работа | 2 |
Самостоятельная работа обучающегося (всего) | 61 |
Итоговая аттестация в форме экзамена |
Наименование разделов и тем | Содержание учебного материала, лабораторные и практические работы, самостоятельная работа обучающихся, курсовая работ (проект) (если предусмотрены) | Объем часов | Уровень освоения |
1 | 2 |
|
|
Раздел 1. | Введение в Web-дизайн, HTML | 42 |
|
Тема 1.1 | Содержание учебного материала | 4 | 1 |
Гипертекстовый документ, Универсальный локатор ресурсов, Домены Internet | Основные понятия, история создания языка, протокол HTTP, структура документа, правила оформления и написания страниц, браузеры, адресация ресурсов, правила поиска и отображения информации, маршрутная адресация, Классификация NIC. | ||
| Лабораторные работы | - |
|
| Практические занятия | - | |
| Контрольные работы | - | |
| Самостоятельная работа обучающихся | 2 | 3 |
| Служебные утилиты для работы в Интернет. | ||
| Структура IP адреса... , утилита ipconfig, утилита ping, утилита traceroute, утилита netstat , утилита telnet. | ||
Тема 1.2 | Содержание учебного материала | 6 | 1 |
Основные понятия и теги языка HTML | Основные теги, звуковоспроизведение в web, распределение ссылок, форматирование символов. | ||
| Лабораторные работы | - | - |
| Практические занятия | 2 | 2,3 |
| 1. Основы языка HTML. Роль Web-браузеров и Web-страниц. | ||
| Контрольные работы | - | - |
| Самостоятельная работа обучающихся | 2 | 3 |
| Изучение протокола HTTP | ||
Тема 1.3 | Содержание учебного материала | 4 | 1 |
Общий шлюзовой интерфейс и формы HTML | Формы и их предназначения, связь с CGI, методы отправки данных | ||
| Лабораторные работы | - | - |
| Практические занятия | 4 | 2 |
| 2. Синтаксис HTML 4. Версии HTML. Анатомия Web-страницы, | ||
| 3. Правила синтаксиса. Кодирование символов. Использование спецсимволов. | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 2 | 3 |
|
| ||
Тема1.4 | Содержание учебного материала | 2 | 1 |
Фреймы | Создание, описание, свойства, синтаксис и способы отображения, взаимодействие между фреймами, зарезервированные имена | ||
| Лабораторные работы | - | 2 |
|
| ||
| Практические занятия | 4 | 2 |
| 4. Практическая работа Фреймы. | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 2 | 3 |
| 1. Страницы с фреймами | ||
| 2. Взаимодействие фреймов | ||
Тема 1.5 | Содержание учебного материала | 4 | 1 |
Работа с таблицами и графикой | Создание, описание, свойства, синтаксис и способы отображения, порядок создания таблиц | ||
| Лабораторные работы | - |
|
| Практические занятия | 2 | 2,3 |
| 5. Форматирование текста. Работа со шрифтами. Назначение одного и того же набора атрибутов множеству элементов страницы. Гиперссылки, Таблицы | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 2 | 3 |
| 1. Создание страниц с таблицами | ||
| 2. Создание страниц с графическими объектами | ||
Раздел 2 | Редактор Macromedia Dreamweaver | 38 |
|
Тема 2.1 | Содержание учебного материала | 2 | 1 |
Интерфейс пользователя | Команды меню, Панели инструментов, Панель Форматирования, Панель редактирования, Панель Форм, Всплывающее меню, Создание и сохранение страницы, Открытие документа и выход из программы программы. | ||
| Лабораторные работы | - |
|
| Практические занятия | 2 |
|
| 1. Практическая работа | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 4 | 3 |
| 1. Создание простых страниц | ||
| 2. Создание страниц по шаблонам | ||
Тема 2.2 | Содержание учебного материала | 2 |
|
Редактирование текста Web страниц | Отмена и восстановление выполненных команд, Выделение слов, строк, параграфов, копирование, вставка, поиск и замена, вывод на печать, работа с окнами, работа со справкой. | ||
| Лабораторные работы |
|
|
| Практические занятия | 4 | 3 |
| 1. Практическая работа | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 4 | 3 |
| 1. Работа с текстом, копирование , вставка, форматирование | ||
| 2. Оформление готовых страниц | ||
Тема 2.3 | Содержание учебного материала | 4 |
|
Стили форматирования страниц | Физические, логические стили, расстановка текста, работа со шрифтами, таблицами, кодировка текста страницы, цвет фона, шрифта. | ||
| Лабораторные работы | 2 |
|
| 1. Лабораторная работа 1 | ||
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 4 | 3 |
| 1. Разработка дизайна страниц | ||
| 2. Форматирование текста | ||
Тема 2.4 | Содержание учебного материала | 2 |
|
Дизайн web-страниц с использованием графики | Библиотека картинок, альтернативное отображение изображений, присвоение ссылки изображению, позиционирование изображения, | ||
| Лабораторные работы | 2 |
|
| 1. Практическая работа | ||
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 6 | 3 |
| 1. Оформление страниц | ||
| 2. Расположение баннеров | ||
| 3. Разработка анимированного логотипа фирмы | ||
Раздел 3. | CGI и CSS | 24 |
|
Тема 3.1 | Содержание учебного материала | 4 | 1 |
CGI - cкрипт | Основные понятия, основы настройки и написания, переменные среды и заголовка запроса HTTP? Заголовки запросов и ответов, nph скрипты | ||
| Лабораторные работы | - |
|
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | - |
|
Тема 3.2 | Содержание учебного материала | 4 | 1 |
Данные HTML форм | URL – Encoder, multipart Form Data? Вызов CGI программ, декодирование и обработка результатов значений форм, | ||
| Лабораторные работы | - |
|
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 6 | 3 |
| 1. Форма отправки файлов | ||
| 2. Форма отправки писем | ||
| 3. Форма ввода данных | ||
Тема 3.3 | Содержание учебного материала | 4 | 1 |
CSS-каскадные таблицы стилей | Динамический HTML, Каскадные таблицы стилей (CSS), Модель форматирования, | ||
| Лабораторные работы | - |
|
| Практические занятия | 2 | 2 |
| 1. Практическая работа | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 4 | 3 |
| 1. Создание собственных стилей оформления | ||
Раздел 4 | Основы программирования для web, Perl ,Java | 47 |
|
Тема 4.1 | Содержание учебного материала | 6 | 1 |
Основы языка Perl | Переменные, контекст, Скалярные значения, конструкторы скаляров, списков, встроенные переменные, регулярные выражения, шаблоны, операторы и приоритеты, константы, операторы ввода вывода,арифметика,, подпрограммы | ||
| Лабораторные работы | - | - |
| Практические занятия | 4 | 2 |
| 1. Практическая работа | ||
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 1 |
|
| Разработка CGI-приложений на Perl и PHP | ||
Тема 4.2 | Содержание учебного материала | 10 | 1 |
Основы языка Java Script | Введение в язык программирования, лексические основы, зарезервированные слова, операторы, переменные, типы переменных, массивы, операторы, управление программой, циклы, классы, константы, пакеты и интерфейсы, работа со строками, преобразования строк и символов, обработка исключений, утилиты, управление памятью, выполнение других программ, свойства окружения, аплейты, обработка событий, работа с изображениями, | ||
| Лабораторные работы |
| 2 |
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
| Практические занятия | 12 | 2,3 |
| 1. Смена картинки через onMouseOver. | ||
| 2. Смена картинок через функцию. | ||
| 3. Функция внутри формы. | ||
| 4. Поля форм и свойство value. | ||
| 5. Передача данных в функцию. | ||
| 6. Случайные числа. Введение в if. If и Else. | ||
| 7. Случайный выбор фраз и рисунков. | ||
| 8. Введение в циклы FOR. | ||
| 9. Введение в циклы WHILE. | ||
| 10. Введение в массивы: функция внутри функции. Как сложить все вместе: слайд-шоу. Анимация. | ||
| Контрольные работы |
|
|
| Самостоятельная работа обучающихся | 8 | 3 |
| Программное взаимодействие с HTML документами на основе DOM API | ||
Тема 4.3 | Содержание учебного материала | 4 | 1 |
Основы языка VRML | Основные понятия, единицы измерения, заголовки, примитивы, цвет и текстура, положение объектов в пространстве, масштабирование, определение собственных объектов | ||
| Лабораторные работы | - |
|
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 2 | 3 |
| 1. Реферат | ||
Раздел 5. | Сопровождение web узлов | 32 |
|
Тема 5.1 | Содержание учебного материала | 2 | 1 |
Размещение и сопровождение узла | Размещение на сервере, обновляемость, оформление, продвижение, поисковые машины, гостевые книги, чаты, тестирование | ||
| Лабораторные работы | - |
|
| Практические занятия | - |
|
| Контрольные работы | - |
|
| Самостоятельная работа обучающихся | 2 | 3 |
| 1. Презентация на заданную тему | ||
Тема 5.2 | Содержание учебного материала | 4 | 1 |
Средства разработки | Обзор альтернативных программных продуктов предназначенных для создания отдельных страниц или целых узлов. | ||
web узлов | Лабораторные работы | - | - |
| Практические занятия | 2 | 2,3 |
| 1. Создание Web-страниц с помощью текстовых редакторов, текстовых процессоров и программ компоновки Web-страниц | ||
| Контрольные работы | - | - |
| Самостоятельная работа обучающихся | 2 | 3 |
| 1. Презентация на заданную тему | ||
Тема 5.3 | Содержание учебного материала | 4 | 1 |
Работа с CMS | Создание сайтов на основе готовых шаблонов Jomla, Word Press, Drupal, размещение на хостинге, настройка, наполнение , конфигурирование,оформление | ||
| Лабораторные работы |
| 2,3 |
| Практические занятия | 6 | 3 |
| 1. Создание сайта Интернет - магазина. | ||
| Контрольные работы | 2 | 3 |
| Самостоятельная работа обучающихся | 8 | 3 |
| 1. Создание сайта Интернет - магазина. | ||
ВСЕГО: | 183 |
|
Для характеристики уровня освоения учебного материала используются следующие обозначения:
1 – ознакомительный (узнавание ранее изученных объектов, свойств);
2 – репродуктивный (выполнение деятельности по образцу, инструкции или под руководством);
3 – продуктивный (планирование и самостоятельное выполнение деятельности, решение проблемных задач).
3. условия реализации программы дисциплины3.1. Требования к минимальному материально-техническому обеспечению
Реализация программы дисциплины требует наличия учебной лаборатории: технологии разработки баз данных, системного и прикладного программирования, информационно-коммуникационных систем.
Оборудование учебной лаборатории:
- рабочие места обучающихся (по количеству обучающихся);
- рабочее место преподавателя;
- учебная доска, интерактивная доска;
- пакет нормативных документов;
- дидактико-методическое оснащение учебной дисциплины.
Технические средства обучения:
- компьютер с соответствующим программным обеспечением
- мультимедийный комплекс SMART или аналог
- электронные учебники
- DVD - плеер, телевизор
- видеоматериалы
- ЛВС с выходом в интернет
Перечень рекомендуемых учебных изданий, Интернет-ресурсов, дополнительной литературы
Основные источники:
Крис Джамса, Конрад Кинг, Энди Андерсон. Эффективнй курс по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. Москва, Санкт-Петербург. Киев. 2015. 665 с.
Мотросов А., Сергеев А., Чаунин М. HTML. Санкт-Петербург «БХВ - Петербург», 2015. 674с.
Майкл Гурвиц,Лора Мак Кейб Использование Macromedia Flash Москва, Санкт-Петербург. Киев. 2014. 706 с.
Дополнительные источники:
Петюшкин А., HTML - Экспресс курс. Санкт-Петербург «БХВ - Петербург», 2012. 258с.
Полонская Е.Л. Самоучитель. Язык HTML – Москва, Санкт-Петербург. Киев. 2013 322 с.
Гончаров А. Самоучитель HTML. СПб.: Питер, 2012. — 240 с.
Тим К. Чанг • Шон Кларк • Эрик Е. Долецки • Джон Игнацио Джелос Михаэль Грюндвиг • Джоб Макар • Макс Ошман • Вильям Б. Сандерс • Скотт Смит Популярные WEB приложения на FLASH MX. Пер. С англ. – М.: КУДИЦ – ОБРАЗ 2013. 272 с.
Интернет ресурсы
| http://ru.vectorboom.com | « Портал дизайна» | 04.09.16 |
| http://skillsup.ru | «Skillsup — крупнейший обучающий портал для дизайнеров и творческих людей» | 04.09.16 |
| http://design-mania.ru | «Блог о Веб-дизайне» | 04.09.16 |
| http://egraphic.ru | «Веб-дизайн» | 04.09.16 |
| http://compteacher.ru/ | «Видеоуроки» | 04.09.16 |
| http://ru.wikibooks.org/ | «Викиучебник» | 04.09.16 |
| http://balbesof.net/ | «Все о графике и дизайне» | 04.09.16 |
| http://www.dejurka.ru
| «Журнал по дизайну» | 04.09.16 |
| http://www.itstan.ru/ | «Информация» | 04.09.16 |
| http://www.novtex.ru/IT/ | «Научно-технический и научно производственный журнал Информационные Технологии» | 04.09.16 |
| http://www.intuit.ru/ | «Национальный Открытый Университет «ИНТУИТ» | 04.09.16 |
| http://www.ict.edu.ru/ | «Портал Информационно-коммуникационные технологии в образовании» | 04.09.16 |
| http://inftech.webservis.ru | «Сайт Информационных технологий» | 04.09.16 |
| http://www.citmgu.ru/ | «Центр информационных технологий» | 04.09.16 |
№ | Адресс | Название | Дата посещения |
4. Контроль и оценка результатов освоения Дисциплины
Результаты обучения (освоенные умения, усвоенные знания) | Формы и методы контроля и оценки результатов обучения |
В результате освоения дисциплины обучающийся должен уметь: создавать и редактировать Интернет страницы; работать с HTML - кодом в программе Macromedia Dreamweave, Microsoft ExpressionWeb 4 , используя стандартные объекты, рисование, редактирование уже созданных Интернет страниц; создавать стили (CSS); работать со скриптами (JavaScript); создавать flash – анимацию, выполнять творческую работу в виде верстки Интернет страниц, создания Интернет сайта, создания анимированных роликов на flash, создание flash - презентаций. | Выполнение лабораторно-практических работ, индивидуальных заданий
|
В результате освоения дисциплины обучающийся должен знать: - основные понятия HTML - кода; - существующие способы построения веб страниц; - основных средства создания и редактирования веб страниц с помощью средств ОС или специализированных программ.
| Устный опрос, фронтальный опрос, тестирование. |