Создание личной web-страницы с использованием знаний

Информационная карта.
1. Дополнительная образовательная программа
по курсу: «Создание личной Web-страницы с использованием знаний
программ Internet Explorer и Adobe Photoshop».

детское объединение
Интернет-клуб «HWL»

ФИО
Воронцова Наталья Васильевна

вид программы
авторская, профессиональноориентированная

по тематической направленности
социально-педагогическая

целевая установка
предметно-направленная,
развивающая, личностноориентированная

уровень усвоения
общекультурная, развивающая

форма реализации
стандартная

способ реализации
групповой

масштаб реализации
школьный и дополнительного
образования

возрастной диапазон освоения программы
для среднего школьного возраста

продолжительность реализации
1 год
Актуальность введения программы «Создание личной Web-страницы с использованием знаний
программ Internet Explorer и Adobe Photoshop» обусловлена необходимостью противодействия
социальной дезадаптации подрастающего поколения. Эта проблема зачастую является
следствием несформированности у подростков коммуникативной культуры, адекватной
самооценки, позитивного опыта эмоционально - ценностного отношения к миру,
соответствующей мотивации.
Данная программа составлена в соответствии с Примерными требованиями к программам
дополнительного образования детей.
Пояснительная записка
Интернет-клуб с момента основания (1995г.) является своеобразной экспериментальной
площадкой, на которой отрабатываются как различные направления использования Интернеттехнологий в системе образования, так и современные педагогические технологии.
Дополнительная образовательная программа «Создание личной web-стараницы с
использованием (знанием) программ Internet Explorer и Adobe Photoshop является частью
механизма городского-педагогического проекта «Создание медиакласса». Через систему
запланированных медиауроков осуществляется системная работа по формированию
медиаобразовательной культуры обучающихся.
На базе «Интернет-клуба» есть все условия для активизации пропаганды принципов
грамотного пользования медиаресурсами через вовлечение школьников в развивающую
инновационную среду.
Погружаясь в информационный виртуальный мир, школьники часто не вдумываются в
смысл того, что ими воспринимается. Таким образом постепенно притупляется и потребность в
приобретении знаний. Среди исследователей, педагогов, психологов появился специальный
термин “информационный кризис», то есть неспособность школьника обобщить и
переработать информацию, найти и отобрать из огромного потока наиболее актуальную и
удовлетворяющую потребностям человека, способствующую духовному обогащению и
всестороннему развитию.
Данная программа дает возможность представить себя в виртуальном пространстве в
виде личной веб-страницы. Это возможность собрать, обобщить, переработать и представить
информацию о себе, о своих увлечениях, возможность высказаться об отношении к тем или
иным жизненным вопросам, и, как результат, получить виртуальную веб-страницу, которая
является аналогом любого интернет-сайта, даже не блога в будущем.
В мире информационной зависимости от уже готовых «домов» в социальных сетях дети
иной раз ведут пассивное заполнение оных своей информацией, наивно предполагая, что это их
«продукт». В возможности использования социальных сетей ничего плохого нет, когда дело
касается людей понимающих, чем они пользуются и для чего, осознанно соглашаясь, что за
этим кто-то стоит (разработчики). Но дети, воспринимая, считывая информацию, должны
понимать, и моя задача как педагога - объяснить, что они могут не только пользоваться
готовым, но и могут сами создать свой продукт, ничем не уступающий.
Подготовка обучающегося думающего, имеющего возможность взглянуть на поток
медиаобразования со стороны, а потому выработать критическое отношение к общей
информации и не быть «всеядным».
В данном проекте «Создание медиакласса» предполагается участие школьников
гимназического класса, пришедших уже с первоначальными знаниями компьютера и
основными требованиями работы с ним. Поэтому в дополнительной образовательной
программе «Создание личной веб-страницы» учебно-тематический план составлен без учета
стандартного вводного курса и начинается сразу с теоретического планирования, создания
схемы будущей личной веб-страницы.
В программе особое внимание уделено набору текста, это помогает привести в порядок
мысли, классифицирует материал, усложненный еще и тем, что текст в данном случае является
основой материала создания веб-страницы в дальнейшем.
Обучающиеся познакомятся с основами веб-дизайна как необходимым элементом
профессионального дизайнера при создании продукта, с особенностями восприятия цвета и
форм, научат составлению цветовой схемы и узнают, каково влияние цветовых решений на
восприятие потенциального посетителя веб-стриницы.
На редактирование и оптимизацию графических объектов запланировано 4 часа, так как
возможность цифровой обработки материала, повышение качества изображений, создание
надписей и кнопок в программе Adobe Photoshop дает хорошие навыки практического
применения программы.
Актуальность данной образовательной программы определяется:
- информационным кризисом;
-включённостью образовательного процесса Интернет-клуба”HWL”в процесс развития
культурной динамики подростка, усвоения и освоения ценностей в соответствии с
собственными целями, потребностями в такой форме деятельности, как интернет-образование;
-включённостью психолого-педагогического сопровождения образовательного процесса;
-развитием способностей ребёнка к самостоятельному решению проблем в разных
сферах жизнедеятельности на основе использования различных средств социального опыта.
Целью программы является:
- овладение умениями работать с различными видами информации с помощью
компьютера и других средств информационных и коммуникационных технологий (ИКТ),
организовывать собственную информационную деятельность и планировать ее результаты;
- воспитание ответственного отношения к информации с учетом правовых и этических
аспектов ее распространения; избирательного отношения к полученной информации;
- создание условий для развития самореализации, медиаграмотности обучающихся для
участия в проекте «Создание медиакласса»;
- формирование современной информационной культуры у обучающихся и
использование приобретенных навыков для творчества и проектной деятельности.
Для достижения поставленной цели дополнительная образовательная программа ставит
следующие задачи:
Образовательные:

дать обучающимся теоретические знания для работы по созданию web-страницы
(набор текста, работа с таблицами, с графическим объектами, основы дизайна);

обучить умению классифицировать и обобщать материал;

научить самостоятельно пользоваться программой Adobe Photoshop и представлять
собственную информацию в виде веб-страницы;

сформировать профессиональные навыки работы верстальщика.
Развивающие:

развивать информационную культуру обучающихся;

способствовать развитию у обучающихся творческих способностей,
наблюдательности;

развивать кругозор, мышление, любознательность.

способствовать раскрытию таланта каждого воспитанника, для участия их в проекте
«создания медиакласса»;
Воспитательные:

стимулировать творческую активность обучающихся;

формировать гражданско-патриотические позиции;

формировать гуманистические ценности и идеалы, выработку человеческих
достижений, ответственности за свои поступки;

расширить возможности эмоционального самовыражения;

расширить информационное пространство в подростковой среде;

способствовать эстетическому и духовному развитию личности;

воспитывать медиаобразовательную культуру обучающихся.
Данную программу отличает от уже существующих:
- решение задач по созданию круглогодичного образовательного пространства, социально
значимой, практико-ориентированной деятельности обучающихся и становление личности через
творческое самовыражение:

межпредметность (целью проекта могут быть сведения из разных областей знаний,
например, литературы, искусства, истории, географии, математики, и т.д.)

