СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Кружок по информатике

Категория: Информатика

Нажмите, чтобы узнать подробности

Кружок по информатике рассчитан на возраст 12-14 лет. Посвящен сайтостроению, взяты языки HTML и CSS

Просмотр содержимого документа
«Кружок по информатике»



Муниципальное бюджетное общеобразовательное учреждение

«Мечетновская средняя общеобразовательная школа»

Семикаракорского района Ростовской области






Принята на заседании «Утверждаю»

Педагогического совета Директор МБОУ Мечетновская СОШ

От __.__._____г Приказ №___ от __.__.______г

Протокол № __ _____________ Е.Д. Финенко





ДОПОЛНИТЕЛЬНАЯ ОБРАЗОВАТЕЛЬНАЯ ПРОГРАММА

Объединение дополнительного образования «Информик»




Возраст обучающихся: 12-14 лет

Срок реализации: пол года






Автор-состовитель:

Березиков Дмитрий Васильевич,

учитель информатики











2018-2019 учебный год


Пояснительная записка.

Нормативно-правовое обеспечение программы:

  1. Конституция РФ.

  1. Конвенция о правах ребенка, одобренная Генеральной Ассамблеей ООН 20.11 1989г.

  2. Федеральный закон Российской Федерации от 29.12.2012 № 273-ФЗ «Об образовании в Российской Федерации»

  3. Федеральный закон РФ от 24.07.1998 3124-Ф3 (в редакции от 21.12.2004) «Об основных гарантиях прав ребенка в Российской Федерации»

  4. Концепция развития дополнительного образования детей от 4 сентября 2014 г. № 1726-р; (Распоряжение правительства РФ от 04 сентября 2014г. № 1726-р);

  5. Концепция Федеральной целевой программы развития образования на 2016 -2020 годы от 29 декабря 2014г. № 2765-р;

  6. Распоряжение Правительства Российской Федерации от 15 апреля 2014 г. № 295 «Об утверждении государственной программы Российской Федерации "Развитие образования" на 2013 - 2020 годы»;

  7. Распоряжение Правительства Российской Федерации от 24 апреля 2015 г. № 729-р «План мероприятий на 2015-2020 годы по реализации концепции развития дополнительного образования детей»;

  8. Указ Президента Российской Федерации от 7 мая 2012 года № 599 «О мерах по реализации государственной политики в области образования и науки»;

  9. Указ Президента Российской Федерации от 01 июня 2012 № 761 «О национальной стратегии действий в интересах детей на 2012-2017 годы»;

  10. Постановление Главного государственного санитарного врача РФ от 03.04.2014 №27 «О введении в действие санитарно-эпидемиологических

правил и нормативов СанПиН 2.4.4.1251-14»

  1. Приказ Минобрнауки РФ от 29.08.2013 № 1008 «Об утверждении Порядка организации и осуществления образовательной деятельности по дополнительным общеразвивающим программам»

13. Методическими рекомендациями по проектированию дополнительных общеобразовательных программ (письмо Минобрнауки России от 18 ноября 2015 г. № 09-3242).


Рабочая программа модифицированная. За основу взята программа элективного курса д.п.н А.В.Хуторского и к.ф-м.н. А.П. Орешко «Технология создания сайтов» и И.Г. Семакин «Информационнные  системы и модели».


Направленность программы

Программа кружка направлена на развитие творческих способностей ребёнка в области сайтостроения, разработки дизайна сайта.


Актуальность программы


Актуальность данной программы состоит в овладении обучающимися умениями и навыками создания сайтов. Основ работы с сайтом, наполнение сайтов информации, разметки текста, развитие логического мышления при проектировании сайта.

Новизна программы.


Мы живем в век информационных технологий. Основной источник информации — интернет. А что такое интернет? Интернет — это бескрайнее море сайтов, связанных между собой. Но работать с сайтами и не знать, как они устроены, не всегда удобно. Поэтому знать азы сайтостроения полезно и интересно. Также в наше время полезно уметь делать сайты. Чем бы вы ни занимались — полезно об этом сообщить во всемирной паутине, чтоб о вас услышало как можно больше людей.


