Образовательная программа "Мир Интернет"

Департамент образования мэрии города *******
Муниципальное образовательное учреждение
дополнительного образования детей ****************************

Утверждена решением
Педагогического совета
*****************
Председатель ПС
директор *************

Дополнительная общеобразовательная программа
-дополнительная общеразвивающая программа
«Мир Интернет. Основы программирования.»

для учащихся 11-13 лет
срок реализации 1 год
направленность: техническая

Автор-составитель:
Васильева Светлана Вячеславовна
педагог дополнительного образования
******************

г. Ярославль 2014 г.


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

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

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

Для создания таких web-сервисов необходимы программисты, специализи-рующиеся на web-разработках. Изучению основ web-программирования посвящена данная общеобразовательная программа-дополнительная общеразвивающая программа (далее – программа). В ней рассматриваются многие вопросы из теории программирования и её практического применения для создания собственных web-сайтов.

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

Данная образовательная программа относится к технической направленности и рассчитана на 1 год обучения.

Общий объем программы – 144 часа, из них:
- знакомство с сетью Internet и языком гипертекстовой разметки – HTML;
- создание собственных страниц и рабочих сайтов, используя HTML и CSS.

Режим проведения занятий - 2 раза в неделю по 2 часа.
Возраст обучающихся - 11-13 лет.
Наполняемость групп - 10-11 человек (по количеству персональных компьютеров).

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

Задачи:

  • научить учащихся правильно формулировать задачи и составлять алгоритмы их решения;
  • объяснить принципы работы всемирной сети Internet;
  • научить создавать свои web-странички с различным содержимым;
  • научить находить и исправлять ошибки в созданных проектах, т.н. «Отладка»;
  • создавать условия для практического применения ребенком полученных знаний, умений, навыков;
  • обеспечить условия для профессионального самоопределения, самореализации ребенка в объединении;
  • расширить кругозор, развить техническое мышление;
  • закрепить у учащихся полученные теоретические знания путем практиче-ской работы на компьютере;
  • развить у ребенка желание для дальнейшего познания компьютерной техники и совершенствования работы с ней.

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

Знания
Принципы работы сети Internet.
Понятие тэгов, разметки, гипертекста.
Объектная модель документа.
Новые концепции дизайна сайта (CSS).

Умения
Создание web-страниц с нуля.
Верстка страниц любой сложности в соответствии с условиями задания.

Навыки
Правильное оформление кода web-страниц.

Результаты деятельности по программе отслеживаются по:

  • наличию рабочей папки материалов как по теории, так и для выполнения практических работ;
  • электронной папки практических работ по теме теоретического мате-риала;
  • наличие готовых творческих авторских проетов;
  • участие в конкурсах, фронтальных опросов и зачётов по теории и практике.

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

Начальный уровень подготовки учащегося подразумевает знание аппаратного устройства компьютера, простейших принципов его работы, умение работать в ОС Windows на уровне пользователя, умение пользоваться каким-либо Internet-браузером.
Конечный уровень подготовки предполагает знание принципов построения web-страниц, умение размечать страницы в соответствии со своими потребностями; умение наполнять создаваемые страницы динамическим контентом.

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


блока