полифункциональность (может выступать как цель обучения и как средство
приобретения сведений в самых различных областях знаний).
Программа рассчитана на 1 год, на обучающихся 10-14 лет
Количество часов по программе составляет 36 часов
Оптимальное количество обучающихся в группе – 5 человек
Периодичность занятий - один раз в неделю по часу (итого 36 часов)
Срок реализации программы-1 год
Программа курса состоит из теоретической части (13 часов) и практической (23 часа),
носит образовательный и развивающий характер, по содержанию и оформлению разработана для
выявления проблемы медиаобразования и медиаграмотности подростков.
Психолого-педагогические условия реализации программы
Воспитательная, оздоровительная работа по формированию нравственного, духовного,
физического здоровья позволяет приобщать обучающихся к организации индивидуальных,
групповых и массовых мероприятий, улучшает нравственно-психологический климат в детском
коллективе, способствует атмосфере дружелюбия.
В основе образовательной деятельности представлены следующие принципы
педагогической деятельности:
1.Реализация обучающимися своей индивидуальности. В этом процессе важно называние,
принятие и поддержка взрослым эмоциональных проявлений обучающихся (рефлексия).
2.Гуманизация взаимодействия обучающихся и педагогов. Климат взаимного доверия:
безопасность, поддержка, позитивное отношение ко всем ответам; ошибка как новый взгляд на
проблему, безоценочность в принятии других.
3.Принцип развивающего обучения. Это создание перед обучающимися проблемных
ситуаций: осознание, принятие и разрешение этих ситуаций при большой самостоятельности
обучающихся и диалога с педагогом (проблемность, индивидуализация, диалогичность).
4.Использование особенностей личности обучающихся и психологические особенности
подросткового возраста.
Содержание, формы, методы и принципы реализации программы
Образовательная деятельность нацелена на формирование умений фиксировать
информацию об окружающем мире; искать, анализировать, критически оценивать, отбирать
информацию; организовывать информацию; представлять информацию; планировать свои
действия; создавать, реализовывать и корректировать свои планы.
Реализация творческих замыслов обучающихся проходит поэтапно:
1.на первом этапе происходит знакомство с веб-страницами; проектирование личной вебстраницы, создание ее схемы, как плана будущей работы;
2. дальнейшая разработка, подбор материала, набор текста; основы дизайна и обработка
материала в фоторедакторе;
3.верстка веб-страницы, в результате чего страница должна приобрести завершенность.
4. Рефлексия. Коллективная презентация работ по проекту «Создание медиакласса».
В процессе воспитания здоровой личности применяются принципы педагогики: оптимизма,
активной жизненной позиции, преемственности, индивидуально- личностного подхода. Каждый
обучающийся имеет индивидуальную схему-план, которого придерживается.
Методика преподавания материала включает в себя следующие формы:
 инструктаж по ТБ;
 обзорная лекция;
 беседа;
 проблемная лекция;
 проблемный семинар;
 «Круглый стол»;
 тьюторское сопровождение;
 деловая игра с использованием метода проблемного обучения;
 индивидуальная работа;
 творческие практико-ориентированные проекты;
 рефлексия;
 портфолио
Курс обучения предполагает следующие методы работы:
1.Словесные методы обучения: лекция, объяснение, беседа, диалог, учебная ддискуссия,
консультация;
2.Графические работы:
 составление схем;
 заполнение таблиц;
3. Методы проблемного обучения:
 эвристическая беседа: постановка проблемы вопроса;
 объяснение основных понятий, определений, терминов;
 самостоятельная постановка, формулировка и решение проблемы обучающихся: поиск
и отбор аргументов, фактов, доказательств;
 самостоятельный поиск ответа обучающимися на поставленную проблему;
2.Наглядные методы обучения:
 наглядные материалы: схемы, фотографии;
 демонстрационные веб-страницы;
3.Аналитические:
 наблюдение;
 самоконтроль;
 самоанализ;
 рефлексия;
4.Практические:
 самостоятельная работа;
 участие в проектной деятельности;
 индивидуальная работа;
5.Психологические и социологические методы и приемы, используемые при проведении
занятий:
 психологические тесты;
 интервьюирование;
 создание и решение различных ситуаций (психология общения, социальное окружение);
Ожидаемые результаты
К концу обучения курса обучающиеся должны знать:

технику безопасности при пользовании компьютером;

этику использования компьютера и сетевую этику;

теоретическое планирование как эффективное планирование своей деятельности,
постоянный сбор и аккумулирование информации, перспективы и возможности;

основы работы с таблицами и применение их для разметки структуры webстраницы;

как вставить изображение на web-страницу;

назначение гиперссылок и принцип их создания;

принципы работы браузера при отображении страницы;

возможности программы фоторедактора Adobe Photoshop;

способы поиска информации в сети;

основы дизайна, композиционное и цветовое решение на веб-странице
Должны уметь:









работать с текстовым и графическим редактором;
работать с периферийными устройствами (принтером и сканером);
находить информацию в сети Интернет;
работать с таблицами;
осуществлять связь страничек с помощью гиперссылок;
пользоваться фоторедактором Adobe Photoshop;
определять характер информации и обобщать имеющийся материал;
представлять собственную информацию в виде веб-страницы;
использовать usb- накопители.
Формы подведения итогов реализации изучаемого курса

Участие воспитанников Клуба в международных, всероссийских, областных,
городских, внутриклубных проектах, эвристических олимпиадах, фестивалях.
Критерии и показатели эффективности образовательной программы