Отличительная особенность. Главной особенностью данной программы является то, что уже через несколько месяцев учащиеся овладевают минимальными навыками сайтостроения и способны показать своё новое умение уже с третьего занятия.


Педагогическая целесообразность заключается в том, что она позволяет реализовать связь с общим образованием, выраженную в более эффективном и успешном освоении учащимися общеобразовательных программ благодаря развитию у детей информационной культуры и широкого круга компетенций применения ИКТ в различных сферах деятельности


Цель программы:

Научить учащихся ориентироваться и продуктивно действовать в информационном Интернет - пространстве, используя для достижения своих целей создаваемые веб - ресурсы

Реализации поставленной цели способствует решение следующих задач:

Обучающие:

1.Познакомить с видами веб - сайтов, их функциональными, структурными и технологическими особенностями;

2.Сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб - сайта;

3.Дать первичные навыки программирования на языках HTML, Dynamic HTML, CSS; познакомить с основами веб - дизайна;

4.научить основам работы с программами Dreamweaver и Flash (или аналогичными);

Развивающие:

1. Познакомить со способами научно-технического мышления и деятельности, направленными на самостоятельное творческое познание и исследование информационной части сетевого пространства;

2. Сформировать целостное представление об информационной картине мира средствами «Всемирной паутины».

Воспитательные:

1. Реализовать коммуникативные, технические и эвристические способности обучающихся в ходе проектирования и конструирования
сайтов;

2. Сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб - сайтов.

3. сформировать навыки работы в коллективе с комплексными веб - проектами;

Реализация данной программы включает в себя:

  • работу в компьютерном классе

  • необходимом ПО

  • творческий подход к практическим занятиям

  • разработка своего проекта.


Возраст обучающихся, участвующих в реализации программы.

Возраст детей, участвующих в реализации данной дополнительной общеобразовательной программы 12 – 14 лет.

 Сроки реализации образовательной программы – пол года обучения.   Количество обучающихся в группе -14 человек.


Формы организации деятельности:

  • обучающие занятия

  • практическое применение полученных знаний

Ожидаемые результаты.

В рамках данной программы учащиеся овладевают следующими знаниями, умениями и способами деятельности:

  • знают принципы и структуру устройства «Всемирной паутины», формы представления и управления информацией в сети Интернета;

  • умеют найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; владеют браузерами IE, GoogleChrom, Opera;

  • умеют спроектировать, изготовить и разместить в сети веб - сайт объемом 5—10 страниц на заданную тему;

  • умеют программировать на языках HTML, CSS на уровне создания не менее 3—5 соответствующих элементов сайта;

  • владеют способами работы с изученными программами (редакторы сайтов, Flash, FTP и др.);

  • знают и умеют применять при создании веб - страницы основные принципы веб — дизайна;

  • владеют необходимыми способами проектирования, создания, размещения и обновления веб — сайта;

  • знают виды веб - сайтов, способны произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности;

  • владеют приемами организации и самоорганизации работы по изготовлению сайта;

  • имеют положительный опыт коллективного сотрудничества при конструировании сложных веб — сайтов;

  • способны осуществлять рефлексивную деятельность, оценивать свои результаты, корректировать дальнейшую деятельность по сайтостроительству.



Планируемые результаты

Метапредметные результаты:

  • поиск информации в информационных архивах, информационной среде образовательной организации, в глобальных поисковых системах;

  • использование средств информационных и коммуникационных технологий для решения коммуникативных, познавательных и творческих задач;

  • планирование последовательности шагов алгоритма для создания сайта;

  • анализ объектов (веб-сайтов) с целью выделения факторов, влияющих на ранжирование в поисковых системах;

  • установление причинно-следственных связей;

  • аргументирование своей точки зрения на выбор оснований и критериев при выделении признаков, сравнении и классификации объектов;

  • признание возможности существования различных вариантов выполнения сходных операций и права каждого выбирать свой вариант реализации первоначального замысла.

Предметные результаты:

по итогам освоения программы учащиеся узнают:

  • основные принципы построения глобальной сети Интернет;

  • службы и сервисы Web 2.0, имеющиеся в сети Интернет;

  • виды протоколов передачи и обмена информации;

  • назначение программ-браузеров;

  • принципы работы с электронной почтой;

  • программы, необходимые для создания веб-страницы;

  • основные принципы использования языка HTML;

  • основные средства редактирования Web-страниц;

  • технологию CSS (каскадных таблиц стилей);

  • основы использования скриптовых языков программирования;

  • этапы проектирования Web-сайта;

  • возможности использования различных CMS для создания сайтов;

  • технологию размещения сайтов в сети Интернет;

