Государственное образовательное автономное учреждение Ярославской области Центр детско-юношеского технического творчества Дополнительная образовательная программа Пользователи компьютерной техники (Объединение «Основы Фото- и Web-дизайна») Срок реализации – 1 год для обучающихся в возрасте 12-14 лет Автор: Цветков Дмитрий Юрьевич педагог дополнительного образования г.Ярославль 2013 г. Данная образовательная программа позволяет расширить представления обучающихся о ряде специальностей, связанных с художественной обработкой фотоизображений, рекламным- и Webдизайном. Освоение содержания программы предусматривает знакомство с основами фотодизайна средствами современной компьютерной техники, с аппаратными и программным средствами, предназначенными для выполнения данного вида работ. Обучающиеся узнают об основных графических возможностях разнообразных программ, теоретические основы компьютерной графики, а также принципы работы в свободно распространяемом (freeware) графическом редакторе StylePix, являющимся альтернативой PhotoShop. Кроме этого, обучающиеся изучают основы функционирования и создания сайтов в сети Интернет. Организованная соответствующим образом работа, способствует выявлению и развитию творческих способностей школьников, формированию их познавательной и интеллектуальной культуры. Пояснительная записка Программа объединения «Основы Фото- и Web-дизайна» предназначена для обучающихся в возрасте 12-14 лет. Количество обучающихся в учебной группе не должно превышать число компьютеров в помещении для занятий. Данная дополнительная образовательная программа предназначена для обучающихся, стремящихся освоить возможности современной компьютерной графики и Web-дизайна, владеющих начальными навыками работы с программным обеспечением типа Блокнот, Word и Paint. Знания и умения, полученные в результате освоения содержания данной образовательной программы, позволят обучающимся в дальнейшем самостоятельно изучать и применять компьютерные программы для различных видов графической обработки изображений и монтажа, которые необходимы для создания коллажей, обработки фотографий, художественного творчества, различных видов дизайна. Это поможет в дальнейшем продолжить образование в области рекламы и полиграфии, дизайна и фотоискусства, по специальностям художник-дизайнер, Webдизайнер. Полученные умения и навыки пригодятся обучающимся также и в повседневной жизни, для создания домашних фотоколлекций интересных и значимых событий семьи, школы и т.д. Данная дополнительная образовательная программа относится к научнотехнической направленности. Цели: создание организационно-педагогических условий для освоения обучающимися знаний, умений и навыков технологии создания и обработки цифровых изображений и сайтов. Задачи: Учебные: сформировать целостное представление о приемах и методах создания, редактирования и демонстрации цифровых фотоизображений и html-документов; изучить основы создания сайтов на языках описания внешнего вида web-страниц и документов HTML и CSS, основы дизайна сайтов (Webдизайна). расширить спектр знаний о значении информатики и вычислительной техники в развитии общества и в изменении характера труда человека, об основных принципах работы компьютера, способах передачи информации; способствовать формированию умений и навыков самостоятельного использования компьютера в качестве средства для решения практических задач. Развивающие: Создать условия для развития общих познавательных способностей обучающихся: внимания, логического и образного мышления, памяти, воображения. Развить интерес обучающихся к выбранной области деятельности. Способствовать развитию творческих способностей обучающихся. Воспитательные: Содействовать воспитанию организационно-волевых качеств личности (терпение, воля, самоконтроль). Содействовать формированию у воспитанников способности оценивать свою работу в объединении адекватно реальным достижениям. Создать условия для развития поведенческих качеств личности, способствующих продуктивной работе в коллективе (сотрудничество, коммуникативность, умение самостоятельно и позитивно разрешать конфликты). Реализация этих задач будет способствовать дальнейшему развитию мышления обучающихся, обеспечению предпрофессиональной подготовки в области дизайнерского искусства. Рекомендуемые формы и методы проведения занятий При изложении материала учитываются личностные и возрастные особенности обучающихся, один и тот же материал по-разному преподаётся, в зависимости от их возраста и субъективного опыта. На занятиях используются наглядные материалы, выполненные как профессиональными дизайнерами, так и обучающимися, для демонстрации удачных решений, выявления недостатков и возможных способов их исправления. Основная роль на занятиях отводится выполнению практических заданий и творческих работ, преимущественно с учётом личных интересов каждого обучающегося. Для активизации деятельности обучающихся используются такие формы обучения, как занятия-игры, конкурсы, совместные обсуждения поставленных вопросов и занятия свободного творчества. В процессе обучения обучающимся предлагается подготовка проектов по предложенной или свободной тематике. Выполнение проектов предполагает спланированный целенаправленный процесс деятельности обучающегося с применением имеющихся или обретаемых им в процессе деятельности умений и навыков. Практический результат выполнения проекта – файл (графика, текст+графика) или программа (сайт), качественно доработанный до логического завершения. Данная программа рассчитана на 136 учебных часов в режиме 2 раза в неделю по 2 учебных часа. Тематический план объединения №п п Наименование Теор. Практ . Всего 1 2 2.1 2.2 Вводное занятие. Техника безопасности. Web-страницы. Основы языка HTML Internet, Web-страница, основные понятия. Язык разметки HTML. Понятие тэга. Заголовки, форматирование. Вывод графики, размеры, форматы. Списки. Таблицы. Переходы Графический редактор StylePix Виды редакторов, интерфейс программы Инструменты. Слои. Фильтры Понятие коллажа. Тени, освещение Цветность. Прозрачность Соотношение, размеры Сетка. Направляющие Привязка таблиц HTML к сетке StylePix Проекты «Телевизор», «Прозрачная рука», «Марионетка», «Открытки», «Реклама» и пр. Фотоаппарат. Фотоснимки. Термины, характеристики Устройство фотоаппарата. Виды фотоаппаратов, их возможности Диафрагма, выдержка, ISO, цветопередача Форматы, размеры фотоснимков. Фотопечать Искажения. Коррекция фотоснимков Проекты «Сенсация», «Новый год» , «Самыесамые», «Моя школа» Таблицы стилей CSS Хостинг Панорамы Фотомонтаж Проект «Лето» Итоговое занятие Всего: 2 4 6 2 10 5 25 30 4 6 10 6 46 52 1 2 1 2 27 3 18 5 4 20 6 2 136 2.3 2.4 2.5 3 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 4 4.1 4.2 4.3 4.4 5 5.1 5.2 6 7 8 9 109 Содержание обучения Вводное занятие. Техника безопасности. На вводном занятии преподаватель с обучающимися решают различные организационные вопросы, а также обучающиеся знакомятся с техникой безопасности и правилами поведения в компьютерном классе. Обучающиеся знакомятся также с разнообразным аппаратным обеспечением современной вычислительной техники, его возможностями. Обучающиеся информируются о возможностях и технических характеристиках компьютерной техники, размещённой в компьютерном классе. Основные вопросы темы: Техника безопасности при работе на компьютере. Правила поведения в компьютерном классе. Действия при пожарной опасности. Общая характеристика устройств персонального компьютера. Возможности компьютерной техники и программного обеспечения при обработке фотоизображений. Формы и методы проведения занятия: Рассказ, беседа об имеющихся умениях и знаниях обучающихся в области компьютерных технологий. Web-страницы. Основы языка HTML При освоении данного раздела обучающиеся осваивают основные принципы программирования сайтов на языках разметки документов HTML и CSS. В процессе практического освоения материала данного раздела обучающиеся получают навыки разработки, тестирования и сопровождения сайтов, самостоятельного принятия решений по их структуре и оформлению. Основные вопросы темы: Internet, Web-страница. Язык разметки HTML. Понятие тэга. Заголовки, форматирование текста. Вывод графики, размеры, форматы. Списки. Таблицы. Гиперссылки. Переходы. Формы и методы проведения занятия: Рассказ, демонстрация и разбор наглядных примеров, запись основных терминов в рабочих тетрадях, практические занятия, конкурсы. Графический редактор StylePix При освоении данного раздела обучающиеся приобретают и совершенствуют навыки в цифровой обработке изображений применительно к различным видам дизайнерского искусства, подготовке графического содержимого web-страниц, знакомятся с различными типами и форматами изображений, практическими приёмами художественной обработки фотографий. Основные вопросы темы: Виды редакторов, интерфейс программы StylePix. Инструменты. Слои. Фильтры. Понятие коллажа. Тени, освещение. Цветность. Прозрачность. Сетка. Направляющие. Привязка таблиц HTML к сетке StylePix Формы и методы проведения занятия: Рассказ, демонстрация и разбор наглядных примеров, запись основных терминов в рабочих тетрадях, практические занятия, конкурсы. Фотоаппарат. Фотоснимки. Термины, характеристики. Данный раздел посвящен формированию цифровых фотографий и факторам, влияющим на качество как фотокадра, так и фотоотпечатка. Основные вопросы темы: Устройство и принцип работы фотоаппарата. Виды фотоаппаратов, их возможности. Диафрагма, выдержка, ISO, цветопередача. Форматы, размеры фотоснимков. Фотопечать Искажения. Коррекция фотоснимков. Формы и методы проведения занятия: Рассказ, демонстрация и разбор наглядных примеров, запись в рабочих тетрадях, практические занятия. Проектная деятельность. Занятия, посвященные проектной деятельности, являются обобщением знаний и навыков, полученных как при изучении способов обработки графических изображений, так и при изучении основ создания Web-страниц. Обучающиеся получают практические навыки самостоятельного принятия решений в части цветовой гаммы страницы, графического и информационного содержимого в соответствии с намеченной целью, заданной в названии проекта («Новый год» «Сенсация», «Самые-самые», «Моя школа», «Моё хобби»). Проекты имеют различную сложность, что определяется уровнем полученных знаний. Основные вопросы темы: Выбор цветовой гаммы, размеров изображений, объема информации. Структура страницы, меню сайта. Формы и методы проведения занятия: Практические занятия, конкурсы, размещение работ на персональной странице объединения. Фотомонтаж Занятия, посвященные фотомонтажу, являются обобщением знаний, приобретенных при изучении графического редактора, и направлены на получение практических навыков различной обработки фотографий для создания реалистичных фотоколлажей. Обучающиеся осваивают такие методы обработки, как цветокоррекция, цветозамена, ретушь, деформация и т.д. Основные вопросы темы: Перспектива. Пропорции. Расположение объектов. Яркость, контрастность, насыщенность цвета различных объектов. Свет, тени. Отражение. Формы и методы проведения занятия: Практические занятия, конкурсы, размещение работ на персональной странице объединения и личных страничках обучающихся в социальных сетях. Панорамы При освоении данного раздела обучающиеся знакомятся с понятием панорам, их видами, а также способами их получения. Основные вопросы темы: Панорамы. Виды панорам. Краевые искажения. Способы их устранения. Формы и методы проведения занятия: Рассказ, демонстрация и разбор наглядных примеров, запись в рабочих тетрадях, практические занятия. Итоговое занятие На данном занятии подводятся итоги по пройденному материалу, рассказывается о профессиях, связанных с полученными навыками, проводится обзор языков программирования, применяемых при создании современных сайтов. Ожидаемые результаты В результате изучения данной программы у обучающихся формируются представления: – – – – о технологиях создания цифровых изображений; об основных понятиях, связанных с графической информацией; о редактировании цифровых фото изображений; о специфике использования данных технологий. Учащиеся овладеют способами деятельности, которые позволят: – пользоваться цифровыми устройствами для создания цифровых изображений; – использовать основные приемы фотомонтажа и дизайна на персональном компьютере; – применять полученные знания и умения в практической деятельности. Изучение данного курса предполагает: – повышение интереса обучающихся к творческому процессу создания и редактирования изображений с помощью компьютера посредством выполнения практических заданий; – выявление и развитие творческих способностей; – развитие познавательных способностей; – формирование опыта творческой деятельности. Отслеживание результативности образовательного процесса Результативность освоения обучающимися содержания данной образовательной программы проявляется в процессе выполнения ими творческих самостоятельных работ. Во время бесед с обучающимися и наблюдая за общением обучающихся друг с другом педагог наблюдается уровень освоения терминологии фото и Web-дизайна, систематичность знаний в данной области. Качество и уровень сложности выполнения проектных заданий отслеживается и анализируется педагогом для своевременной коррекции индивидуальной поддержки для каждого обучающегося. ОБЕСПЕЧЕНИЕ ПРОГРАММЫ Методическое: Для успешной реализации программы используются следующие методические материалы: - учебно-тематический план; - теоретический материал по изучаемым темам; - пособие «Санитарные нормы и техника безопасности в компьютерном классе»; - справочные пособия и литература для общего пользования по профилю; - методическая литература для педагогов дополнительного образования; Дидактическое обеспечение программы включает в себя следующие материалы: - учебные презентации по темам; - наглядные пособия к занятиям для демонстрации на экране проектора; - материалы для практических и самостоятельных заданий; - материалы для проведения конкурсных мероприятий; Материально-техническое: Для реализации настоящей программы имеется: - наличие класса вычислительной техники, объединенной в сеть. Оборудование класса должно соответствовать санитарным нормам; - наличие программного обеспечения: операционная система Windows 7, растровый графический редактор StylePix, текстовой редактор с подсветкой синтаксиса типа Notepad++, интернет-браузер. - принтер, сканер; - пластиковая настенная доска с набором маркеров различных цветов; - видеопроектор. Список литературы 1. Акопов В. О графическом дизайне надо говорить достойным языком. (Интервью А. Григорьеву). // Мир дизайна. - №1 (22). - 2001. - С.60-65 2. Дегтярев А.Р. Изобразительные средства рекламы: Слово, композиция, стиль, цвет. – М.: Фаир-Пресс, 2006. – 256 с. 3. Ковешникова Н.А. Дизайн: история и теория. – М.: Омега-Л, 2009. – 224 с. 4. Курушин В. Д. Графический дизайн и реклама. – М.: ДМК Пресс, 2007 г. – 272 с. 5. Овчинникова Р.Ю. Дизайн в рекламе. Основы графического проектирования. – М.: Юнити-Дана, 2010. – 271 с. 6. Розенсон И.А. Основы теории дизайна. – СПб.: Питер, 2008. – 219 с. 7. Яцюк О. Основы графического дизайна на базе компьютерных технологий. – СПб.: БХВ-Петербург, 2004. – 240 с. 8. Туэмлоу Э. Графический дизайн. Фирменный стиль, новейшие технологии и креативные идеи. – М.: Астрель, 2006. – 298 с. 9. Буляница Т. Дизайн на компьютере. Самоучитель. – СПб: Питер, 2003. Интернет-ресурсы: 1. www.adme.ru – Портал о рекламе и дизайне. 2. www.kak.ru – Журнал о графическом дизайне. 3. www.rastudent.ru – Портал для юных специалистов в области маркетинговых коммуникаций. 4. www.rosdesign.com – Дизайн: история, теория, практика. 5. www.sostav.ru – Портал о рекламе и маркетинге.