темы
Название блока/темы Всего
часов
Теория Прак-
тика
I Вводный блок. Инструктаж по технике безопасности, правилам дорожного движе-ния, поведения в ЧС. 2 2
II Понятие сети Internet. Введение в язык HTML. Вводное занятие «Как создать свой сайт» 2 2
III Разметка гипертекста. Язык HTML. 96 34 62
1 Структура web-документа. Мой первый сайт. 1 1
2 Заголовки. Практическая работа «Считалка – Я знаю 5…». 1 1
3 Атрибуты цвета тэга body. Практическая работа «Мои любимые стихи». 2 2
4 Работа с текстом. Различные типы параграфов. Типы начертания шрифта. Практическая работа - оформление «Мои любимые стихи» и «Считалка». 2 6
5 Работа с текстом. Расшифровка сокращений. Практическая работа «Расшифровать фразу» 1 1
6 Графика для сайта. Как сделать фон документа. Практическая работа «Фоны» 2 2
7 Форматирование и оформление документа с помощью линий. 1 1
8 Спецсимволы. Практическая работа «Решение квадратных уравнений». 2 4
9 Бегущая строка. Практическая работа «Новогодний сайт с рекламой». 2 4
10 Работа с изображениями. Форматы графических файлов. Адресация в HTML. Атрибуты тега <img>. Практическая работа «Проект сайта по анатомии человека». 4 8
11 Верхний и нижний индексы. Характеристики шрифта. Практическая работа «Математические и химические формулы». 2 6
12 Создание таблиц. Практическая работа табличные шаблоны дизайна Web – страниц. Практическая работа «Проект сайта по географии Европы». 4 8
13 Ссылки. Виды ссылок. Атрибуты ссылок. Якоря. Практические работы «Виды растений», «Связь Web – страниц в единый сайт». 4 8
14 Списки. Нумерованные списки. Маркированные списки. Вложенные списки. Списки определений. Практические работы «Рецепт десерта», «Признаки инсульта», «Список тем по HTML» 4 8
15 HTML5. Вставка звука и видео. Практическая работа «Звук – вставка описания своих проектов» 2 2
IV Новые концепции дизайна сайта. CSS или каскадные таблицы стилей. 42 20 22
1 Введение. Подключение CSS к HTML. Внутренние и внешние таблицы стилей. 2 2
2 Правила и селекторы. Селекторы по идентификатору. Селекторы по классу. Унифицированный селектор. 2 2
3 Псевдоэлементы и псевдоклассы. 2 2
4 Свойства - color (цвет) и background (фон). 2 2
5 Свойства – шрифты. 1 1
6 Свойства - текст. Text-decoration. Text-align. Text-indent. Text-transform. Интервалы. 2 4
7 Свойства блоков - margin, padding, border. 2 2
8 Позиционирование блоков. Абсолютное позиционирование. Относительное позиционирование. Фиксированные блоки. 3 3
9 Виды и свойства блоков. Отображение содержимого блоков в разных браузерах. 2 2
10 Слои. Практическая работа «Книжный магазин» 2 2
V Размещение. Что нужно сайту. 2
Итого часов 144 53 91

Краткое описание содержательных блоков

Вводный блок. Инструктаж по технике безопасности, правилам дорожного движения, поведения в ЧС.

Во втором блоке рассматривается сеть Internet на сегодняшний день, а также история ее создания и развития. Приводится обзор языка разметки гипертекста.

В третьем блоке рассматривается непосредственно язык HTML (HyperText Meta Language), его правила, тэги и их свойства. Этот блок посвящен созданию обучающимися рабочих web-страниц различных уровней сложности и назначения с использованием приобретенных знаний и умений. В конце все страницы собираются в готовые сайты.

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

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

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

  1. Типовое занятие (сочетающее в себе объяснение теоретического материала и выполнение практические упражнения).
  2. Лабораторное занятие для применения и закрепления полученных знаний и навыков.
  3. Самостоятельная, авторская работа учащихся.
Процесс обучения предусматривает следующие формы контроля:
  1. Вводный (проводится в начале работы).
  2. Текущий (проводимый в ходе учебного занятия и закрепляющий знания по данной теме).
  3. Промежуточный (по итогам работы полугодия).
  4. Итоговый (проводимый после прохождения курса в рамках программы).
Контроль может проводиться в следующих формах: собеседование, тестирование, групповое или идивидуальное практическое задание, зачёт, авторский творческий проект, участие в конкурсах.

Мониторинг образовательных результатов

Критерии Показатели Диагностические средства
Уровень
технических
умений
и
навыков
Постановка задачи
  1. не может поставить задачу
  2. постановка задачи вызывает трудности, допускает существенные неточности
  3. умеет поставить задачу с небольшими неточностями или упущениями
  4. умеет четко и правильно поставить задачу
Наблюдение Собеседование Опрос Тестирование Самостоятельная работа
Разработка алгоритма
  1. алгоритм решения не разрабатывает
  2. алгоритм решения не разрабатывает или разрабатывает с существенными пропусками в содержании
  3. может разработать примерный алгоритм решения поставленной задачи
  4. может самостоятельно разработать алгоритм решения поставленной задачи