получат возможность научится:

  • запускать и пользоваться основными браузерами и почтовыми программами;

  • грамотно выполнять поиск информации в Интернете;

  • пользоваться электронной почтой: корректно создавать и отправлять письма, получать сообщения;

  • применять графический редактор для создания и редактирования графических изображений;

  • готовить текст и иллюстрационный материал для сайта, размещать таблицы, графику, гиперссылки на HTML-странице;

  • оптимизировать графические изображения для веб-страниц;

  • готовить, тестировать и размещать веб-сайт в Интернет;

  • использовать каскадные таблицы стилей;

  • создавать динамические сайты с использованием CMS;

  • проводить мониторинг и анализ позиций сайта в поисковых системах и выявлять факторы, влияющие на его ранжирование.

Способы определения результативности.

Возможно использование следующих методов отслеживания результативности:

  • Педагогическое наблюдение.

  • Педагогический анализ результатов анкетирования, тестирования, опросов, работ обучающихся, участия в мероприятиях (конкурсах, концертах), активности обучающихся на занятиях.

  • Мониторинг. Педагогический мониторинг.


Виды контроля:

Итоговый контроль проводится в конце курса обучения по программе с целью определения результатов обучения, определения изменения уровня развития детей, их творческих способностей; анализа дополнительной общеобразовательной программы для коррекции и усовершенствования.


Основные формы проведения занятий:

Беседы, закрепление материала на компьютере

Основные виды занятий

индивидуальное и групповое творчество, межгрупповой обмен результатами.


Учебно-тематический план.


Название раздела, темы

Количество часов

всего

теория

практика

индивидуальные занятия и консультации

1

Введение

2

2


2

HTML и CSS

28

14

14


3

Создание сайта

6

6



Итого часов

36





Содержание изучаемого материала.

1. Вводная часть

Узнают ТБ при работе в компьютерном классе и при работе за компьютером, а также узнают с помощью каких средств создаются сайты. создаются сайты.

2. HTML и CSS

Узнают основные теги при разработке сайтов, научатся создавать таблицы стилей, разрабатывать дизайн сайта, редактировать готовые шаблоны сайта, узнают про кроссбраузерности, научатся применять полученные знания на практике.

    1. Создание сайта

Научатся подбирать материал для будущего сайта, подбирать шрифты, цвет текста, фон, создавать макет сайта для последующего наполнения его информацией.

  1. Календарный учебный график

№ п/п

Месяц

Число

Время проведения занятий

Кол-во часов

Тема занятия

Место проведения

Введение

1

январь

10.01

14-30 – 15-10

1

ТБ при занятиях в компьютерном классе и ТБ при работе за компьютером

2

январь

15.01

14-20 – 15-00

1

Введение. HTML и CSS

HTML и CSS

3

январь

17.01

14-30 – 15-10

1

HTML теги и атрибуты

4

январь

22.01

14-20 – 15-00

1

Работа с таблицами

5

январь

24.01

14-30 – 15-10

1

Группировка ячеек таблиц

6

январь

29.01

14-20 – 15-00

1

Основы работы с CSS

7

январь

31.01

14-30 – 15-10

1

Основные свойства CSS

8

февраль

5.02

14-20 – 15-00

1

Основы работы с селекторами CSS

9

февраль

7.02

14-30 – 15-10

1

Основы работы со ссылками и границами

10

февраль

12.02

14-20 – 15-00

1

Работа с фоном

11

февраль

14.02

14-30 – 15-10

1

Работа с отступами, со свойством float

12

февраль

19.02

14-20 – 15-00

1

Создание меню

13

февраль

21.02

14-30 – 15-10

1

Одноколоночный макет

14

февраль

26.02

14-20 – 15-00

1

Работа с флексбоксами

15

февраль

28.02

14-30 – 15-10

1

Позиционирование элементов в CSS

16

март

5.03

14-20 – 15-00

1