Занятия по данной программе помогут обучающимся применить полученные
знания и навыки на практике, использовать для участия в сетевых проектах.

Для оценки результативности учебных занятий применяется промежуточный и
итоговый контроль знаний.

Цель контроля: диагностика знаний и умений обучающихся в форме
анкетирования, устного и письменного опроса, собеседования с обучающимися и родителями.

Текущий контроль применяется для оценки качества усвоения обучающимися
материала в форме творческих заданий.

Итоговым контролем является участие воспитанников Клуба в международных,
всероссийских, областных, городских, внутриклубных проектах, эвристических олимпиадах,
фестивалях.
Учебно-тематический план
№
п/п
1
2
3
4
5
6
7
8
9
тема
всего
теория
практика
Вводное занятие.
Знакомство обучающихся с Уставом МБОУ ДОД
ЦДОД, Уставом клуба.
Инструктаж по охране труда и ТБ при работе с
компьютером.
Web-страница, теоретическое планирование
Web-страница, разработка,набор текста
Web-страница, работа с таблицами
Web-страница, работа с графическими объектами
(рисунки, фотографии, сканирование, вставка в
текст);
поиск информации в сети интернет;
Web-страница, основы дизайна (с использованием
готового материала)
Обработка графического материала в программе
Adobe Photoshop
Верстка Web-страниц с использованием таблиц и
графических объектов.
Связь страниц с помощью гиперссылок.
Итоговое занятие.
Коллективная презентация работ
Итого:
2
1
1
2
6
4
6
1
2
1
2
1
4
3
4
4
2
2
4
2
2
6
2
4
2
1
1
36
14
22
Содержание программы
1.Вводное занятие (2 часа)
- Знакомство обучающихся с Уставом МБОУ ДОД ЦДОД;
- Знакомство обучающихся с Уставом Клуба;
- Инструктаж по охране труда и ТБ, при работе с компьютером;
- Просмотр презентации «Техника безопасности для обучающихся при работе с компьютером»;
- Просмотр презентации «Здоровый образ жизни»;
2. Web-страница, теоретическое планирование (2 ч)
Теория (1 ч).
2.1. Знакомство со структурой Web-страницы:
- гиперсcылка;
- бегущая строка;
- горизонтальная линия и т.д.
Практика.(1 ч) Просмотр предложенных Web-страниц.
3. Web-страница, разработка, набор текста (6 ч)
Теория.(2 ч)
- Создание «схемки» будущей личной Web-страницы как наглядного материала, плана
будущей работы.
- Определение характера информации, обобщение имеющегося материала.
Практика(4 ч).
- определение тематики личной страницы;
- разработка разделов, подразделов страницы;
- определние источника графических изображений для страницы (фотокамера, фотоаппарат,
usb-носитель, домашний фотоархив, и т.д.)
- набор текста.
4. Web-страница, работа с таблицами (4 ч)
Теория.(1 ч)
- Использование таблиц, возможности компактного и корректного размещения объектов и
информации.
Практика.(3 ч)
- вставка таблиц по подразделам согласно индивидуальным «схемкам»;
- вставка таблиц – заливка цветом;
- вставка таблиц – заливка цветом - вставка графических объектов в ячейки»;
5. Web-страница, работа с графическими объектами (рисунки, фотографии, сканирование,
вставка в текст), поиск информации в сети интернет. (6ч)
Теория (2ч)
- сканирование графического материала;
- повторение работы в программе Paint;
- использование usb-носителя;
- поиск информации в сети Интернета.
Практика (4ч)
- создание личных рисунков в программе Paint;
- сохранение с usb-носителя на диск;
- сканирование готовых графических объектов из домашних фото-архивов;
- вставка готового материала в текст страницы.
- поиск информации в сети Интернета.
6. Web-страница, основы дизайна (с использованием готового материала) (4 ч)
Теория (2ч)
- значение и выбор шрифтов;
- фон как элемент второго плана;
- сочетание шрифта и фона;
- определение области для размещения элементов управления;
Практика (2)
- составление цветовой схемы Web-страницы;
- эксперимент с предложенными вариантами цветорешений;
- изменение и определение фона своей страницы.
7. Обработка графического материала в фоторедакторе Adobe Photoshop (4ч)
Теория (2ч)
- окно программы Adobe Photoshop;
- панель инструментов Adobe Photoshop;
- возможности программы.
Практика (2ч)
- оптимизация графического материала в программе Adobe Photoshop;
- создание «заголовков» с помощью панели инструментов программы;
- создание «кнопок» навигации программы, как элементов управления;
- слои.
8. Верстка Web-страниц с использованием таблиц и графических объектов (6ч)
Теория(2ч)
- составление модульной сетки с использованием таблиц с невидимой границей как элементом
верстки, применяемой на множестве сайтов.
-сохранение и отображение материала в окне браузера согласно разработанному макету;
-назначение гиперссылок и принцип их создания;
- навигация Web-страницы;
Практика (4ч)
- сохранение и отображение материала в окне браузера согласно разработанному макету;
- размещение элементов страницы, согласно схемы (изображения, текст, линии);
- создание гиперссылок;
- отработка навигации согласно разработанной схемы;
9. Итоговое занятие (2ч) Рефлексия. Коллективная презентация работ.
Методическое обеспечение дополнительной образовательной
программы
I.Мотивация учебно-познавательной деятельности воспитанников




