Муниципальное
бюджетное образовательное учреждение
дополнительного
образования детей Дом детского творчества
г.
Бикина Бикинского муниципального района Хабаровского края
Рассмотрена Утверждаю
на заседании
педагогического совета Директор МБОУДОД ДДТ
протокол № 1
__________Г.Н. Фёдорова
от 17 августа 2020
г. 17 августа 2020 г.
ДОПОЛНИТЕЛЬНАЯ
ОБЩЕОБРАЗОВАТЕЛЬНАЯ ОБЩЕРАЗВИВАЮЩАЯ ПРОГРАММА
ТЕХНИЧЕСКОЙ
НАПРАВЛЕННОСТИ
«Я
создаю Web- сайт»
возраст
обучающихся 11-12 лет
уровень
усвоения - базовый
срок
реализации – 1 год
Составитель:
Кан Анастасия Фёдоровна,
педагог
дополнительного образования
г.Бикин
2020
г.
Раздел 1. Комплекс
основных характеристик дополнительной общеобразовательной общеразвивающей
программы
Пояснительная
записка.
Данная программа базового уровня направлена на
конкретные примеры и задачи из смежных предметов. Создания
Web-сайта творческий и увлекательный процесс. Основы «Web дизайна» включает в
себя элементы общей информатики. Программа имеет техническую направленность.
Нормативно-правовое
обеспечение дополнительной общеобразовательной общеразвивающей программы «Я
создаю Web-сайт»:
-
Федеральный Закон от 29 декабря 2012 г. № 273 «Об образовании в Российской
Федерации»;
-
Приказ Минобрнауки России от 09.11.2018 г. № 196 «Об
утверждении Порядка организации и осуществлении образовательной деятельности по
дополнительным общеобразовательным программам»;
-
Распоряжение Правительства Российской Федерации от 4.09.2014 г. № 1726-р
«Концепция развития дополнительного образования детей»;
-
Санитарно-эпидемиологические правила и нормы СанПин 2.4.4.3172-14 от 4 июля
2014 г № 41;
-
Распоряжение Правительства Российской Федерации от 29.05.2015 г. № 996-р
«Стратегия развития воспитания в Российской Федерации на период до 2025 года»;
-
Устав МБОУ ДОД ДДТ г. Бикина
Актуальность программы.
В последние несколько десятилетий интернет прочно
укрепился в жизни людей. Сайты позволяют людям получать необходимую информацию
в пару кликов. Во всем мире превыше всего ценится качество, поэтому информация
на сайтах обязательно должна быть качественной, интересной, развернутой и
полезной. Программа « Я создаю – Web сайт » предназначена для учащихся 6 классов и
социально востребована, т.к. отвечает желаниям родителей видеть своего ребенка
технически образованным, общительным, психологически защищенным, умеющим найти
адекватный выход в любой жизненной ситуации.
Конечным результатом будут, создание учащихся собственных
Web-страницы, организованных их Web-узел, оформленные Web-страницы с помощью
фреймов, использованных элементов форм, включающие нестандартные компоненты.
Педагогическая целесообразность заключается, прежде
всего, в эффективном развитии детей технической
направленности, развитии коммуникативных навыков в ходе групповой проектной
деятельности, привлечении учащихся к участию в различных мероприятиях по созданию
сайтов. Позволяет на занятии сохранить высокий творческий тонус при обращении к
теории и ведет к более глубокому ее усвоению.
Отличительные
особенности данной программы является концентрированное
изучение курса, которое позволяет более полно выявить свои способности в
изучаемой области знаний, создать предпосылки по применению освоенных способов
веб-строительства, подготовить себя к осознанному выбору интернет- профессий,
предусматривающих веб-мастеринг.
Адресат
программы
Программа рассчитана на
учащихся 11-12 лет имеющие склонности к технике, моделированию, программированию,
а также устойчивого желания заниматься созданием собственного сайта, не имеющие
противопоказаний по состоянию здоровья. Обучение производится в малых
разновозрастных группах. Состав групп постоянен.
Объём
и сроки усвоения программы, режим занятий
|
Период
|
Продолжительность
занятия
|
Количество
занятий в неделю
|
Количество
часов в неделю
|
Кол-во
недель
|
Кол-во
часов в год
|
|
1
год обучения
|
1
час
|
4
|
4
|
36
|
144
|
|
Итого
по программе:
|
|
|
|
36
|
144
|
Программу
обеспечивает:
Педагог
дополнительного образования;
Педагог работает
согласно учебному плану, осуществляет организационную работу в коллективе и с
родителями по всем возникающим вопросам в области обучения, воспитания и готового
Web-сайта.
Формы
организации занятий:
- Групповые
Методы
работы.
При работе по
программе могут быть использованы следующие методы обучения:
-
объяснительно-иллюстративный метод;
исследовательский
метод;
-
метод наглядности;
-
метод коллективной работы;
-
метод индивидуальной работы;
-
метод практической отработки.
Формы проведения
занятий.
-
лекция;
-
беседа;
-
видео уроки;
-практикумы начинающего робототехника,
включающего проведение лабораторно-практических, исследовательских работ и прикладного
программирования;
- творческая работа;
- проектная деятельность.
Цель:
формирования технических,
исследовательских и творческих способностей, учащихся в процессе проектирования
и конструирования сайтов.
Задачи:
1.
Научить
учащихся созданию web-сайта, с использованием языка разметки гипертекста HTML;
2.
Развивать
навыки планирования, реализации и размещения Web-сайта с соблюдением авторских прав;
3.
Активизировать
интерес к научно-техническому творчеству, технике, высоким технологиям;
4.
Способствовать
формированию мотивов к познавательной и творческой деятельности.
Учебный план
|
№
|
Содержание
|
Количество часов:
|
Форма контроля
|
|
теория
|
практика
|
всего
|
|
1.
|
Техника
безопасности. Вводное занятие. Первая страница
|
1
|
1
|
2
|
Роспись
в т/б
|
|
2.
|
Что
такое сайт? Какие бывают сайты? (Классификация и структурные элементы)
|
4
|
8
|
12
|
Сообщение
учеников
|
|
3.
|
Главное
– это содержание! (Основы HTML)
|
8
|
7
|
15
|
Практическая
работа
|
|
4.
|
По
одежке встречают (Каскадные таблицы стилей)
|
5
|
12
|
17
|
Практическая
работа
|
|
5.
|
Картинки,
кнопки и фотографии. (Работа в графическом редакторе по подготовке
изображений для web-страниц)
|
9
|
15
|
24
|
Тест,
практическая работа
|
|
6.
|
Основы
Web-дизайна
|
8
|
7
|
15
|
Практическая
работа
|
|
7.
|
Двигатель
прогресса – лень! (Применение программ-редакторов HTML)
|
10
|
9
|
19
|
Практическая
работа. Сообщение учеников
|
|
8.
|
Сам себе
веб-мастер (Создание собственного Web-сайта)
|
6
|
8
|
14
|
Практические
работы
|
|
9.
|
Выход в
свет (Размещение готового сайта на сервере)
|
5
|
7
|
12
|
Выступление
с презентацией
|
|
10.
|
Подготовка
и участие в конкурсах
|
2
|
4
|
6
|
Защита
работ
|
|
11.
|
Итоговая аттестация
|
4
|
4
|
8
|
Конечный вариант самостоятельно созданной Web-страницы
|
|
ИТОГО:
|
62
|
82
|
144
|
|
Содержание программы
1.Техника
безопасности. Вводное занятие. Первая страница (2 часа)
Теория:
Техника безопасности. Документ HTML. Теги. Стили.
Практика:
Создание первой страницы.
2.Что такое сайт? Какие бывают сайты? (Классификация и
структурные элементы) (12 часов)
Теория: Понятие сайта. Примерная классификация сайтов, их
назначение. Устройство сайта. Основные структурные элементы web-страницы.
Иерархическая структура сайта. Системы навигации по сайту.
Практика: Просмотр предложенных сайтов, определение их
принадлежности, нахождение основных элементов страницы.
Сохранение текста со страницы сайта, сохранение картинки со
страницы сайта, сохранение страницы.
3.Главное – это содержание! (Основы HTML ) (15 часов)
Теория: HTML-документ. Структура HTML-документа (версии HTML4 и
HTML5). Тэги - команды языка HTML. Логическое форматирование текста в
HTML-документе.
Практика: Создание простого HTML-документа, сохранение, просмотр,
редактирование. Создание нумерованных и маркированных списков.
4. По одежке встречают (Каскадные таблицы стилей) (17 часов)
Теория: Каскадные таблицы стилей. Основные понятия. Использование
стилей. Единицы измерения в CSS. Способы задания цвета. Классы стилей..
Практика: Создание стиля для отдельных элементов (в одном теге).
Создание стиля для одного документа. Создание внешнего листа стилей.
5.Картинки, кнопки и фотографии. (Работа в графическом редакторе
по подготовке изображений для web-страниц) (24 часа)
Теория: Рисунки и фотографии в сети Интернет. Параметры
графического файла. Форматы графических файлов. Растровые форматы JPEG, GIF.
Практика: Сохранение графических файлов для сети. Создание кнопок.
Создание графического оформления web-страницы.
6.Основы Web-дизайна (15 часов)
Теория: Функциональные задачи дизайна. Основные принципы
оформления web-страниц. Устройство сайта и навигация.
Практика: Создание графического макета сайта. Подбор цветовой
схемы. Подбор шрифтов. Подбор графических элементов.
7.Двигатель прогресса – лень! (Применение программ-редакторов
HTML) (19 часов)
Теория: Обзор программных средств для создания WEB-сайтов. Основы
работы в редакторе HTML. Рабочее пространство редактора. Создание
WEB–документов. Подготовка документов. Редактирование HTML – кода. Режимы
работы объектов.
Практика: Создание сайта при помощи редактора HTML..
8.Сам себе веб-мастер (Создание собственного Web-сайта) (14
часов)
Теория: Подбор содержимого Web-сайта. Разработка его структуры.
Создание дизайна WEB-сайта. Авторские права в сети Интернет. Правовые нормы.
Практика: Создание и наполнение сайта по любой теме с учетом
авторских прав.
9.Выход в свет (Размещение готового сайта на сервере) (12 часов)
Теория: Регистрация адреса. Выгрузка сайта (соглашения и правила).
Тестирование страниц. Регистрация WEB-сайта на поисковых машинах.
Практика: Размещение сайта в сети Интернет. Регистрация сайта в
поисковой системе.
10. Подготовка и участие в конкурсах (14 часов)
Теория: Подготовка к участию в конкурсах, олимпиадах, конференциях.
Практика: Выполнение индивидуальных творческих работ в зависимости
от конкретных условий обучения и особенности групп.
11. Итоговая аттестация (8 часов)
Планируемые
результаты
Знать типичную структуру web-страницы и принципы проектирования
сайта;
Уметь использовать основные теги языка HTML и основные стилевые
свойства;
Использовать структуру своего сайта с учетом системы навигации по
сайту;
Стремительно подобрать материал по выбранной теме для своего
сайта, соблюдая авторские права (текст, графику);
Уметь работать по предложенным инструкциям;
Эффективно распределять обязанности.
Участвовать в научных конференциях школьников, творческих
проектов.
Раздел 2. Комплекс
организационно-педагогических условий.
2.1.
Календарный учебный график (Приложение № 1)
2.2. Условия реализации
программы:
- занятия проходят в учебном
кабинете информатика на базе МБОУ ООШ №5 г.Бикина
Материально-техническое
обеспечение:
- Компьютеры.- 10 шт.
Программное обеспечение на каждом ПК:
- ОС Windows версии
XP SP3 и выше.
- Высокоскоростной
доступ к сети Интернет.
- MS Office версии 2007 и выше.
2.3. Формы контроля:
-
практические или устные работы, приуроченные к теме занятий;
- тестовые
задания, зачеты, практические работы, опрос;
- проектная
деятельность;
2.4. Оценочные материалы
Система отслеживания результатов включает
в себя:
- диагностика воспитанности учащихся (приложение
№ 2);
2.5. Перечень
методических материалов, необходимых для реализации программы (в
расчете на количество обучающихся):
- проекты учащихся
- видеоуроки;
- методическая литература.
Рабочая программа является составной
частью и разработана в соответствии с Положением о рабочей программе.
Список
использованных источников:
Основная (ЦОР):
1.
http://www.webmascon.com
- информация по веб-дизайну в переводе с английского (авторАлександр Качанов).
2.
http://www.artlebedev.ru/kovodstvo
- «Ководство» - графический и промышленный дизайн (автор Артемий Лебедев).
3.
http://htmlbook.ru
- языки HTML,
CSS,
web-дизайн,
графика, процесс создания сайта.
4.
http://www.botik.ru/~robot
-Роботландский сетевой университет.
5.
Дуванов А.А. Web-конструирование. HTML.
Спб: БХВ-Петербург. —2008.
6.
Дуванов А.А. Web-конструирование. DHTML.
Спб: БХВ-Петербург. —2008.
7.
Смирнова И. Е. Начала Web-дизайна. Спб:
БХВ-Петербург. —2008.
Приложение
№ 1
Календарный
учебный график
|
месяц
|
дата
|
Тема занятия
|
Форма проведения
|
Кол-во часов
|
Форма контроля
|
примечание
|
|
Сентябрь
|
|
Техника безопасности. Вводное занятие.
|
Групповая,
индивидуальная
|
2
|
Роспись в журнале т/б
Просмотр видео
|
|
|
Сентябрь -Октябрь
|
|
Что такое сайт? Какие бывают сайты?
(Классификация и структурные элементы)
Понятие сайта. Примерная классификация сайтов,
их назначение.
Устройство сайта. Классификация структур
сайта. Иерархическая структура сайта. Системы навигации по сайту.
|
Групповая, индивидуальная
|
12
|
Сообщения учеников
|
|
|
Октябрь- Ноябрь
|
|
Главное – это содержание! (Основы HTML)
HTML-документ. Структура HTML-документа. Тэги -
команды языка HTML. Абзацы, заголовки.
|
Групповая, индивидуальная
|
15
|
Практическая работа
|
|
|
Ноябрь-Декабрь
|
|
По одежке встречают (Каскадные таблицы
стилей)
По одежке встречают
(Каскадные таблицы стилей)
|
Групповая, индивидуальная
|
17
|
Практическая работа
|
|
|
Декабрь
|
|
Картинки, кнопки и фотографии. (Работа в графическом
редакторе по подготовке изображений для web-страниц)
Графические редакторы. Как создать графический файл для web-страницы.
Создание
оформления для сайта заданной тематики.
|
Групповая,
индивидуальная
|
24
|
Тест, практика
|
|
|
Декабрь- Январь
|
|
Основы Web-дизайна
Функциональные задачи
дизайна. Основные принципы оформления web-страниц.
|
Групповая, индивидуальная
|
15
|
Зачет по с/п
|
|
|
Январь - Февраль
|
|
Двигатель прогресса – лень! (Применение программ-редакторов
HTML)
Обзор программных средств для создания WEB-сайтов.
Основы работы в редакторе HTML.
Создание WEB–документов.
Применение стилевого оформления.
Создание графических элементов.
|
Групповая, индивидуальная
|
19
|
Тестирование
|
|
|
Февраль- Март
|
|
Сам себе веб-мастер (Создание
собственного Web-сайта)
Авторские права в сети Интернет. Правовые
нормы. Подбор содержимого Web-сайта.
|
Групповая, индивидуальная
|
14
|
Практическая работа
|
|
|
Март-
Апрель
|
|
Выход в свет (разрешение готового сайта (соглашения и правила). Тестирование страниц.
Размещение
сайта в сети.
.
|
Групповая, индивидуальная
|
12
|
Презентация
|
|
|
Апрель- Май
|
|
Резервное время (варианты использования)
Конкурс
сайтов по заданной тематике.
Конкурс –
игра «Кто самый структурный»
Подготовка
к конкурсам различного уровня
|
Групповая, индивидуальная
|
14
|
Лабораторная работа
|
|
|
Май
|
|
Итоговая
аттестация
|
Индивидуальная
|
|
Конечный
вариант самостоятельно созданной Web-страницы
|
|
|
Итого
|
144
|
|
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.