Web-технологии. Основы сайтостроения методическая разработка по информатике и икт (9 класс) на тему

Web-технологии. Основы сайтостроения методическая разработка по информатике и икт (9 класс) на тему

Направление программы ДО: интеллектуально-познавательное.

Классы, в которых планируется преподавание: программа ДО разработана для учащихся 10 – 11 классов, изучавших базовый курс информатики в 8 – 9 классах.

Возраст обучающихся: 15—17 лет.

Количество часов: 72 часа (2 занятия в неделю).

Контактный телефон: рабочий 8 – 475 – 33 – 5 – 32 – 21.

Бурное развитие сети Интернет предъявляет все большие требования к знанию учащихся в области Интернет-технологий. Одной из составляющих данной области являются Web-дизайн и технологии создания сайтов. Реалии сегодняшнего дня таковы, что любой желающий может создать свой собственный Web-сайт и разместить его, абсолютно бесплатно, в сети Интернет. К сожалению, эта возможность не всегда способствует появлению в Российском сегменте сети качественно разработанных и информационно насыщенных web-ресурсов. Зачастую приходится видеть сайты, построенные по шаблонам, с запутанной навигацией и режущей глаза расцветкой. Налицо низкая подготовка начинающих создателей сайтов, возраст которых с каждым годом снижается. Данная программа рассчитана на углубление знаний учащихся в области Web-дизайна и сайтостроения и как следствие в области Интернет-технологий. Выбор именно этого направления обусловлен его востребованностью на данном этапе развития информационных технологий и призван способствовать профессиональному образованию и самоопределению школьников.

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

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

Современные веб-стандарты позволяют разделить структуру документа, его оформление и «поведение». За структуру отвечает язык разметки гипертекста – HTML, внешний вид описывается на языке CSS (каскадные таблицы стилей), «оживить» же страницу позволяет язык JavaScript. Изучая разработку веб-сайтов, мы должны сразу опираться на эти «три кита»: разметку структуры, описание внешнего вида и программирование поведения, а также четко различать назначение языков HTML, CSS и JavaScript.

Данная программа построена в соответствии с этим принципом. После получения общих сведений о структуре web-сайтов и знакомства со способами их создания учащиеся приступают к изучению языка HTML. Знание языка разметки страниц является необходимым для начинающего web-мастера, потому что дает возможность увидеть web-страницу «изнутри», понять, что она собой представляет.

Использование на странице каскадных таблиц стилей (CSS) позволяет существенно сократить время работы по оформлению сайта, а также сделать создаваемый web-ресурс более удобным при использовании и обновлении.

Научившись создавать web-страницы, учащиеся должны научиться управлять этими страницами. На данном этапе большее внимание уделено изучению программирования как такового, а также возможностей JavaScript в написании сценариев. Рассматриваются принципы создания сценариев. Учащиеся осваивают, как с помощью языка программирования JavaScript можно изменять значения атрибутов HTML-контейнеров, обрабатывать события.

Неотъемлемой частью современных технологий сайтостроения является использование WYSIWYG-редакторов. Поэтому следующим этапом программы является знакомство учащихся со способами создания web-сайтов при помощи широко распространенного редактора Microsoft FrontPage .

Последний раздел программы посвящен теме р азмещения и поддержки сайта в сети Интернет, поскольку без этих знаний полученные навыки в области сайтостроения и web-дизайна не будут иметь практического выхода.

Логическим завершением курса является объединение полученных знаний – творческая работа. На данном этапе учащиеся реализуют свой проект сайта, где каждый может проявить свои склонности и таланты. Темы проектов может предложить как педагог, так и воспитанники кружка самостоятельно могут выбрать интересующее их направление и тему.

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

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

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

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

  • изучить язык разметки страниц HTML, полученить представления о структуре web-узла;
  • освоить технологии создания сайтов с использованием WYSIWYG-редакторов (Front Page);
  • изучить язык программирования JavaScript;
  • научить создавать творческие проекты;
  • формировать творческий подход к поставленной задаче;
  • формировать представления о том, что большинство задач имеют несколько решений;
  • формировать целостную картину мира;
  • ориентировать на совместный труд
  • развивать логическое, абстрактное и образное мышления;
  • развивать творческие способности;
  • развивать деловые качества, такие как самостоятельность, ответственность, активность, аккуратность.

Программа «Web-технологии. Основы сайтостроения»» отличается от других программ тем, что она направлена в основном на практическую деятельность работы на компьютере, обчающихся 15-17 лет. Предмет информатика в школе изучается учащимися с 8 по 11 класс на базовом уровне , но количество часов для качественного приобретения навыков составления Web-сайтов мало. В современном мире умение представить себя и свой сайт очень важно, поэтому программа отражает потребности учащихся и школы.

Данная программа рассчитана на 1 год обучения для школьников15-17 лет. Занятия проводятся 1 раз в неделю по 2 часа. Всего 72 часа.

Формы организации учебных занятий

При изложении материала курса используются теоретические и практические занятия. Основной единицей курса является блок занятий, охватывающий определенную тему. Каждый блок начинается с лекции, на которой учитель объясняет основные понятия рассматриваемой темы и особенности использования той или иной программной среды. Практические упражнения разработаны таким образом, чтобы обучающиеся смогли их продолжить дальше или создать свои собственные примеры. Основная цель практических упражнений — развить творческое мышление обучающегося, ведь без творчества даже такой интересный предмет, как web-дизайн, может стать довольно скучным занятием.

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

Преимущество практических работ заключается в том, что обучающиеся самостоятельно работают на компьютере, выполняя определенные задания. Они учатся выявлять главное и конспектировать необходимые сведения, что помогает заложить фундамент для дальнейшей самостоятельной работы. Скорость выполнения работы зависит от индивидуальных качеств обучающегося и уровня его подготовленности. Эти работы можно использовать на занятиях после уроков с обучающимися, пропустившими данный материал по каким-либо причинам.

Для успешного проведения занятий необходимо создать локальный сайт, на котором находились бы все материалы курса: конспекты лекций, визуальные материалы для занятий, список рекомендуемой литературы, адреса интересных web-сайтов, практические задания и работы учащихся. Все эти материалы должны быть доступны для просмотра, скачивания на свой компьютер и дальнейшей работы с ними. Это позволит каждому обучающемуся выстроить индивидуальную образовательную траекторию.

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

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

Перечень знаний, умений и навыков учащихся, которые должны быть

достигнуты после прохождения курса

обучающиеся должны знать:

  • структуру web-узла;
  • этапы проектирования web-сайта;
  • основные этапы тестирования web-сайта;
  • правила создания хорошего web-сайта;
  • набор необходимых инструментов для создания web-страниц;
  • различия растрового и векторного способов представления графической информации;
  • основные средства для работы с графической информацией;
  • проблемы преобразования и оптимизации графических файлов;
  • приемы работы с Flash-редактором;
  • основные конструкции языка HTML;
  • технологию CSS (каскадных таблиц стилей);
  • основные конструкции языка программирования JavaScript,
  • принципы работы с web-редакторами;
  • основные средства редактирования web-страниц;
  • правила размещения web-сайта в Интернете.

Результатом обучения по программе «Web-технологии. Основы сайтостроения» является защита проекта Web-сайта, посвященного выбранной тематике. Достаточно, чтобы Web-сайта состоял из 5-7 страниц.

📎📎📎📎📎📎📎📎📎📎