доступность исполнения;
разнообразие технологий;
практическая направленность работы:
эмоциональный микроклимат в интернет-клубе “HWL”;
II.Организация учебного процесса.

присутствует индивидуализация процесса обучения в зависимости от
способностей и желаний ребёнка (практические и творческие задания даются по желанию
воспитанника в рамках содержания программы);

занятия проводятся в группах по 5 человек из расчёта 1 час в неделю;

методы обучения: репродуктивный, иллюстративный, проблемный,
эвристический (проблема формируется самими детьми, ими же и решается);

занятия проходят в форме практической деятельности. Теоретическая часть
даётся в течение всего занятия, подкрепляется демонстрацией тематических презентаций и
закрепляется практикой;

формирование групп происходит по желанию воспитанников, расписание занятий
составляется в зависимости от наличия у воспитанников свободного времени и школьного
расписания, в связи с этим группы разновозрастные и комплексные, что, в свою очередь,
положительно влияет на результативность;

в организации учебного процесса используются следующие технологии:
разноуровневого обучения, интенсивного обучения, развивающего обучения, работа по методу
проектов и другие;
III. Дидактическое обеспечение
1.Наглядные пособия:

обучающие диски;

иллюстрации, выполненные обучающимися по проекту;
2. Карточки для самостоятельной работы по темам;
3. Инструкции по ТБ;
4. Творческие задания;
VI.Техническое оснащение занятий
- компьютерный класс, оснащенный доской, стульями;
- жалюзи;
- компьютерные столы, кресла;
- наличие офисной техники (принтер черно-белый, сканер, локальная сеть, выход в
глобальную сеть www, CD-R/RW);
- программное обеспечение общего и специального назначения (текстовые редакторы,
веб-браузер, мультимедиа приложения);
- программы прикладного программного обеспечения (Microsoft Word, Paint, Power
Point)
- программы для оптимизации и редактирования графических объектов и текста
(фотокамера или сотовый телефон с встроенным фоторедактором Аdobe Photoshop; программа
Аdobe Photoshop);
- usb флеш накопитель для переноса, хранения и обмена информации
Используемая литература
1. Телешева М.В. Положение о городском социально-педагогическом проекте «Создание
медиакласса». - Стрежевой, 2012г.
2. Ефремов В.С. Методические рекомендации по созданию мультимедийных
образовательных презентаций. - ТОИПКРО, Томск, 2012г.
3. Концаренко.Ф А. Фоторедактор Adobe Photoshop, практическое руководство,
Ленинградское издательство, 2009г.
4. Сборник образовательных программ, методическое пособие ТОИПКРО. - г.Томск, 2012г.
5. Ефимова О.В. Основы компьютерной технологии, 1997г.
6. Уроки сайтостроения:Электронный практикум. Томск,2006г.
7. Татарникова,Л.А. Технологии создания сайтов и основы веб-дизайна: Учеб.пособие. –
Изд. 20-е. – Томск, 2007.
Рекомендуемые сайты
www.edu.ru/ Российское образование федеральный портал
http://www.fipi.ru Федеральный институт педагогических измерений
www.cdodstrj.ru сайт МБОУ ДОД ЦДОД городского округа Стрежевой