ПРОГРАММА ЭЛЕКТИВНОГО КУРСА «Компьютерная графика и основы WEB-дизайна»
ПРОГРАММА ЭЛЕКТИВНОГО КУРСА «Компьютерная графика и основы WEB-дизайна»
Данный курс способствует формированию практических художественно-графических навыков творческой деятельности, расширяет представление в различных областях дизайна, знакомит с основными методами художественного проектирования, формируются навыки работы на компьютере, в процессе учебы создается адекватная самооценка собственной профессиональной значимости.
Категория обучающихся: учащиеся 9-10 классов
Сроки освоения программы: 2 года.
Объем учебного времени: 272 часа.
Форма обучения: очная.
Режим занятий: 4 час в неделю.
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Просмотр содержимого документа
«ПРОГРАММА ЭЛЕКТИВНОГО КУРСА «Компьютерная графика и основы WEB-дизайна»»
Муниципальное казенное общеобразовательное учреждение
«Средняя общеобразовательная школа № 9 г. Аши
(с профессиональным обучением)»
Рассмотрено:
Руководитель ШМО
________Л.А.Папроцкая
Протокол заседания ШМО
№____ от 26.08.2015
СОГЛАСОВАНО
Заместитель директора по УВР
МКОУ СОШ № 9 г.Аша
________Е.В.Мещерякова
27.08.2015
УТВЕРЖДАЮ
Директор МКОУ СОШ № 9 г.Аша
__________С.Н.Коваленко
Приказ №____ от 28.08.2015
ПРОГРАММА ЭЛЕКТИВНОГО КУРСА
«Компьютерная графика и основы WEB-дизайна»
Чертова О.В.
учитель информатики
2015
Пояснительная записка
В жизни современного человека информация играет огромную роль. Наиболее эффективным и удобным для восприятия видом информации была, есть и в обозримом будущем будет информация графическая. Любые объемы информации человек лучше усваивает, когда она поступает через канал зрения. Поэтому доля графических данных в профессиональной деятельности любого рода неуклонно растет. Следовательно, требуются средства для работы с изображениями, и специалисты, умеющие грамотно работать с этими средствами. Это - исследователи в различных научных и прикладных областях, художники, конструкторы, специалисты по компьютерной верстке, дизайнеры, разработчики рекламной продукции, создатели Web-страниц, авторы мультимедиа-презентаций, медики, модельеры тканей и одежды, фотографы, специалисты в области теле- и видеомонтажа и др. Под «компьютерным художником» можно понимать любого, кто занимается созданием или редактированием изображений с помощью ПК.
Данный курс способствует формированию практических художественно-графических навыков творческой деятельности, расширяет представление в различных областях дизайна, знакомит с основными методами художественного проектирования, формируются навыки работы на компьютере, в процессе учебы создается адекватная самооценка собственной профессиональной значимости.
Цель курса:
Развитие интереса к компьютерной графике, дизайну, творческого подхода к делу и поиску нестандартных решений в процессе создания Web-сайта.
Задачи курса:
1. Способствовать развитию интереса к компьютерной графике, дизайну.
2. Научить учащихся создавать и редактировать собственные изображения, используя инструменты графических программ;
3. Научить выполнять обмен графическими данными между различными программами.
4.Познакомить с основами знаний в области композиций, дизайна, формообразования;
5. Заинтересовать учащихся изучением информатики, помочь реализовать их замыслы в процессе создания Web-сайта;
6. Закреплять полученные навыки работы на компьютере;
7. Формировать и развивать навыки самостоятельной работы, самообучения и творческого подхода при выполнении задания.
Категория обучающихся: учащиеся 9-10 классов
Сроки освоения программы: 2 года.
Объем учебного времени: 272 часа.
Форма обучения: очная.
Режим занятий: 4 час в неделю.
Содержание программы
9 класс
Введение. Основы техники безопасности (1 час). Структура дисциплины "Компьютерная графика и основы WEB-дизайна": цели и задачи теоретических и практических занятий. Основные правила и требования техники безопасности и противопожарной безопасности при работе в помещении компьютерного класса.
Основы изображения (11 часов)
2.1. Методы представления графических изображений (4 часа)
Растровая графика. Достоинства растровой графики. Недостатки растровой графики. Векторная графика. Достоинства векторной графики. Недостатки векторной графики. Сравнение растровой и векторной графики. Особенности растровых и векторных программ.
2.2.Цвет в компьютерной графике (2 часа)
Описание цветовых оттенков на экране монитора и на принтере (цветовые модели). Цветовая модель RGB. Формирование собственных цветовых оттенков на экране монитора. Цветовая модель CMYK. Формирование собственных цветовых оттенков при печати изображений. Взаимосвязь цветовых моделей RGB и CMYK. Кодирование цвета в различных графических программах. Цветовая модель HSB (Тон — Насыщенность — Яркость).
2.3.Форматы графических файлов (2 часа)
Векторные форматы. Растровые форматы. Методы сжатия графических данных. Сохранение изображений в стандартных форматах, а также собственных форматах графических программ. Преобразование файлов из одного формата в другой.
2.4.Основы работы с объектами (3 часа).
Создание и редактирование графических информационных объектов средствами графических редакторов.
Работа с программой растровой графики Gimp (29 часов)
3.1.Введение в программу Gimp(1 час)
3.2.Рабочее окно программы Gimp(2 час)
Особенности меню. Рабочее поле. Организация панели инструментов. Панель свойств. Панели — вспомогательные окна. Просмотр изображения в разном масштабе. Строка состояния.
3.3.Выделение областей (2 часа)
Проблема выделения областей в растровых программах. Использование различных инструментов выделения: Область, Лассо, Волшебная палочка. Перемещение и изменение границы выделения. Преобразования над выделенной областью. Кадрирование изображения.
3.4Маски и каналы (2 часа)
Режимы для работы с выделенными областями: стандартный и режим быстрой маски. Уточнение предварительно созданного выделения в режиме быстрой маски. Сохранение выделенных областей для повторного использования в каналах.
3.5. Коллаж. Основы работы со слоями (3 часа)
Особенности создания компьютерного коллажа. Понятие слоя. Использование слоев для создания коллажа. Операции над слоями: удаление, перемещение, масштабирование, вращение, зеркальное отражение, объединение.
3.6.Рисование и раскрашивание (4 часа)
Выбор основного и фонового цветов. Использование инструментов рисования: карандаша, кисти, ластика, заливки, градиента. Раскрашивание черно-белых фотографий.
3.7.Тоновая коррекция (3 часа)
Понятие тонового диапазона изображения. График распределения яркостей пикселей (гистограмма). Гистограмма светлого, тёмного и тусклого изображений. Основная задача тоновой коррекции. Команды тоновой коррекции.
3.8.Цветовая коррекция (2 час)
Взаимосвязь цветов в изображении. Принцип цветовой коррекции. Команды цветовой коррекции.
3.9.Ретуширование фотографий (3 часа)
Методы устранения дефектов с фотографий. Осветление и затемнение фрагментов изображений вручную. Повышение резкости изображения.
3.10. Работа с контурами (4 часа)
Назначение контуров. Элементы контуров. Редактирование контуров. Обводка контура. Преобразование контура в границу выделения. Использование контуров обрезки для добавления фрагмента фотографии к иллюстрации, созданной в программе рисования.
3.11. Создание анимации в Gimp (3 часа).
Работа с программой векторной графики Open Office Draw (31 часов).
4.1.Введение в программу Open Office Draw (1 час)
4.2.Рабочее окно программы Open Office Draw (2 час)
Особенности меню. Рабочий лист. Организация панели инструментов. Панель свойств. Палитра цветов. Строка состояния.
4.3.Основы работы с объектами (3 часа)
Рисование линий, прямоугольников, квадратов, эллипсов, окружностей, дуг, секторов, многоугольников и звезд. Выделение объектов. Операции над объектами: перемещение, копирование, удаление, зеркальное отражение, вращение, масштабирование. Изменение масштаба просмотра при прорисовке мелких деталей. Особенности создания иллюстраций на компьютере.
4.4.Закраска рисунков (4 часа)
Закраска объекта (заливка). Однородная, градиентная, узорчатая и текстурная заливки. Формирование собственной палитры цветов. Использование встроенных палитр.
4.5.Вспомогательные режимы работы (2 час)
Инструменты для точного рисования и расположения объектов относительно друг друга: линейки, направляющие, сетка. Режимы вывода объектов на экран: каркасный, нормальный, улучшенный.
4.6.Создание рисунков из кривых (3 часа)
Особенности рисования кривых. Важнейшие элементы кривых: узлы и траектории. Редактирование формы кривой. Рекомендации по созданию рисунков из кривых.
4.7. Методы упорядочения и объединения объектов (3 часа)
Изменение порядка расположения объектов. Выравнивание объектов на рабочем листе и относительно друг друга. Методы объединения объектов: группирование, комбинирование, сваривание. Исключение одного объекта из другого.
4.8.Эффект объема (3 часа)
Метод выдавливания для получения объемных изображений. Перспективные и изометрические изображения. Закраска, вращение, подсветка объемных изображений.
4.9.Перетекание (3 часа)
Создание технических рисунков. Создание выпуклых и вогнутых объектов. Получение художественных эффектов.
4.10.Работа с текстом (3 часа)
Особенности простого и фигурного текста. Оформление текста. Размещение текста вдоль траектории. Создание рельефного текста. Масштабирование, поворот и перемещение отдельных букв текста. Изменение формы символов текста.
4.11.Сохранение и загрузка изображений в Open Office Draw (3 час).
Особенности работы с рисунками, созданными в Open Office Draw. Импорт и экспорт изображений в Open Office Draw.
Вывод изображений на печать (1 час).
Типы принтеров и печати. Подготовка документа к печати. Предварительный просмотр подготовленного документа. Печать в графическом редакторе. Печать из текстового редактора.
Проекты.
6.1.Дизайнерский проект«Орнамент» (8 часов).
Разработка орнамента. Способы обработки изображения, заливка, цветовое решение композиции. Работа с растровой графикой. Настройка интерфейса, параметров. Возможности программ.
6.2.Дизайнерский проект«Композиций в технике Городецкой росписи (Хохломской, Жолтовской)» (8 часов).
Разработка орнамента. Способы обработки изображения, заливка, цветовое решение композиции.
Получение и закрепление навыков работы с клипартами; Оформление изображения с использованием клипартов и текста Обработка растрового изображения с помощью масок и фильтров.
Работа с текстом в программах векторной графики. Основные приёмы работы с текстом. Применение эффектов. Объединение и соединение элементов графики.
6.5.Дизайнерский проект «Вычерчивание плана своей квартиры» (4 часа).
Способы обработки изображения, работа с объектами, работа с пропорцией.
6.6. Дизайнерский проект «Эскиз оформления пришкольного участка» (4 часа).
Способы обработки изображения, заливка, цветовое решение композиции.
6.7.Дизайнерский проект «Эскиз оформления своей комнаты» (4 часа)
Способы обработки изображения, заливка, цветовое решение композиции.
Знакомство с программой Adobe PhotoShop (19 часов).
7.1. Введение в программу Adobe PhotoShop (2 часа).
Рабочее окно программы Adobe PhotoShop. Особенности меню. Рабочее поле. Организация панели инструментов. Панель свойств. Панели — вспомогательные окна. Просмотр изображения в разном масштабе. Строка состояния.
7.2. Выделение областей (2 часа).
Проблема выделения областей в растровых программах. Использование различных инструментов выделения: Область, Лассо, Волшебная палочка. Перемещение и изменение границы выделения. Преобразования над выделенной областью. Кадрирование изображения.
7.3.Маски и каналы (2 часа).
Режимы для работы с выделенными областями: стандартный и режим быстрой маски. Уточнение предварительно созданного выделения в режиме быстрой маски. Сохранение выделенных областей для повторного использования в каналах.
7.4.Коллаж. Основы работы со слоями (2 часа).
Особенности создания компьютерного коллажа. Понятие слоя. Использование слоев для создания коллажа. Операции над слоями: удаление, перемещение, масштабирование, вращение, зеркальное отражение, объединение.
7.5.Рисование и раскрашивание (2 часа).
Выбор основного и фонового цветов. Использование инструментов рисования: карандаша, кисти, ластика, заливки, градиента. Раскрашивание черно-белых фотографий.
7.6.Тоновая коррекция (2 часа).
Понятие тонового диапазона изображения. График распределения яркостей пикселей (гистограмма). Гистограмма светлого, тёмного и тусклого изображений. Основная задача тоновой коррекции. Команды тоновой коррекции.
7.7.Цветовая коррекция (2 часа).
Взаимосвязь цветов в изображении. Принцип цветовой коррекции. Команды цветовой коррекции.
7.8.Ретуширование фотографий (3 часа).
Методы устранения дефектов с фотографий. Осветление и затемнение фрагментов изображений вручную. Повышение резкости изображения.
7.9.Работа с контурами (2 часа).
Назначение контуров. Элементы контуров. Редактирование контуров. Обводка контура. Преобразование контура в границу выделения. Использование контуров обрезки для добавления фрагмента фотографии к иллюстрации, созданной в программе рисования.
Заключительное занятие (1 час).
Подведение итогов работы учебно-творческого коллектива за год. Выполнение профилактических работ по подготовке компьютерного класса к следующему учебному году.
10 класс
Введение. Основы техники безопасности (1 час).
Структура дисциплины "Компьютерная графика и основы WEB-дизайна": цели и задачи теоретических и практических занятий. Основные правила и требования техники безопасности и противопожарной безопасности при работе в помещении компьютерного класса.
Глобальная сеть Интернет. Особенности WEB-дизайна. (4 часа).
2.1.История создания и развития информационных ресурсов и технологий Интернет. Обзор возможностей Интернет (2 часа).
История создания и развития информационных ресурсов и технологий Интернет. Первое путешествие по Интернет. Компьютерные телекоммуникации – функциональная классификация. Виды компьютерных сетей и ресурсов Интернет. Классификация и описание услуг, предоставляемых компьютерными сетями. Как подключиться к Интернет дома. Эффективная работа с браузером. Закладки. Избранное. Работа с несколькими окнами. Сохранение информации. Настройки просмотра.
2.2.Поиск информации в Интернет (1 час).
Что такое поисковый сервер. Обзор особенностей наиболее эффективных в настоящий момент поисковых серверов (классификационные информационно-поисковые системы Rambler, Yandex и др.). Создание простых и сложных запросов.
2.3. Дизайн WEB-страниц и виды сайтов (1час).
Технологические особенности WEB-дизайна. Профессиональные приемы создания страниц. Графические эффекты. Профессиональные ресурсы Интернет. Этапы создания сайта.
Язык гипертекстовой разметки HTML (72 часа).
Основные понятия HTML (2 часа).
История возникновения и стандарты языка HTML. Синтаксис HTML-документов. Структура HTML-документа. Определение типа документа. Контейнеры в нормальном потоке.
3.2.Элементы оформления текста (8 часов).
Абзацы, заголовки, разделители, параграфы, выравнивание, цветовое и шрифтовой оформление. Цвет текста. Специальные символы. Создание списков в HTML-документе. Тег и его параметры.
3.3.Размещение графики (8 часа).
Вставка графических изображений, фоновая графика. Теги управления графикой. Универсальный тег вставки внешних ресурсов. Вставка содержимого мультимедийных файлов.
3.4. Создание таблиц в HTML-документе (6 часа).
Табличные теги и атрибуты. Параметры, определяющие оформление таблиц. Управление размещением содержимого документа на экране при помощи таблиц.
Создание гиперссылок. Текстовые ссылки, графические ссылки, навигация. Виды гиперссылок: внутренние и внешние, ссылка по якорю. Абсолютные и относительные адреса. Задание цвета ссылок. Ссылка на электронный адрес.
3.7.Фреймы (6 часов).
Обычные фреймы. Плавающие фреймы. Фреймы и фреймсодержащие документы. Расположение фреймов. Управление в окне фрейма. Понятие кадра-фрейма. Разбиение экрана на части. Параметры, определяющие взаиморасположение фреймов на экране и их внешний вид. Гипертекстовые переходы внутри и между фреймами.
3.8.Компоновка страниц (8 часов).
Выбор схемы компоновки страницы. Табличная компоновка. Применение тегов div для компоновки страниц. Применение фреймов для компоновки страниц. Задание фона.
3.9.Присоединение таблиц стилей CSS к документу (8 часов).
Правила форматирования. Приоритеты таблиц стилей. Позиционирование элементов. Видимость элементов.
3.10Элементы пользовательского интерфейса и формы (6 часа).
Поля ввода, кнопки и переключатели. Раскрывающийся список. Форма.
3.11.Творческая работа «Моя первая страничка» (8 часов).
Создание и фоновое оформление главной Web-страницы.
Проект «Создание сайта с помощью языка HTML» (20 часов).
Оформление главной страницы. Добавление гиперссылок. Дизайн сайта. Оформление и заполнение страниц сайта.
Работа с программами создания сайтов (28 часов).
Заключительное занятие (1 час).
Подведение итогов работы учебно-творческого коллектива за год. Выполнение профилактических работ по подготовке компьютерного класса к следующему учебному году.
Учебно-тематическое планирование
№
Наименование разделов и тем
Всего часов
9 класс
Форма контроля
Лекции
Лабораторно-
практические работы
1
Введение. Основы техники безопасности
1
1
2
Основы изображения
11
2.1
Методы представления графических изображений
3
1
2.2
Цвет в компьютерной графике
1
1
2.3.
Форматы графических файлов
1
1
2.4
Основы работы с объектами
2
1
зачет
3
Работа с программой растровой графики Gimp
29
3.1
Введение в программу Gimp
1
3.2
Рабочее окно программы Gimp
1
1
3.3
Выделение областей
1
1
3.4
Маски и каналы
1
1
3.5
Коллаж. Основы работы со слоями
1
2
3.6
Рисование и раскрашивание
2
2
тест
3.7
Тоновая коррекция
1
2
3.8
Цветовая коррекция
1
1
3.9
Ретуширование фотографий
1
2
3.10
Работа с контурами
2
2
зачет
3.11
Создание анимации в Gimp
1
2
4
Работа с программой векторной графики Open Office Draw
31
4.1
Введение в программу Open Office Draw
1
4.2
Рабочее окно программы Open Office Draw
1
1
4.3
Основы работы с объектами
1
2
4.4
Закраска рисунков
2
2
тест
4.5
Вспомогательные режимы работы
1
1
4.6
Создание рисунков из кривых
1
2
4.7
Методы упорядочения и объединения объектов
1
2
4.8
Эффект объема
1
2
4.9
Перетекание
1
2
4.10
Работа с текстом
1
2
4.11
Сохранение и загрузка изображений в Open Office Draw
2
1
зачет
5
Вывод изображений на печать
1
6
Проекты
44
6.1
Дизайнерский проект«Орнамент»
8
6.2
Дизайнерский проект«Композиций в технике Городецкой росписи (Хохломской, Жолтовской)»
8
6.3
Дизайнерский проект«Изготовление баннера»
8
6.4
Дизайнерский проект«Создание афиши»
8
6.5
Дизайнерский проект «Вычерчивание плана своей квартиры»
4
6.6
Дизайнерский проект «Эскиз оформления пришкольного участка»
4
6.7
Дизайнерский проект «Эскиз оформления своей комнаты»
4
7
Знакомство с программой Adobe PhotoShop
19
7.1
Введение в программу Adobe PhotoShop
2
7.2
Выделение областей
2
7.3
Маски и каналы
2
7.4
Коллаж. Основы работы со слоями
2
тест
7.5
Рисование и раскрашивание
2
7.6
Тоновая коррекция
2
7.7
Цветовая коррекция
2
7.9
Работа с контурами
2
7.8
Ретуширование фотографий
3
зачет
8
Заключительное занятие
1
1
ВСЕГО:
136
55
81
№
Наименование разделов и тем
Всего часов
10 класс
Форма контроля
Лекции
Лабораторно-
практические работы
1
Введение. Основы техники безопасности
1
1
2
Глобальная сеть Интернет. Особенности WEB-дизайна
4
2.1
История создания и развития информационных ресурсов и технологий Интернет. Обзор возможностей Интернет
1
1
2.2
Поиск информации в Интернет
1
2.3.
Дизайн WEB-страниц и виды сайтов
1
зачет
3
Язык гипертекстовой разметки HTML
72
3.1
Основные понятия HTML
2
3.2
Элементы оформления текста
2
6
3.3
Размещение графики
2
6
3.4
Создание таблиц в HTML-документе
2
4
3.5
Анимация. Бегущая строка
2
4
тест
3.6
Работа с гиперссылками
2
4
3.7
Фреймы
1
5
3.8
Компоновка страниц
2
6
3.9
Присоединение таблиц стилей CSS к документу
2
6
3.10
Элементы пользовательского интерфейса и формы
2
4
зачет
3.11
Творческая работа «Моя первая страничка»
8
4
Проект «Создание сайта с помощью языка HTML»
20
20
5
Работа с программами создания сайтов
38
10
28
зачет
6
Заключительное занятие
1
1
ВСЕГО:
136
34
102
Образовательные результаты
В рамках данного курса учащиеся должны овладеть основами компьютерной графики, а именно должны знать:
особенности, достоинства и недостатки растровой графики;
особенности, достоинства и недостатки векторной графики;
методы описания цветов в компьютерной графике — цветовые модели;
способы получения цветовых оттенков на экране и принтере;
способы хранения изображений в файлах растрового и векторного формата;
методы сжатия графических данных;
проблемы преобразования форматов графических файлов;
назначение и функции различных графических программ;
принципы и структуру устройства Всемирной Паутины;
виды Web-сайтов, определять их структуру, содержание, дизайн;
приемы организации работы по созданию сайта;
принципы безопасности и защиты сайта.
В результате освоения практической части курса учащиеся должны уметь:
Редактировать изображения в растровом графическом редакторе (Gimp):
выделять фрагменты изображений с использованием различных инструментов (область (прямоугольное и эллиптическое выделение), лассо (свободное выделение), волшебная палочка (выделение связанной области) и др.);