Схемы создания многоколоночных макетов

17

март

7.03

14-30 – 15-10

1

ПР «Многоколоночные макеты»

18

март

12.03

14-20 – 15-00

1

ПР «Реальные макеты»

19

март

14.03

14-30 – 15-10

1

Проблемы кроссбраузерности HTML и CSS

20

март

19.03

14-20 – 15-00

1

Продвинутые свойства CSS

21

март

21.03

14-30 – 15-10

1

Работа с формами

22

апрель

2.04

14-20 – 15-00

1

Работа с продвинутыми селекторами

23

апрель

4.04

14-30 – 15-10

1

Работа с псевдоклассами

24

апрель

9.04

14-20 – 15-00

1

ПР «Работа с псевдоклассами»

25

апрель

11.04

14-30 – 15-10

1

Создание адаптивных сайтов

26

апрель

16.04

14-20 – 15-00

1

Работа с плавными переходами transition

27

апрель

18.04

14-30 – 15-10

1

Работа с анимацией

28

апрель

23.04

14-20 – 15-00

1

Трансформации на плоскости

29

апрель

25.04

14-30 – 15-10

1

Трансформации в объеме

30

май

7.05

14-20 – 15-00

1

Проверка знаний теории по HTML и CSS

Создание сайта

31

май

14.05

14-20 – 15-00

1

Подготовка материала

32

май

16.05

14-30 – 15-10

1

Разработка макета сайта

33

май

21.05

14-20 – 15-00

1

ПР «Мой сайт» 1-й час

34

май

23.05

14-30 – 15-10

1

ПР «Мой сайт» 2-й час

35







36








Методическое обеспечение программы:

Возможность использования разных видов занятий программы обеспечивает создание педагогических ситуаций общения руководителя творческого объединения и детей, в ходе которых каждый кружковец (независимо от его наличных возможностей) может проявить инициативу, творчество, исследовательский подход в ходе переработки программного материала.

Одним из способов развития творческой активности детей являются творческие задания с элементами исследований. При решении этих задач кружковцу предоставляется возможность определять конечные и промежуточные цели своей деятельности, ставить перед собой задачи. Для этого возникает необходимость анализа, поиска, сравнения информации. Здесь проявляется умение находить соответствующие образцы, как в своем запасе знаний, так и во внешних сферах (справочники, техническая литература, консультации и т.п.).

Материально-техническое оснащение образовательной программы

  1. работу в компьютерном классе

  2. необходимом ПО

  3. творческий подход к практическим занятиям

  4. разработка своего проекта.


СПИСОК ЛИТЕРАТУРЫ


  1. Гончаров А. HTML в примерах. С.-Пб.: Питер, 2013.;

  2. Дригалкин В. В. HTML в примерах. Как создать свой Web-сайт: Самоучитель / В. В. Дригалкин. – М.: Изд-во «Вильямс», 2015. – 192 с.: ил.

  3. Дуванов А. А. Web-конструирование. Элективный курс/ под ред.  А. А. Дуванова. - СПБ.: БХВ-Петербург, 2014 с электронной поддержкой.;

  4. Кузнецов М.В. Практика разработки Web-сайта / М.В. Кузнецов, И.В. Симдянов, С.В. Голышев. – СПБ.: БХВ-Петербург, 2013. – 960 с.: ил

  5. Лебедев С.В. Web-дизайн: учебное пособие по созданию публикаций для Интернет / С.В. Лебедев. – 3-е изд., перераб. и доп. – М.: Альянс-пресс, 2014.- 736 с

  6. Мержевич В. В. Ускорение работы сайта: для веб-разработчиков / В.В. Мержевич. – СПб.: БХВ-Петербург, 2015. – 384с.: ил

  7. Монахов М. Ю., Воронин А. А. Создаем школьный сайт в Интернете: Практикум. — М.: БИНОМ. Лаборатория знаний, 2016.

  8. Штайнер Г. HTML/XML/CSS / Г. Штайнер. – 2-е изд., перераб. – М.: Лаборатория Базовых Знаний, 2015. – 510 с.: ил.

  9. Учебник по HTML и CSS [Электронный ресурс]//сост. Трепачёв Дмитрий/ URL: http://code.mu/books/css/

9