КОМПЛЕКТ учебно-программной документации «ВебКа» (техническое направление)

Управление образования города Батайска Муниципальное бюджетное учреждение дополнительного образования «Центр развития детей и юношества на основе инновационных технологий» (МБУ ДО «ЦИТ») СОГЛАСОВАНО на заседании Управляющего совета протокол № _1_ от  _25.08.2015_ ______________ Г.А. Башкирова           председатель УТВЕРЖДАЮ Директор МБУ ДО «ЦИТ» _________________  Л.А. Минц 25. 08. 2015 г Приказ    № 33 от 26.08.2015 г. КОМПЛЕКТ учебно­программной документации   «ВебКа» (техническое направление) В комплекте: o o учебный план кружка; образовательная программа; РАССМОТРЕНО и СОГЛАСОВАНО на Педагогическом совете Протокол №  1 от 25.08.2015 г. Председатель ____________ Л.А. Минц СОГЛАСОВАНО Председатель ПК МБУ ДО «ЦИТ» _________________  О.Б. Ковалева 25. 08. 2015 г г. Батайск 2015 год Электронный адрес док.: ЦИТ/Образовательные программы/2015­16/СОШ № 12 1 Муниципальное бюджетное учреждение дополнительного образования  Управление образования г. Батайска «Центр развития детей и юношества на основе инновационных технологий»  (МБУ ДО «ЦИТ») СОГЛАСОВАНО на заседании Управляющего  совета протокол № _1_ от  _25.08.2015_ ______________ Г.А. Башкирова        председатель УТВЕРЖДАЮ Директор  МБУ ДО «ЦИТ» _________________  Л.А. Минц 25. 08. 2015 г Приказ    №  33  от 26.08.2015 г.                 Учебный план детского объединения «ВебКа» Цель: качественное обеспечение желаний школьников получить дополнительное образование в области электронной обработки информации.  Категория обучающихся:    учащиеся школ  города, 14 – 16 лет. Срок обучения:    3 учебных года. Количество часов: Всего – 576 часов: 1 год –  144 часов,  2 год  – 216 часов, 3 год –  216 часов.  Форма обучения:  очная Режим занятий:     1, год – 4 часа в неделю, 2,3 год – 6 часов в неделю РАССМОТРЕНО и СОГЛАСОВАНО на Педагогическом  совете Протокол №  1 от 25.08.2015 г. Председатель ____________ Л.А. Минц СОГЛАСОВАНО Председатель ПК МБУ ДО «ЦИТ» _________________  О.Б. Ковалева 25.08.2015 2 Электронный адрес док.: ЦИТ/Образовательные программы/2015­16/СОШ № 12 3 2. Пояснительная записка Настоящий учебный план кружка     «ВебКа» муниципального бюджетного образовательного     учреждения   дополнительного   образования   детей   «Центр развития детей и юношества на основе инновационных технологий» (МБУ ДО «ЦИТ»)   разработан   для   обучающихся     по   научно­исследовательской направленности.  Обучение  проводится на бюджетной основе.   Данный   учебный   план   кружка   предназначен   для   обучения     основам сайтопостроения и привитию начальных навыков дизайнера. Возраст обучающихся  – 14­16 лет. Но в отдельных случаях при наличии особого желания или одаренности ребенка он может быть изменен.  При реализации учебного плана учебно­практические занятия проводятся в группах, численность которых составляет от 10 до 15 человек. Обучающиеся работают  с постоянным педагогом.  В настоящем учебном плане  предусмотрена следующая  учебная нагрузка: Первый  год ­  по 2 академических часа 2 раза в неделю – 144 часа; Второй  год  ­  по 2 академических часа 3 раза в неделю – 216 часа; Третий  год  ­  по 2 академических часа 3 раза в неделю – 216 часов;  Основной целью данного учебного плана является: отработка   первоначальных   навыков   сайтопостроения   и   развитие дизайнерских способностей обучающихся. Содержательный   компонент   учебного   плана   направлен   на   реализацию следующих обучающих, развивающих и воспитательных задач:  создание   условий   для   успешной   дополнительной     образовательной деятельности в области сайтопостроения;    формирование   теоретических   и   практических   компетенций   в   процессе работы с распространенными средствами сайтопостроения; расширение   практических   умений   использования   технологий сайтопостроения для учебных целей; развитию творческих способностей  и художественного вкуса. Дополнительное   образование   обучающиеся   получают   в   процессе теоретических и практических  занятий.  Методика   проведения   занятий   кружка   разнообразна.   Используются традиционные   способы   проведения   занятий   –   виртуальные   экскурсии, теоретические   занятия   с   использованием   развивающих   технологий, практические   занятия,   на   которых   выполняются   электронные   продукты   и нетрадиционные способы –  ролевые и деловые игры, моделирование ситуаций, презентации  разработанного компьютерного продукта и т.д. Для   отслеживания   полученных   результатов   деятельности   обучающихся предусматривается система промежуточной и итоговой аттестации, средствами которой   являются   наблюдения   педагога,   участие     обучающихся   в муниципальных и внутренних мероприятиях: конкурсах, выставках, праздниках. 4 В   организации   и   проведении   промежуточной   и   итоговой   аттестации   в качестве   независимых   экспертов   принимают   участие   члены   Управляющего совета и родительская общественность. 3.. Распределение часов  по учебным годам  № п\п 1. 2. 3. 4. 5 № п\п 1. 2. 3. 4. 5. 6. № п\п 1. 2. 3. Первый год обучения Техника безопасности.  Организация рабочего места Способы создания сайта Язык HTML – родной язык  любого браузера Элементы и теги языка  гипертекстовой разметки  страниц Создаем свой первый сайт Второй год обучения Что такое CSS Синтаксис CSS и создание  своего стиля Классы и идентификаторы  для определения свойств  выбранных элементов. CSS позиционирования Слои  Творческая работа. Дизайн  Web­страницы Третий год обучения Что такое PHP Первая PHP страница  Работа с датами и временем Передача переменных в URL Передача переменных формы Функции и сессии. Кол­во часов В том числе  в год в год в нед. теория практика 144 4 44 100 Кол­во часов В том числе  в год в год в нед. теория практика 216 6 55 161 Кол­во часов В том числе  в год в год в нед. теория практика 216 6 27 189 Всего: 576 16 124 452 5 Управление образования города Батайска Муниципальное бюджетное учреждение дополнительного образования детей «Центр развития детей и юношества на основе инновационных технологий»  МБУ ДО «ЦИТ» СОГЛАСОВАНО на заседании Методического совета протокол № _1_ от _25_»_08.2015_ _________________ О.С. Ковалева                    председатель УТВЕРЖДАЮ Директор МБУ ДО «ЦИТ» _____________________ Л.А. Минц 25.08.2015 г. Приказ    №  33  от 26.08.2015 г. ОБРАЗОВАТЕЛЬНАЯ ПРОГРАММА детского объединения  «ВебКа» (техническое направление) Автор­составитель: Примаченко Татьяна Андреевна, педагог дополнительного образования Возраст обучающихся: 14­16 лет Срок реализации: 3  года 6 РАССМОТРЕНО и СОГЛАСОВАНО на Педагогическом  совете Протокол №  1 от 25.08.2015 г. Председатель ____________ Л.А. Минц СОГЛАСОВАНО Председатель ПК МБУ ДО «ЦИТ» _________________  О.Б. Ковалева 25.08.2015 Электронный адрес док.: ЦИТ/Образовательные программы/2015­16/СОШ № 12 на образовательную  программу кружка  Рецензия  «ВебКа»,  разработанную  педагогом дополнительного образования   МБУ ДО  «ЦИТ»   г. Батайска Примаченко Татьяной Андреевной Образовательная программа детского объединения «ВебКа»  разработана в   соответствии   с   требованиями   к   учебно­программной   документации дополнительного   образования   на   основе   «Методических   рекомендаций   в написании образовательных программ ДО детей»   и «Примерных требований» (Пр. к письму МО № 06­1844 от 11.12.2006 г.). Содержание,   структура   названной   образовательной   программы   и   ее   предъявляемым   к   учебной оформление   соответствует   требованиям, документации организаций дополнительного образования. Педагог ДО определяет цели и задачи дополнительного образования детей с учетом развития и воспитания обучающихся, самостоятельно разрабатывает содержательный компонент образовательной деятельности, подбирает методы и технологии   обучения,   способствующие   приобретению   обучающимися дополнительных учебных и исследовательских компетенций. Содержание образовательной программы направлено на  формирование и развитие навыков использования технологий сайтопостроения. Педагог  предусматривает  самостоятельную мыслительную деятельность обучающихся, планирует использование информационных технологий обучения. Рецензируемая   образовательная       программа   способствует     подготовке обучающихся     к   полноценной   жизни,   предоставляет   им   возможность познавательного   выбора,   способствует   формированию   информационной культуры, организации собственного информационного пространства.  Содержание   данной   образовательной   программы   дает   возможность реализовать предпрофильные и профильные задачи общего и дополнительного образования.  7 Программа   ориентирована   на   использование   универсальных пользовательских программ и систем. Таких как  HTML, CSS и PHP. Рассматриваемая образовательная программа соответствует требованиям и может быть реализована в учреждении дополнительного образования. Рецензент: Кириченко О.В. _______________ ФИО подпись Заместитель директора по ИКТ МБОУ СОШ № 12 предприятие Рецензия на образовательную  программу  кружка «ВебКа»,  разработанную  педагогом  дополнительного образования  МБУ ДО  «ЦИТ»   г. Батайска Примаченко Татьяной Андреевной Дополнительная   образовательная   программа   кружка   «ВебКа»   была обсуждена   и   прошла   первичную   внутреннюю   экспертизу     на   заседании Методического   совета   Центра.   Были   проанализированы   все   компоненты рецензируемой образовательной  программы. Данная   образовательная   программа   разработана   в   соответствии   с требованиями   к   учебно­программной   документации   дополнительного образования   на   основе   «Методических   рекомендаций   в   написании образовательных   программ   ДО   детей»     и   «Примерных   требований»     (Пр.   к письму МО № 06­1844 от 11.12.2006 г.). Всесторонний анализ рецензируемой образовательной программы кружка «ВебКа»  показал следующие результаты:  содержательный   компонент   образовательной   программы   представляет собой логическое сочетание теоретических и практических занятий, где материал изучается в соответствующей последовательности от простого к сложному;  цели,   задачи   и   содержательный   компонент   рецензируемой образовательной   программы   представляют   собой   единую   систему обучения прикладным компьютерным технологиям;  структура рецензируемой программы соответствует нормативно­правовой документации;  педагог учитывает специфику дополнительного образования и адаптирует поставленные задачи по развитию творческих способностей  детей в КТ с учетом научно­исследовательской направленности; 8  организуя работу детского объединения, педагог принимает во внимание возрастные   особенности   и   индивидуальные   способности   детей,   их склонности,   состояние   их   здоровье,   планирует   применение   здоровье сберегающих технологий;  педагог ДО задачи по формирование различных компетенций, основываясь на эффективном  соотношении теоретических и практических занятий;   из   пояснительной   записки   рецензируемой   образовательной   программы видно,   что   ПДО   планирует   вести   не   только   образовательную,   но   и воспитательную   деятельность,   уделяя   большое   внимание самостоятельному «добыванию» деятельностных компетенций;     педагогом   ДО   продумана   система   разработки   и   использования методического   обеспечения   образовательного   процесса:   планируется использования   продуктивных   методов   обучения,   направленных   на развитие   креативных   способностей   обучающихся   в   использовании   и применении компьютерных технологий в обучении и повседневной жизни; В   результате   всестороннего   анализа   рецензируемой     образовательной программы кружка «ВебКа» можно сделать вывод: она разработана с учетом требований нормативных документов  и может быть реализована в учреждении дополнительного образования детей . Ковалева О.С. _______________ ФИО Подпись Заместитель директора по научно­методической работе МБУ ДО «ЦИТ» предприятие 9 1. ПОЯСНИТЕЛЬНАЯ ЗАПИСКА Образовательная программа   кружка «ВебКа»  соответствует  Закону РФ «Об   образовании»,   Типовому   положению   об   образовательном     учреждении дополнительного   образования,   Примерным   требованиям   к   программам дополнительного образования (пр. к письму МО № 06­1844 от 11.12.2006 г), Уставу МБУ ДО «ЦИТ», Положению «О разработке образовательных программ в  МБУ ДО «ЦИТ».  Образовательная   программа   кружка   «ВебКа»   имеет     научно­   направленность.   Данная   образовательная   программа исследовательскую   является   предпрофильной,   так   как   способствует   приобретению   начальных профессиональных навыков дизайнера сайтов Новизна  данной образовательной программы в том, что она  основана на комплексном   подходе   к   обучению   в   процессе   дополнительного   образования. Обучая детей   основам сайтопостроения на углубленном уровне, используется современное   компьютерное   программное   обеспечение.     Инновационным явлением   также   можно   считать   использование   современных   методик преподавания, основанных на единстве обучения, развития и самовоспитания обучающихся.   Кроме   этого   планируется     внедрения   здоровье   сберегающих технологий.  Новизна  данной    образовательной   программы   направлена   на получение   обучающимися   не   только   научно­технических   знаний   в   области сайтопостроения.   Обучающиеся   детского   объединения   кружка  «ВебКа» приобретают   и   развивают   навыки   эстетического   оформления  web­страниц, изучают требования к содержанию сайтов. Актуальность  образовательной   программы,   во­первых,     определена запросами     и   интересами   дальнейшей   жизни   самих   обучающихся.   При реализации данной образовательной программы дети учатся основам общения с ПК как средством получения и расширения деятельностных компетенций.  Во­ вторых,   актуальность  названной  образовательной   программы   определяется запросами   и   желаниями   родителей   обучающихся.   В­третьих,   актуальность определяется   вариативностью образовательной программы. В зависимости от интересов и потребностей обучающихся, возможна  замена одной темы другой, что позволяет  наиболее полно осуществить индивидуальный подход к обучению и   воспитанию,   воплотить   принципы   педагогического   сотрудничества   с обучающимися. В­четвертых, актуальность данной образовательной программы в   том,   что   ее   реализация   сказывается   на   повышении   результативности   в школьном   обучении.   Общеобразовательные   учреждения   (школы,   гимназии, лицеи),   в   последние   годы   все   интенсивнее   используют   площадки   для   новых информационных   технологий   во   внеурочное   время.   В   связи   с   этим, фундаментальной   проблемой   современной   системы   образования   является создание оптимального образовательного пространства, в котором все учащиеся достигли бы наивысшего уровня в развитии своих способностей.  Подготовка   школьников   к   полноценной   жизни   в   условиях информационного   общества   происходит   в   разных   сферах   образовательного пространства.   Сегодня   общее   образование   при   всей   вариативности   учебных планов   и   программ   ограничивает   возможность   познавательного   выбора 10 практической деятельности, а также не может уделять достаточного внимания созданию   необходимой   среды   общения   и   развития   обучающегося   в   условиях информатизации   общества.   Новые   возможности   для   творческого   развития ребенка, его   самоопределения  и  самореализации;  условия   для  формирования информационной   культуры   школьников   предоставляется   дополнительным образованием,   где   есть   возможность   быстрого   изменения     содержания   и характера деятельности обучающего и обучаемого. Образовательная программа реализует идеи личностно­ориентированного образования   и   обеспечивает   становление   культуры   личности:   поддержание   и развитие   субъективных   качеств   ребенка,   порождение   личностных   смыслов учения   и   жизни,   пробуждение   творческого   потенциала   личности   и стимулированию   ее   к   самостоятельному   решению   разнообразных информационных задач.   Содержание   образовательной   программы   направлено   на     повышение активности   и   самостоятельности   детей,   поддержание   их   стремления   к самосовершенствованию   и   духовно­нравственному   росту.   Образовательная среда,   формируемая   в   процессе   реализации   содержания   программы, обеспечивает   участникам   образовательного   процесса   радость   открытия, интереса   самоутверждения,   сохранения   и   приумножения   здоровья   личности ребенка.  Образовательная программа детского объединения «ВебКа»   направлена на   создание   предметно­развивающей   творческой   среды,   удовлетворяющей потребности   различных   категорий   детей:   с   нормальной   социализацией, одаренных, высокомотивированных детей и обучающихся,  имеющих проблемы в развитии.   Программа   воспитывает   аккуратность,   настойчивость.   Развивает творческий самоконтроль, целенаправленность. Развивает наблюдательность, память, внимание ­ все эти качества необходимы развивающейся личности.   Повышает потенциал.     самооценку,   Педагогическая  целесообразность  образовательной   программы   кружка «ВебКа»    заключается   в том,  что  при  ее  реализации  обучающиеся  получают необходимые     научно­технические     (в   области   компьютерных   технологий)   и предпрофильные (в области дизайна сайтов) знания и практические умения. Реализация   программы   позволяет   подготовить   не   только   уверенного пользователя   ПК,   который   способен   разработать   и   оформить   электронным способом любой документ, но и модератора, админисратора сайта. Обучение по данной образовательной программе   дает детям возможность познакомиться с основами   работы   двух   профессий:   администратор   –   модератор   и   дизайнер. Кроме   этого,   они   учатся     совмещать   работу   на   компьютере   с   теми требованиями, которые предъявляются к оформлению   школьных документов: рефератов, докладов и т.д.  Программа ориентирована на существующие в настоящее время типы универсальных   пользовательских   программ   ­   Microsoft   Word,   языка программирования  HTML,   CSS  и  PHP,  программ  для  работы  со  сканером, принтером, электронной почтой. 11 Учебный материал каждой темы может изучаться как во взаимодействии с другими  темами, так и самостоятельно, расширенно, независимо от других. Основная   педагогическая   концепция   образовательной   программы   –   подход   к   образованию,   развитию   и   воспитанию. комплексно­системный   Целесообразность этой концепции обусловлена следующими положениями:  в   данной   программе   все   компоненты   организационно­деятельностный, максимальной степени взаимосвязаны;     (целевой,   содержательный, в оценочно­результативный)    осуществляется   объединение   усилий   всех   участников   образовательного процесса, что способствует повышению эффективности педагогического влияния;  используются   как   традиционные   формы   построения   образовательного процесса, так и инновационные;  специально моделируются условия для самореализации и самовыражения личности ребенка, педагога, родителей и способствует их самовыражению и личностному росту. Данная   концепция   проходит   через   всю   программу   и   обеспечивает воспитание высококультурной  личности, гражданина, патриота своей Родины.  Цель  образовательной программы  кружка  «ВебКа»   – создание условий для     познавания разнообразия окружающего мира с использованием ПК     и формирование    деятельностных   компетенций   в   области     информационных технологий.  Задачи   кружка «ВебКа», решение которых направлено на   реализацию поставленной цели: обучающие:  знакомство     обучающихся   с   широким   спектром     использования   ПК   в учебных целях;  обучить   основам   технологии   разработки   и   оформления   текстовых   и графических документов; развивающие:  способствовать развитию интереса к электронной технике и применению ее в различных направлениях образовательной деятельности;  развивать   логические   способности   обучающихся,   творческое   и техническое мышление, готовность выполнять работу необходимую для повышения образовательного уровня;  расширить представления обучающихся о возможностях применения  ПК в процессе учебы и отдыха; воспитательные:  формировать   навыки   самостоятельности,   инициативы   и   творческого подхода  в самостоятельной деятельности;  создавать условия для повышения интереса к изучению ПК;  способствовать выработке умений анализировать собственные действия;  активизировать творческий потенциал и духовные потребности детей; 12  формировать убеждение о необходимости вести здоровый образ жизни, бережно относится к своему здоровью в процессе работы на ПК. Возраст   детей,   участвующих   в   реализации   данной   образовательной программы, от 14 до 16 лет, но он может быть изменен при условии появления одаренных детей или особого желания ребенка. В изучении   образовательной программы могут принять участие все желающие школьники. Сроки реализации   дополнительной образовательной программы кружка «ВебКа» – 3 года (сентябрь­июнь). На реализацию учебного материала данной образовательной программы учебным планом отведено: 1 год обучения – 144 часа, 2 год обучения – 216 час., 3 год обучения – 216 час.  Р  ежим занятий: 2 раза в неделю, по 2 академических часа в первый год обучения, 3 раза в неделю, по 2 академических часа во второй год обучения, 3 раза в неделю, по 2 академических часа в третий год обучения. Формы   и   методы   обучения  разнообразные:  групповые,   работа   в подгруппах,   индивидуальные.  Используются   различные   виды   занятий:   беседа, практическое занятие, деловая игра, выставка, конкурсы, экскурсия и др. Основными   методами   работы   являются   наглядные,   практические, занимательные и творческие задания.      Форма   организации   деятельности   как   традиционные, нетрадиционные (викторины, тренинги, виртуальные экскурсии и т.д.).      Учебные занятия основаны на общении, диалоге педагога и обучающихся. Используются   технологии:   так   и   исследовательские,   алгоритмические, информационные с     интерактивными методами взаимодействия. Ожидаемые   результаты   формирования   различных   компетенций обучающихся: должны иметь представление:  о языках гипретекстовой разметки web страниц;  о требованиях к web сайту;  о программном обеспечении  инструкции по ТБ при работе с электронной техникой; основные средства получения информации;  значение основных понятий: web технологии; устройство и состав ПК;  принципы   организации   и   порядок   настройки   операционной   системы должны знать:        должны уметь:    Windows  7 для работы с web ресурсами; принципы организации работы в графических редакторах ;  принципы работы с мультимедийными программами; самостоятельно создавать дизайн­проект тематического сайта; полностью использовать назначение  клавиатуры ПК;  воспринимать и оценивать информацию с экрана монитора;  13    должны развивать:      должны воспитывать в себе:   умение работать самостоятельно (по  образцу и по памяти); логическое мышление; память; творческое воображение ; чувство стиля, гармонии;  набирать и редактировать  тексты различной сложности и структуры (таблицы);  создавать файлы и каталоги;  производить основные операции с файловой системой;  работать с основными программами­приложениями для ОС Windows 7; умение организовывать и планировать свои действия; целеустремленность, желание постоянно совершенствовать свои знания и умения, стремление к разностороннему саморазвитию;  желание   использовать   здоровье   сберегающие   методы     при самообразовании (зарядка для глаз, спины, туловища). Для   отслеживания   результативности   образовательного   процесса используются следующие виды контроля:  начальная диагностика (октябрь);  текущий контроль (наблюдения в течение всего учебного года);  промежуточный  контроль  (конец полугодия, конец учебного года);  итоговый контроль (выпуск). Увидеть   результаты  достижений   каждого   обучающегося   помогут   наблюдения,   мониторинг,   а   также   анализ   результатов педагогические   анкетирования,   тестирования,   участия   обучающихся   в     деловых   играх, конкурсах, выставках различных уровней. Результаты достижений обучающихся покажут результаты их участия в мероприятиях промежуточной   аттестации: конкурсы, выставки, олимпиады и др.                       14 2. УЧЕБНО­ТЕМАТИЧЕСКИЙ ПЛАН  ПЕРВОГО ГОДА ОБУЧЕНИЯ Количество часов в том числе Всего часов 14 8 18 64 26 6 8 теория практика 6 4 6 20 ­ ­ 8 44 8 4 12 44 26 6 – 100 № темы 1. 2. 3. 4. 5. 6. 7. Разделы, темы программы Техника безопасности.  Организация рабочего места ПК ­ универсальная машина Секреты сайтопостроения Разработка сайта на языке HTML Творческая работа «Мой первый сайт» Скорость создания web­страницы Практическое выполнение  электронных  продуктов Итого часов за 1 год обучения: 144  УЧЕБНО­ТЕМАТИЧЕСКИЙ ПЛАН  ВТОРОГО ГОДА ОБУЧЕНИЯ № темы 1 2 3 4 5 6 7 Разделы, темы программы Количество часов в том числе теория практика Всего  часов Техника безопасности.  Организация рабочего места Квест «Что такое CSS» Классы и идентификаторы для определения  свойств выбранных элементов. CSS позиционирования Слои Творческая работа. Дизайн Web­страницы Практическое выполнение  электронных  14 12 48 72 12 32 8 6 8 12 3 6 10 8 8 4 36 69 6 22 – 15 продуктов Итого часов за 2 год обучения: 216 55 161 УЧЕБНО­ТЕМАТИЧЕСКИЙ ПЛАН  ТРЕТЬЕГО ГОДА ОБУЧЕНИЯ № темы Разделы, темы программы 1 2 3 4 5 Техника безопасности.  Организация рабочего места PHP ­ язык сценариев общего назначения с  открытым исходным кодом Передача переменных в URL Передача переменных формы  Функции и сессии. Установка PHP  Возможности PHP: создание скриптов для  выполнения на стороне сервера; просмотр  результатов выполнения PHP­скриптов в  браузере; создание скриптов, способных  запускаться вне зависимости от вебсервера и  браузера,  для выполнения в командной  строке.  Скрипты, используемые в задачах простой  обработки текстов.  Создание приложений GUI, выполняющихся на стороне клиента.  Создание кросс­платформенных приложений.  Итого часов за 3 год обучения: Количество часов в том числе теория практика Всего часов 14 24 62 42 3 6 6 ­ 11 18 56 42 74 12 62 216 27 189 16 3. СОДЕРЖАНИЕ ПРОГРАММЫ 1 год обучения  Тема № 1. Техника безопасности.  Теория: Правила техники безопасности в компьютерном классе.  Правила внутреннего распорядка. Санитарно­гигиенические нормативы при работе за ПК Эргономика и организация  труда. Требования безопасности труда. Краткие сведения о вычислительной технике Практика: Организация рабочего места секретаря. Санитарно­гигиенические нормативы для работников офиса. Правила техники безопасности при работе в компьютерном классе.  Правила внутреннего распорядка. Причины производственного травматизма и меры его предупреждения. Ознакомление с оборудованием в кабинете и видами работ Тема № 2. ПК ­ универсальная машина Теория: ПК ­ средство работы с информацией и предмет изучения информатики Основные устройства ПК Условно пространственное изображение компьютера  Операционная система Windows 7  Пакет приложений Office 2010 17 Практика: Изучение условно­пространственного изображения (УПИК). Программы­тренажеры. Вход и выход из программы, основные операции над объектами,  наименование элементов окна. Тема № 3. Секреты сайтостроения Теория Какие шаги — от создания каркаса сайта и до загрузки его на реальный сервер в Интернете необходимо сделать.  Типы сайтов — сайт­визитка, бизнес­сайт, простой сайт, сайт­портал, форум,  блог.  Практика  Знакомство с Видеокурсом по созданию сайтов ~ 90 видео уроков! Тема № 4. Разработка сайта на языке HTML Теория  HTML —   язык   разметки   гипертекста. Гипертекст —  информационная структура,   позволяющая   устанавливать   смысловые   связи   между   элементами текста   на   экране   компьютера   таким   образом,   чтобы   можно   было   легко осуществлять переходы от одного элемента к другому.  Гиперссылка — фрагмент текста, который является указателем на другой файл или объект. Отдельный документ, выполненный в формате HTML: HTML­документ; Web­ документ; Web­страница. Web­узел или Web­сайт – группа Web­страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками.  HTML­страница имеет свой уникальный URL­адрес в Интернете. Элемент — конструкция  языка HTML.  Это контейнер,  содержащий  данные и позволяющий отформатировать их определенным образом. Любая Web­страница представляет   собой   набор   элементов.   Одна   из   основных   идей   гипертекста возможность вложения элементов. Тег — начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web­страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.  Атрибут — параметр или свойство элемента. Это переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартный   или   произвольный.   Атрибуты   располагаются   внутри   начального тега и отделяются друг от друга пробелами. Практика Набор основных групп тегов – скелет web­страницы: название сайта, заголовок страницы, графические вставки, оформление фона страницы, размера и цвета текста. Тема № 5. Творческая работа «Мой первый сайт» Теория Как выбрать тему сайта Практика Работа над созданием собственного тематического сайта Тема № 6. Скорость создания web­страницы Теория Поиск и копирование HTML кода  Практика Практикум по отработке навыков быстрого ввода основных тегов 18 Тема № 7. Зачетные занятия Теория  Контрольные вопросы проверки знаний. Практика  Выполнение контрольных заданий с последующей самопроверкой. ОЖИДАЕМЫЙ РЕЗУЛЬТАТ К КОНЦУ ПЕРВОГО ГОДА ОБУЧЕНИЯ Обучающиеся  должны знать:       инструкции по ТБ при работе с электронной техникой; основные средства получения информации;  значение основных понятий: web технологии; устройство и состав ПК;  принципы   организации   и   порядок   настройки   операционной   системы Windows  7 для работы с web ресурсами;  принципы   организации   работы   в   текстовом   редакторе   Блокнот   для HTML кода ;  принципы работы с мультимедийными программами;  должны уметь:      самостоятельно создавать дизайн­проект тематического сайта; полностью использовать назначение  клавиатуры ПК;  воспринимать и оценивать информацию с экрана монитора;  производить основные операции с файловой системой;  работать с основными программами­приложениями для ОС Windows 7; 2 год обучения Тема № 1. Техника безопасности.  Организация рабочего места Теория: Правила техники безопасности в компьютерном классе.   Правила внутреннего распорядка.  Санитарно­гигиенические нормативы при работе за ПК  Эргономика и организация  труда. Требования безопасности труда. Краткие сведения о вычислительной технике Практика: Организация рабочего места . Санитарно­гигиенические нормативы для работников офиса. Правила техники безопасности при работе в компьютерном классе.  Правила внутреннего распорядка. Причины производственного травматизма и меры его предупреждения. Ознакомление с оборудованием в кабинете и видами работ Тема № 2. Квест «Что такое CSS» Теория  19 Основные   понятия   и   термины.   CSS   (Cascading   Style   Sheets   —   каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Практика   CSS­код – создание списка инструкций для браузера, – как и где отображать элементы веб­страницы. Синтаксис и принцип работы CSS: как работает технология CSS, а также каким образом правильно записываются стилевые правила. Цвет и фон в CSS: учимся изменять цвет фона и цвет объектов в документе. Практическое использование шрифтов в CSS с учетом стиля, семейства, веса, начертания.  Текст в CSS: использование некоторых свойств форматирования текста. Списки в CSS: учимся создавать все возможные виды списков Ссылки в CSS: применяем интересные эффекты на практике. Типы селекторов в CSS: использование основных типов селекторов в CSS Блоковая модель в CSS и её применение Рамки в CSS, к каким элементам их можно применять. Поля (margin) и отступы (padding) Высота (height) и ширина (width) блоков Тема № 3. Классы и идентификаторы для определения свойств выбранных элементов. Теория  Знакомимся   с   новым   элементом   разметки  

  —   параграфом. Выделение логически законченных элементов печатного текста. Внешний отступ margin. Контейнер (блок). Применение различных свойств к контейнеру. Классы (class) ­ изменения любых элементов.  Назначение   класса   «class»   у   тега   в   html   –   файле.   Значение   ­   «имя   класса». Применение   классов   к   двум   объектам.   Применение   идентификаторов   (id). Объявление идентификатора id=”idname”. Назначение теги span идентификатор. Практика  Применение на практики основных оформлений веб­страницы: отступ margin. классы (class). классы к двум объектам, идентификаторы (id), объявление идентификатора id=”idname”, теги span идентификатор Тема № 4. CSS позиционирования Теория  CSS   позиционирование   управляет   местоположением   элементов   на странице. Изменять положение элементов на странице можно с помощью css­ свойств position и float. Практика Позиционирование блоков Плавающие блоки(свойство float) Редактирование перекрывающихся элементов с помощью layers Тема № 5. Слои Теория Слои в CSS  очень похожи на слои графических редакторов. Фон ­  основной код Web­страницы. Вынос на отдельный слой какого­либо элемента.   Использование CSS­свойство z­index, Порядковый номер слоя. Комбинации со  20 свойством visibility ­ раскрывающиеся меню, Изменение значений  свойства visibility для разных слоев. Подменю на отдельных слоях.  Практика Работа со слоями в CSS: фон, раскрывающееся меню, подменю. Тема № 6. Творческая работа. Дизайн Web­страницы Теория  Список   областей   знаний,   по   которому   выбирается   тема   творческой   работы. Примеры – образцы web страниц Практика Самостоятельная работа над сайтом по заданному алгоритму Тема № 7. Зачетные занятия Теория  Список вопросов к зачету по курсу Практика Выполнение зачетных практических заданий по основным разделам курса ОЖИДАЕМЫЕ РЕЗУЛЬТАТЫ ВТОРОГО ГОДА ОБУЧЕНИЯ Обучающиеся  должны знать:   правила ТБ при организации рабочего места  основные принципы кодирования РНР  способы установки РНР  разнообразие создаваемых скриптов должны уметь:  самостоятельно создавать дизайн­проект тематического сайта;  использовать технологии разработки Web­страницы   воспринимать и оценивать звуковую и видео ­информацию   применять на практике PHP ­ язык сценариев общего назначения   использовать технологии передачи переменных в URL, переменных формы  создавать свои собственные Функции и сессии.  производить основные операции с элементами Web­страницы;  работать с основными программами­приложениями;  3 год обучения Тема № 1. Техника безопасности. Организация рабочего места Теория:Правила техники безопасности в компьютерном классе.   Правила внутреннего распорядка.  Санитарно­гигиенические нормативы при работе за ПК Эргономика и организация  труда. Требования безопасности труда. 21 Краткие сведения о вычислительной технике Практика:Организация рабочего места  Санитарно­гигиенические нормативы для работников офиса. Правила техники безопасности при работе в компьютерном классе.  Правила внутреннего распорядка. Причины производственного травматизма и меры его предупреждения. Ознакомление с оборудованием в кабинете и видами работ Тема № 2. . Что такое PHP  Теория PHP — скриптовый язык общего назначения, интенсивно применяемый для разработки веб­приложений.  Практика  Написание на PHP движков для сайтов, тем , плагинов, различных форм связи (комментарии, почтовые программы) Создание простенького PHP­ скрипт.  Тема № 3 Передача переменных в URL Теория. Передача переменных с одной страницы в другую при работе с PHP. Практика. Вызов заданной PHP­ страницы по её URL.  Тема № 4. Передача переменных формы. Функции и сессии Теория Методы: GET передаётся вместе с URL страницы приёмника.  Цепляется к ней сразу после имени в виде перечислений ? ­ означает начало передачи   данных   &   ­   разделяет   перечисления   =   ­   приравнивает   к   имени переменной значение.  Практика  PHP   передача   множества   переменных   через   сессию,   PHP   передача через форму нескольких значений одного параметра POST, PHP  Шифрование переменных в URL, Текущий url. Тема № 5. Установка PHP  Теория Возможности   PHP:   создание   скриптов   для   выполнения   на   стороне   сервера; просмотр результатов выполнения PHP­скриптов в браузере; создание скриптов, способных   запускаться   вне   зависимости   от   вебсервера   и   браузера,     для выполнения в командной строке.  Практика   Использование скриптов  в задачах простой обработки текстов.  Создание приложений GUI, выполняющихся на стороне клиента.  Создание кросс­платформенных приложений. ОЖИДАЕМЫЕ РЕЗУЛЬТАТЫ ТРЕТЬЕГО ГОДА ОБУЧЕНИЯ инструкции по ТБ при работе с электронной техникой; основные средства CSS­позиционирования Обучающиеся  должны знать:  • • Требования к дизайну Web­страницы должны уметь: 22 • • • • • самостоятельно создавать дизайн­проект тематического сайта; использовать технологии разработки Web­страницы  воспринимать и оценивать звуковую и видео ­информацию  производить основные операции с элементами Web­страницы;  работать с основными программами­приложениями; 4.  МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ОБРАЗОВАТЕЛЬНОЙ ПРОГРАММЫ № п\п Тема  программы Формы  занятий Приемы и методы организации учебно­ ­воспитательного  процесса  Дидактичес кий материал Техническое оснащение  занятия Формы  подведени я итогов 23 № п\п Тема  программы Формы  занятий Приемы и методы организации учебно­ ­воспитательного  процесса  Дидактичес кий материал Техническое оснащение  занятия Формы  подведени я итогов 1 год обучения 1 2 3 4 5 6 7 Техника  безопасности. Организация  рабочего  места ПК ­  универсальна я машина Секреты  сайтостроени я Разработка  сайта на  языке HTML Творческая  работа «Мой  первый сайт» Скорость  создания web­ страницы беседа,  практич еские  занятия беседа,   практич .  занятия беседа,  объясне ние практ.  занятие беседа­ объясне ние,  практич еские  занятия беседа­ объясне ние,  практич еское  занятие беседа­, практич еские  занятия информационно ­ иллюстративны е,  репродуктивны е,  продуктивные репродуктивны е,  продуктивные,  проблемный информационно ­ иллюстративны е,  репродуктивны е,  продуктивные спец.  литература,  карточки­ задания, карточки­ задания,  схемы,  рисунки спец.  литература,   рисунки мультимедий ный   проектор тест ПК,  мультимедий ный   проектор ПК,  мультимедий ный   проектор практическ ая работа,  тест репродуктивны е,  продуктивные,  проблемный спец.  литература,  схемы,  рисунки  ПК,  мультимедий ный   проектор практическ ая работа,  соревнован ие продуктивные,  проблемный,  исследовательс кий репродуктивны е,  продуктивные,  проблемный,  практический схемы,  опорные  конспекты,  дидактическ ие карточки ПК,  мультимедий ный   проектор схемы,  опорные  конспекты ПК практическ ая работа практическ ая работа Зачетные  занятия беседа,  практ.  занятие информационно­ иллюстративные,  репродуктивные, спец.  литература,  схемы,  Тест ПК,   мультимедий ный   проектор 2 год обучения 1. Техника  безопасности. беседа,  практич информационно ­ спец.  литература,  мультимедий ный   тест 24 № п\п Тема  программы Формы  занятий Приемы и методы организации учебно­ ­воспитательного  Дидактичес кий материал Техническое оснащение  занятия Формы  подведени я итогов Организация  рабочего  места 2. Квест «Что  такое CSS» Классы и  идентификато ры для  определения  свойств  выбранных  элементов. CSS  позициониров ания 3. 4. 5. Слои 6. Творческая  работа.  Дизайн Web­ страницы 7. Зачетные  занятия еские  занятия беседа,   практич .  занятия беседа,  объясне ние практ.  занятие беседа­ объясне ние,  практич еские  занятия беседа­ объясне ние,  практич еское  занятие беседа­, практич еские  занятия беседа­ объясне ние,  практич еские  занятия процесса  иллюстративны е,  репродуктивны е,  продуктивные репродуктивны е,  продуктивные,  проблемный информационно ­ иллюстративны е,  репродуктивны е,  продуктивные карточки­ задания, карточки­ задания,  схемы,  рисунки спец.  литература,   рисунки проектор ПК,  мультимедий ный   проектор ПК,  мультимедий ный   проектор практическ ая работа,  тест репродуктивны е,  продуктивные,  проблемный спец.  литература,  схемы,  рисунки  ПК,  мультимедий ный   проектор практическ ая работа,  выставка  продуктивные,  проблемный,  исследовательс кий репродуктивны е,  продуктивные,  проблемный,  практический информационно ­ иллюстративны е,  репродуктивны е, практические схемы,  опорные  конспекты,  дидактическ ие карточки ПК,  мультимедий ный   проектор схемы,  опорные  конспекты пк схемы,  опорные  конспекты,  дидактическ ие карточки ПК,  мультимедий ный   проектор 3 год обучения практическ ая работа практическ ая работа практическ ая работа,  1.  Техника  безопасности. Организация  рабочего  беседа,  практич еские  занятия информационно ­ иллюстративны е,  спец.  литература,  карточки­ задания, тест мультимедий ный   проектор 25 № п\п Тема  программы Формы  занятий Приемы и методы организации учебно­ ­воспитательного  Дидактичес кий материал Техническое оснащение  занятия Формы  подведени я итогов процесса  репродуктивны е,  продуктивные репродуктивны е,  продуктивные,  проблемный информационно ­ иллюстративны е,  репродуктивны е,  продуктивные карточки­ задания,  схемы,  рисунки спец.  литература,   рисунки ПК,  мультимедий ный   проектор ПК,  мультимедий ный   проектор практическ ая работа,  тест репродуктивны е,  продуктивные,  проблемный спец.  литература,  схемы,  рисунки  ПК,  мультимедий ный   проектор практическ ая работа,  выставка  репродуктивны е,  продуктивные,  проблемный спец.  литература,  схемы,  рисунки  ПК,  мультимедий ный   проектор практическ ая работа,  выставка  2. 3. 4. 5.  места Что такое  PHP Передача переменных   в URL Передача  переменных  формы  Функции и  сессии. Установка  PHP  Возможности  PHP Создание  кросс­ платформенн ых  приложений. беседа,   практич .  занятия беседа,  объясне ние практ.  занятие беседа­ объясне ние,  практич еские  занятия беседа­ объясне ние,  практич еские  занятия 26 Муниципальное бюджетное образовательное учреждение дополнительного образования  «Центр развития детей и юношества на основе инновационных технологий»  (МБУ ДО «ЦИТ») СОГЛАСОВАНО на заседании Методического совета протокол № ____ от «____»______2015г. __________________ О.С. Ковалева                    председатель УТВЕРЖДАЮ Директор МБУ ДО «ЦИТ» _____________________ Л.А. Минц «______»____________ 2015 г. Календарно­тематический план занятий детского объединения группы № 120 кружка «ВебКа» на 2015­2016 учебный год Автор­составитель: Примаченко  Татьяна Андреевна, педагог дополнительного образования высшей категории 27 Батайск 2015­2016 уч. год Электронный адрес док.: ЦИТ/Образоват. программы/образ. прогр. 3 года/к­т план. Электронный адрес док.: ЦИТ/Образоват. программы/образ. прогр. 3 года/к­т план. Кол­во часов Тема занятия теория 1 1 1 1 1 1 1 2 2 2 2 1 1 1 1 1 2 1 2 1 практик а 1 1 1 1 1 1 2 1 2 2 1 2 1 2 1 2 1 2 2 1 2 2 1 2 2 2 1 2 Дата 3.09 4.09 10.09 11.09 17.09 18.09 24.09 25.09 1.10 2.10 8.10 9.10 15.10 16.10 22.10 23.10 29.10 30.10 5.11 6.11 12.11 13.11 19.11 20.11 26.11 27.11 3.12 4.12 10.12 11.12 17.12 18.12 24.12 25.12 28 1 год обучения № занятия 1­2 3­4 5­6 7­8 9­10 11­12 13­14 15­16 17­18 19­20 21­22 23­24 25­26 27­28 Цели и задачи кружка «ВебКа» Организация рабочего места ученика Эргономика и организация  труда. Требования безопасности труда. Краткие сведения о вычислительной технике Основы алгоритмизации и программирования Информационное пространство. Условно­пространственное изображение ПК ­ универсальная машина ПК ­ универсальная машина Архитектура ПК Секреты сайтостроения. Введение Основы языка НТМL Основные шаги: создания каркаса сайта ­ загрузка его на реальный сервер в Интернете  Типы сайтов— сайт­визитка Типы сайтов – бизнес ­сайт Типы сайтов – простой  сайт Типы сайтов – сайт ­портал Типы сайтов ­ форум Типы сайтов ­ блог. Знакомство с Видеокурсом по созданию сайтов HTML — язык разметки гипертекста. Разработка сайта на языке HTML Гиперссылка Гипертекст — информационная структура HTML­документ 29­30 31­32 33­34 35­36 37­38 39­40 41­42 43­44 45­46 47­48 49­50 51­52 53­54 Web­документ 55­56 Web­страница 57­58 Web­узел или Web­сайт 59­60 61­62 63­64 65­66 67­68 URL­адрес Элемент — конструкция языка HTML контейнер Теги Атрибут № занятия 69­70 71­72 73­74 75­76 77­78 79­80 81­82 83­84 85­86 87­88 89­90 91­92 93­94 95­96 Основная группа тегов – скелет web­страницы Творческая работа «Мой первый сайт» Как выбрать тему сайта Создание собственного тематического сайта.  URL­адрес  Создание собственного тематического сайта Главная страница  Создание собственного тематического сайта Список страниц. Создание собственного тематического сайта Навигация  Создание собственного тематического сайта Обратная связь  Создание собственного тематического сайта Гаджиты  Создание собственного тематического сайта  Дизайн Создание собственного тематического сайта Администрирование Создание собственного тематического сайта Обновление Создание собственного тематического сайта.  Виджиты  Создание собственного тематического сайта.  Загрузка графических изображений Создание собственного тематического сайта.  Загрузка презентаций Загрузка видео Загрузка музыки Фотогалерея Динамические примитивы 97­98 99­100 Создание собственного тематического сайта.  101­102 Создание собственного тематического сайта.  103­104 Создание собственного тематического сайта.  105­106 Создание собственного тематического сайта.  107­108 Создание собственного тематического сайта.  109­110 Создание собственного тематического сайта.  111­112 Создание собственного тематического сайта.  113­114 Создание собственного тематического сайта.  115­116 Создание собственного тематического сайта.  117­118 Создание собственного тематического сайта.  119­120 Создание собственного тематического сайта.  121­122 Создание собственного тематического сайта.  123­124 Создание собственного тематического сайта.  125­126 Создание собственного тематического сайта.  127­128 Создание собственного тематического сайта.  129­130 Создание собственного тематического сайта.  Редактирование Тема занятия теория Кол­во часов 1 1 2 1 2 1 1 практик Дата а 2 2 2 1 2 2 1 2 2 1 2 2 2 1 2 2 1 2 2 2 2 2 2 2 2 2 2 2 2 7.01 8.01 14.01 15.01 21.01 22.01 28.01 29.01 4.02 5.02 11.02 12.02 18.02 19.02 25.02 26.02 3.03 4.03 10.03 11.03 17.03 18.03 24.03 25.03 31.03 1.04 7.04 8.04 14.04 15.04 21.04 29 № Тема занятия занятия 131­132 Скорость создания web­страницы Поиск и копирование HTML кода  133­134 Практикум по отработке навыков быстрого ввода 135­136 Практикум по отработке навыков быстрого ввода основных тегов 137­138 основных тегов Зачетные занятия Контрольные вопросы проверки знаний. 139­140 Контрольное тестирование он­лайн 141­142 Выполнение контрольных заданий с последующей 143­144 Участие в конкурсе сайтов    «ИТО – 2016». самопроверкой 1 Кол­во часов теория 1 практик Дата а 1 2 2 2 2 2 1 22.04 28.04 5.05 12.05 13.05 19.05 20.05 30