Написание программы по алгоритму
  1. написание программы по существующему алгоритму вызывает существенные трудности, требуется помощь педагога
  2. может написать программу по существующему алгоритму, требуется помощь педагога
  3. по составленному алгоритму может написать программу с небольшими консультациями педагога
  4. по составленному алгоритму может самостоятельно написать программу
Отладка программы
  1. поиск и исправление ошибок в программе выполняет только с помощью педагога
  2. поиск и исправление ошибок в программе существенно зтруднено
  3. поиск и исправление ошибок в программе вызывает определенные трудности
  4. при возникновении ошибок в программе умеет быстро найти и исправить их
Уровень
знаний
по
пройденному
материалу
Остаточные знания
  1. не имеет знаний
  2. имеет недостаточные знания
  3. имеет неполные знания
  4. имеет широкий кругозор знаний
Собеседование Опрос Тестирование Самостоятельная
работа
Уровень
познавательных
способностей
Абстрактное мышление
  1. абстрактные понятия не воспринимает, требуется разбор на конкретных примерах
  2. иногда имеет проблемы с представлением абстрактных понятий
  3. обладает развитым абстрактным мышлением
Наблюдение Собеседование Тестирование Самостоятельная
работа
Внимание
  1. внимание рассеянное
  2. не всегда внимателен
  3. внимание устойчивое
Активность
и
интерес
к
деятельности
Стремление к деятельности
  1. на занятиях только присутствует
  2. неактивен, выполняет задания только по четким инструкциям, указаниям педагога
  3. проявляет интерес только на определенные темы или на определенных этапах занятия
  4. проявляет активный интерес, стремится к самостоятельной творческой деятельности
Наблюдение Самостоятельная
работа Наличие
авторских
проектов
Творческие
достижения
Участие в конкурсах, выполнение авторских проектов
  1. не участвует в конкурсах
  2. участвует в конкурсах кружка, учреждения
  3. участвует в конкурсах учреждения, района, города
  4. регулярно принимает участия в конкурсах в масштабе района, города, области
Самостоятельная
работа Наличие
авторских
проектов Конкурсы,
oлимпиады

Материально-техническое обеспечение

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

  • Светлое, чистое, проветриваемое помещение, наличие вентиляции.
  • Компьютеры.
  • Периферийные устройства.
  • Устройства вывода (принтер, колонки, проектор).
  • Сканеры (планшетный).
  • Цифровой слайд проектор.
  • Столы, стулья, шкафы.
  • Классная доска.
  • Бумага.
  • Методические и дидактические материалы.

Педагогические условия реализации программы

Педагог: Васильева Светлана Вячеславовна, образование - высшее, ***, 1995 год, высшая квалификационная категория.

Список литературы

  1. Буева И.И. Планирование в системе дополнительного образования: методические рекомендации – Оренбург, 1999.
  2. Вайк Аллен и др. JavaScript. Энциклопедия пользователя: Пер. с англ./Аллен Вайк. – К.: «ТИД «ДС», 2001.
  3. Дж. Макконнел. Основы современных алгоритмов. 2-е дополненное издание. – М.: Техносфера, 2004.
  4. Дронов В.А. JavaScript в web-дизайне
  5. Дунаев В. Самоучитель JavaScript, 2-е изд. – СПб.: Питер, 2005.
  6. Красиков И.В., Красикова И.Е. Алгоритмы. Просто как дважды два. – М.: Эксмо, 2007.
  7. Кузнецов, И.Н. Настольная книга преподавателя. – Мн.: «Соврем. сло-во», 2005.
  8. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. – СПб.: БХВ-Петербург, 2003.
  9. Мониторинг образовательных результатов в учреждении дополнительного образования детей (методические материалы для педагогов и специалистов системы дополнительного образования детей). – Ярославль, 2003.
  10. Развитие личностно-профессиональной позиции педагога как воспитателя: Сборник научных трудов /Под ред. Н.Л.Селивановой. – СПб., 2005.
  11. Слутский В.И. Элементарная педагогика. – М.: Просвещение, 1992.


comments powered by Disqus