Автор:
Дутов О.В., методист ТОГБОУ ДО «Центр развития творчества детей и юношества»
На рубеже ХХI века в мире произошли существенные изменения, связанные с глобализацией социальных отношений и формированием нового типа общественного устройства – информационного общества, которые диктуют необходимость поиска новых подходов к теории и практике формирования компетентности в сфере использования информационных и коммуникационных технологий (ИКТ) во всех областях человеческой деятельности, в том числе и в сфере образования.
Инновационное развитие образования, провозглашенное Президентской инициативой «Наша новая школа», предусматривает, что одной из основных задач в этом направлении является повышение качества образования на основе использования информационно-коммуникационных технологий. Информатизация декларируется в настоящее время как одно из приоритетных направлений государственной политики в сфере образования. Информационно-коммуникационные технологии призваны сыграть уникальную роль в повышении качества образования, так как современный уровень их развития значительно расширяет возможности доступа к образовательной и профессиональной информации для педагогов и учащихся, улучшает управление образовательной организацией, повышает эффективность образовательной системы в целом, упрощает интеграцию национальной системы образования в мировую.
В тоже время необходимо констатировать тот факт, что в рамках общего образования невозможно охватить весь круг вопросов, связанных с использованием ИКТ в различных сферах деятельности человека, изучить постоянно обновляющееся программное обеспечение и инновационные технологии. Темпы развития информатизации общества обгоняют учебные планы и школьную программу. Выправить сложившееся положение способны дополнительные общеразвивающие программы, нацеленные на развитие информационных компетенций учащихся. Они позволяют удовлетворить естественный интерес детей к применению информационных технологий и способствуют лучшему усвоению материала школьных предметов.
Таким образом, проблема разработки дополнительной общеразвивающей программы, в которой всесторонне рассматриваются возможности использования информационных технологий, наиболее востребованные на современном рынке труда: от создания простейших графических файлов до разработки персонального Интернет-ресурса, является весьма актуальной задачей, решение которой в полной мере возможно в системе дополнительного образования детей. В этой связи была разработана программа «Основы сайтостроения и веб-дизайна», в которой возможности ИКТ используются для организации образовательного процесса, направленного на решение задач развития общей культуры личности, формирования информационной компетенции, адаптации личности к жизни в современном информационном обществе, осознанного выбора учащимися будущей профессии, связанной с информационными и наукоемкими технологиями.
Новизна программы заключается в комплексном и всестороннем рассмотрении различных аспектов создания Интернет-ресурса, от подготовки графических элементов и создания шаблонов до размещения уже готовых веб-страниц в сети Интернет, их оптимизации и SEO-продвижения в поисковых системах.
Программа имеет техническую направленность и предусматривает знакомство обучающихся со спецификой различных технологий разработки сайтов: гипертекстовым языком разметки HTML, каскадными таблицами стилей, скриптовыми языками, создание сайтов с использованием систем управления контентом. Рассматриваются и вопросы, вызывающие наибольший интерес у детей: компьютерная графика, макетирование и верстка сайтов, создание динамических элементов сайта.
Отличительной чертой от других программ сходной тематики является знакомство учащихся с основами поисковой оптимизации Интернет-ресурсов, которые в настоящее время являются одной из наиболее динамично развивающихся отраслей ИКТ-технологий и определяют последующее развитие любого веб-ресурса.
Педагогическая целесообразность программы заключается в том, что она позволяет реализовать связь с общим образованием, выраженную в более эффективном и успешном освоении учащимися общеобразовательных программ благодаря развитию у детей информационной культуры и широкого круга компетенций применения ИКТ в различных сферах деятельности.
Целью программы является формирование у учащихся целостного представления о глобальном информационном пространстве и принципах получения информации, формирование конструкторских и исследовательских навыков активного творчества с использованием современных информационно-коммуникационных технологий, а также формирование способов деятельности для решения практически важных задач по созданию собственных веб-ресурсов.
Образовательные задачи:
сформировать единую систему понятий, связанных с получением, обработкой, созданием, интерпретацией и хранением информации;
систематизировать подходы к изучению информационно-коммуникационных технологий; показать основные приемы эффективного использования информационных ресурсов Интернет;
обеспечить изучение основ языка разметки гипертекста HTML, скриптовых языков php, JavaScript и правил дизайна веб-страниц с использованием данных языков программирования;
познакомить учащихся с наиболее распространенными программами создания и просмотра веб-страниц, их возможностями и особенностями;
сформировать основные навыки проектирования, конструирования и отладки создаваемых веб-сайтов;
познакомить с различными способами создания графической информации, особенностями использования графических элементов при построении веб-сайтов;
сформировать первоначальные навыки SEO-продвижения и поисковой оптимизации веб-сайтов.
Воспитательные задачи:
сформировать культуру работы в сети Интернет (общение, поиск нужной информации, соблюдение авторских прав);
сформировать культуру коллективной проектной деятельности при реализации общих информационных проектов.
Развивающие задачи:
развивать познавательный интерес и познавательные способности на основе включенности в познавательную деятельность, связанную с работой в сети Интернет и анализе возможностей сети, разработке своей собственной веб-страницы;
развивать профессиональные навыки работы (веб-мастер, веб-дизайнер), развивать представления учащихся о возможностях информационных технологий;
развивать творческие способности детей в процессе проектно-исследовательской деятельности.
Методы и формы обучения по программе определяются требованиями федерального государственного образовательного стандарта нового поколения, учетом возрастных и индивидуальных способностей учащихся.
Основные приоритеты методики преподавания по данной программе:
- междисциплинарная интеграция, содействующая становлению целостного мировоззрения;
- интерактивность;
- личностно-деятельностный подход в обучении;
- вариативное образование, предполагающее построение индивидуальных траекторий обучения и вариативное изменение образовательных моделей, что делает образовательный процесс более гибким и способным удовлетворять разнообразные образовательные потребности личности;
- субъект-субъектное педагогическое взаимодействие учащихся и педагогов по достижению совместных целей.
Организационные условия реализации программы
Программа рассчитана на реализацию в течение одного учебного года (144 учебных часа) и предназначена для учащихся в возрасте 12-17 лет. Основное требование к предварительному уровню подготовки учащихся – освоение начального курса по информатике и владение основными офисными приложениями, умение работать с различными браузерами.
Режим занятий: 2 раза в неделю по 2 часа.
Рекомендуемая численность групп 8-10 человек.
Образовательной процесс по данной программе может строиться как в традиционной очной форме, так и с использованием дистанционных технологий обучения с помощью Интернет-ресурсов дистанционного обучения, блогов, сообществ, рассылки обучающих материалов по электронной почте. Программа предусматривает предоставление учащимся возможности очной защиты подготовленных заочно проектов во время проведения региональных конкурсов информационных и компьютерных технологий, с последующим комплексным анализом достигнутых результатов.
Механизм реализации программы
Основные технологии, формы и методы обучения
Образовательный процесс строится по двум основным видам деятельности:
обучение детей теоретическим знаниям (вербальная информация, излагаемая педагогом на основе современных педагогических технологий);
самостоятельная и практическая работа учащихся (изучение основ веб-программирования, выполнение практических заданий, создание Интернет-страниц и сайтов, подготовка графических элементов сайта и т.д.).
В программе реализуются теоретические и практические блоки, что позволяет наиболее полно охватить и реализовать потребности учащихся, сформировать практические навыки в области сайтостроения и веб-дизайна. В ходе выполнения самостоятельных работ учащиеся приобретают навыки работы с различными программами обработки графики, знакомятся с технологиями создания веб-сайтов, на основе чего происходит выбор оптимальных средств для представления информации в сети Интернет. Таким образом, данная программа позволяет развить у учащихся творческий склад мышления, способности к самостоятельному поиску, решению поставленных проблем, и создать условия для творческого самовыражения личности, что в полной мере соответствует тем требованиям, которые обозначены во ФГОС нового поколения.
Программа имеет разноуровневый характер и рассчитана на учащихся с разным уровнем подготовки. Учебный материал распределен по принципу последовательного расширения и углубления теоретических знаний, приобретения практических умений и навыков.
Программа «Основы сайтостроения и веб-дизайна» построена таким образом, что на первых занятиях учащимся даются общие сведения об Интернете, о том как работает сеть, как работает электронная почта. Даются представления о мультимедийной информации в Интернете, динамических изображениях, браузерах и других программах для работы в Интернете. Параллельно учащиеся получают задания по основным видам работы в Интернете: работа с поисковыми системами, создание электронной почты, FTP – загрузка файлов и т.п. Первый раздел включен в программу для того, чтобы повысить уровень умений работы в сети Интернет у воспитанников объединения, систематизировать знания в этой области, сформировать необходимые навыки по грамотному поиску нужной информации, обучить приемам формализации запросов к поисковым системам.
Затем образовательный процесс объединения направлен на освоение инструментального программного обеспечения, используемого при создании веб-страниц, при этом даются теоретические сведения о языке HTML и осваивается его практическое применение. Обучение происходит на базе создания нескольких простейших веб-страниц с помощью языка HTML (первоначально без загрузки в Интернет). Изучается использование визуальных программ для создания сайтов и другого программного обеспечения по веб-дизайну. В дальнейшем учащиеся знакомятся с основными графическими редакторами, изучают их возможности для создания графических элементов, которые будут необходимы для создания сайтов с использованием систем управления контентом и размещения на хостинге. Учащиеся подготавливают макет сайта, тематика которого выбирается ими с учетом личных интересов и возможностей. Отводится время и для работы с графикой, вставке подготовленных графических изображений, фоновой графике. Это необходимый минимум, без которого веб-сайт будет выглядеть малопривлекательно.
В заключительных разделах программы рассматриваются этапы создания динамических сайтов с использованием наиболее распространенных CMS, даются понятия об администрировании сайта, возможностях использования плагинов и модулей, разработанных на основе языков php и JavaScript для расширения функциональных возможностей сайта. Результатом работы должно стать проектирование и создание реальных продуктов – своих собственных сайтов, размещение их в сети Интернет, что приближает учащихся к специфике труда веб-дизайнеров.
В заключительном разделе учащиеся знакомятся с технологиями SEO-продвижения и поисковой оптимизации сайтов, которые представляют собой процесс работы над сайтом, его внутренними и внешними факторами, влияющими на ранжирование в поисковых системах, с целью увеличения релевантности ресурса по ключевым словам и как следствие увеличения позиций в поисковых системах для привлечения большего количества посетителей на сайт. Таким образом, изучение технологий поисковой оптимизации Интернет-ресурсов помогает учащимся сделать свой собственный сайт уникальным и востребованным посетителями, получить обратную связь от широкой аудитории пользователей.
Предполагаемые результаты обучения
Программа направлена на достижение учащимися следующих личностных результатов:
- критическое отношение к информации и избирательность ее восприятия;
- уважение к информации о частной жизни и информационным результатам других людей;
- начало профессионального самоопределения, ознакомление с миром профессий, связанных с информационными и коммуникационными технологиями;
- освоение способов решения проблем творческого характера в жизненных ситуациях;
- оценивание разработанного творческого продукта и соотнесение его с изначальным замыслом, выполнение коррекции.
Метапредметные результаты:
- поиск информации в информационных архивах, информационной среде образовательной организации, в глобальных поисковых системах;
- использование средств информационных и коммуникационных технологий для решения коммуникативных, познавательных и творческих задач;
- планирование последовательности шагов алгоритма для создания сайта;
- анализ объектов (веб-сайтов) с целью выделения факторов, влияющих на ранжирование в поисковых системах;
- установление причинно-следственных связей;
- аргументирование своей точки зрения на выбор оснований и критериев при выделении признаков, сравнении и классификации объектов;
- признание возможности существования различных вариантов выполнения сходных операций и права каждого выбирать свой вариант реализации первоначального замысла.
Предметные результаты:
по итогам освоения программы учащиеся должны знать:
- основные принципы построения глобальной сети Интернет;
- службы и сервисы Web 2.0, имеющиеся в сети Интернет;
- виды протоколов передачи и обмена информации;
- назначение программ-браузеров;
- принципы работы с электронной почтой;
- программы, необходимые для создания веб-страницы;
- основные принципы использования языка HTML;
- принципы работы с WYSIWYG-редакторами;
- основные средства редактирования Web-страниц;
- технологию CSS (каскадных таблиц стилей);
- основы использования скриптовых языков программирования;
- этапы проектирования Web-сайта;
- возможности использования различных CMS для создания сайтов;
- технологию размещения сайтов в сети Интернет;
- основные принципы оптимизации и SEO-продвижения сайтов в поисковых системах;
уметь:
- запускать и пользоваться основными браузерами и почтовыми программами;
- грамотно выполнять поиск информации в Интернете;
- пользоваться электронной почтой: корректно создавать и отправлять письма, получать сообщения;
- применять графический редактор для создания и редактирования графических изображений;
- готовить текст и иллюстрационный материал для сайта, размещать таблицы, графику, гиперссылки на HTML-странице;
- оптимизировать графические изображения для веб-страниц;
- готовить, тестировать и размещать веб-сайт в Интернет;
- использовать каскадные таблицы стилей;
- создавать динамические сайты с использованием CMS;
- проводить мониторинг и анализ позиций сайта в поисковых системах и выявлять факторы, влияющие на его ранжирование.
Виды и формы контроля освоения программы
Стартовая диагностика. При приеме детей в объединение педагог проводит тестирование уровня развития мотивации ребенка к обучению, уровня знаний учащихся в сфере применения ИКТ и навыков использования программного обеспечения для веб-дизайна. Результаты тестирования фиксируются в специальных сводных таблицах.
Текущая диагностика предусматривает: он-лайн тестирование, опросы, на которых дети рассказывают, что каждый из них узнал нового, что больше всего заинтересовало на каждом занятии. Уровень освоения программы отслеживается также с помощью выполнения заданий по разработке различных элементов веб-сайтов. Задания подбираются в соответствии с возрастом учащихся.
Итоговая диагностика. В конце учебного года проводится итоговое занятие, где определяются и фиксируются в протоколе достижения каждого учащегося. Кроме того, формами подведения итогов реализации программы являются участие в конкурсах информационных и компьютерных технологий, конкурсах веб-сайтов.
Формы подведения итогов:
подготовка и размещение персонального сайта в сети Интернет.
Критериями выполнения программы служат:
знания, умения и навыки учащихся, позволяющие им комплексно использовать информационные технологии для получения необходимой информации и создания собственных Интернет-ресурсов, стабильный интерес к изучению информационно-коммуникационных технологий и их использования в различных сферах деятельности.
Материально-техническое обеспечение
Для успешной реализации содержания программы необходимо следующее материально-техническое обеспечение: компьютерный класс с подключением к сети Интернет, оргтехника (сканер, принтер), программное обеспечение для создания веб-сайтов и графических элементов веб-страниц:
- браузеры (Internet Explorer, Mozilla FireFox, Opera, Google Chrome);
- FTP-клиенты (FileZilla, FTPRush, WinSCP, Cyberduck, Сuteftp);
- редакторы исходного кода (AkelPad, Eclipse, Notepad++);
- WYSIWYG-редакторы HTML-кода (Adobe (Macromedia) Dreamweaver, Microsoft FrontPage, Mozilla Composer);
- графические редакторы (Paint.net, Adobe Photoshop, GIMP, CorelDraw);
- программы для создания анимации Macromedia FLASH, Gif Construction Set, Microsoft GIF Animator, Ulead GIFAnimator;
- Denwer (Денвер) – набор дистрибутивов (Apache, PHP, MySQL, Perl, phpMyAdmin);
- CMS Joomla, Wordpress.
Для успешного проведения занятий необходимо создать учебный сайт, на котором должны находиться все материалы курса: теоретический материал в виде статей, инструкций, памяток и т.п., визуальные материалы для занятий, практические задания и работы учащихся. Все эти материалы должны быть доступны для просмотра и скачивания зарегистрированным на сайте учащимся. Все это позволит каждому учащемуся выстроить индивидуальную образовательную траекторию.
Программа ориентирована на современный уровень развития техники и на современное программное обеспечение.
Кадровое обеспечение программы: педагоги, организующие образовательный процесс по данной программе должны иметь высшее образование по специальности «Информатика» или пройти подготовку на курсах повышения квалификации по применению информационно-коммуникационных технологий. Важным условием, необходимым для реализации программы является умение педагога осуществлять личностно-деятельностный подход к организации обучения, проектировать индивидуальную образовательную траекторию обучающегося, разрабатывать и эффективно применять инновационные образовательные технологии.
