Рабочая программа элективного курса «Сайтостроение» 35 часов
СОДЕРЖАНИЕ
TOC \o "1-3" \h \z \u 1.Пояснительная записка PAGEREF _Toc428847351 \h 2 стр.
2.Общая характеристика элективного курса «Сайтостроение» PAGEREF _Toc428847352 \h 2 стр.
3.Место элективного курса «Сайтостроение» в учебном плане PAGEREF _Toc428847353 \h 4 стр.
4.Описание ценностных ориентиров содержания элективного курса PAGEREF _Toc428847354 \h 4 стр.
5.Содержание тем элективного курса «Сайтостроение» PAGEREF _Toc428847355 \h 4 стр.
6.Календарно-тематическое планирование PAGEREF _Toc428847356 \h 7 стр.
7.Система оценки предметных результатов освоения учебной программы PAGEREF _Toc428847357 \h 8 стр.
8.Описание материально-технического обеспечения образовательного процесса PAGEREF _Toc428847358 \h 9 стр.
Пояснительная запискаРабочая программа составлена на основе авторской программы элективного курса «Создаём школьный сайт в Интернете» М.Ю. Монахова, А.А. Воронина , «Программы для общеобразовательных учреждений: Информатика. 2-11 классы / Составитель М.Н. Бородин. –М.:БИНОМ. Лаборатория знаний, 2014г.»
Общая характеристика элективного курса «Сайтостроение»Основа курса — личностная, практическая и продуктивная направленность занятий. Одна из целей обучения информатике — предоставить ученикам возможность личностного самоопределения и самореализации по отношению к стремительно развивающимся информационным технологиям и ресурсам. Для достижения данной цели необходимо, чтобы при изучении общих для всех сетевых технологий каждый учащийся мог создавать личностно значимую для него образовательную продукцию. Такой продукцией в данном курсе является веб-сайт.
Каждый учащийся создает личностно значимую для него образовательную продукцию — сначала простейшие веб-страницы, затем их отдельные элементы и целостные веб-сайты. Освоение знаний и способов веб-конструирования осуществляется в ходе разработки учениками сайтов на темы, которые они определяют для себя самостоятельно. Осознание и присвоение учащимися достигаемых результатов происходят с помощью рефлексивных заданий. Такой подход гарантирует повышенную мотивацию и результативность обучения.
Общепедагогическая направленность занятий — сопряжение социализации и индивидуализации обучения по отношению к сетевым информационным технологиям. Знания, умения и способы конструирования веб-сайтов являются элементами информационной компетенции — одной из ключевых компетенций старшей профильной школы. Умение находить, структурировать, преобразовывать и сохранять информацию в html-формате и других Интернет-совместимых форматах необходимое условие подготовки выпускников технологического профиля. Таким образом, освоенный инструментарий — способы веб-конструирования — выступает отдельным образовательным продуктом учеников наряду с разработанными ими сайтами. Осознание и присвоение учащимися данного типа продукции происходят с помощью рефлексивных заданий, включенных в содержание занятий.
Цели курса:
научить учащихся ориентироваться и продуктивно действовать винформационном Интернет-пространстве, используя для достижения своих целей создаваемые веб-ресурсы;сформировать у них целостное представление об информационнойкартине мира средствами «Всемирной паутины». Научить способам представления информации в сети Интернета;
познакомить со способами научно-технического мышления и деятельности, направленными на самостоятельное творческое познаниеи исследование информационной части сетевого пространства;
реализовать коммуникативные, технические и эвристическиеспособности учащихся в ходе проектирования и конструированиясайтов;
сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб-сайтов.
Задачи курса:
познакомить с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;
дать первичные навыки программирования на языках HTML,DynamicHTML, CSS; познакомить с основами веб-дизайна;
научить основам работы с программами Dreamweaver и Flash (илианалогичными);
сформировать навыки работы в коллективе с комплексными веб-проектами;
создать и разместить в сети Интернета собственный веб-сайт повыбранной тематике.
Методы обучения
Основная методическая установка курса — обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайтов.
Индивидуальное освоение ключевых способов деятельности происходит на основе системы заданий и алгоритмических предписаний, изложенных в учебном пособии для школьников. Большинство заданий выполняется с помощью персонального компьютера и необходимых программных средств.
Кроме индивидуальной, применяется и групповая работа. В задачи учителя входит создание условий для реализации ведущей подростковой деятельности — авторского действия, выраженного в проектных формах работы. На определенных этапах обучения учащиеся объединяются в группы, т.е. используется проектный метод обучения. Выполнение проектов завершается публичной защитой результатов и рефлексией.
Отбор методов обучения обусловлен необходимостью формирования информационной и коммуникативной компетентностей старшеклассников. Решение данной задачи обеспечено наличием в программе курса следующих элементов данных компетенций:
социально-практическая значимость компетенции (для чего необходимо уметь создавать, размещать и поддерживать сайты);
личностная значимость компетенции (зачем ученику необходимобыть компетентным в области сайтостроительства);
перечень реальных объектов действительности, относящихся кданным компетенциям (веб-страница, сайт, компьютер, компьютернаяпрограмма, Интернет и др.);
знания, умения и навыки, относящиеся к данным объектам;
способы деятельности по отношению к данным объектам;
минимально необходимый опыт деятельности ученика в сфереданной компетенции;
индикаторы — учебные и контрольно-оценочные задания по определению уровня компетентности ученика.
Освоение ключевых способов деятельности происходит на основе системы заданий и алгоритмических предписаний, изложенных в учебном пособии для школьников. Методические рекомендации по организации индивидуальных и групповых форм занятий, использованию тех или иных методов обучения содержатся в пособии для учителя по данному курсу.
Формы организации учебных занятий
Основной тип занятий — практикум. Большинство заданий курса выполняется с помощью персонального компьютера и необходимых программных средств. Доступ в Интернет желателен, но не обязателен. Многие работы ученики могут осуществлять без подключения к сети.
Каждая тема курса начинается с постановки задачи — характеристики образовательного продукта, который предстоит создать ученикам. С этой целью учитель проводит веб-экскурсию, мультимедийную презентацию, комментированный обзор сайтов или демонстрацию слайдов.
Изучение нового материала носит сопровождающий характер. Ученики изучают его с целью создания запланированного продукта — графического файла, эскиза веб-страницы, элемента сайта и т.п.
Далее проводится тренинг по отработке умений выполнять технические задачи, соответствующие минимальному уровню планируемых
результатов обучения. Тренинг переходит в комплексную творческую работу по созданию учениками определенного образовательного продукта, например веб-сайта.
В ходе обучения учащимся периодически предлагаются короткие (5— 10 мин) контрольные работы на проверку освоения изученных способов действий. Проводятся краткие срезовые работы (тесты, творческая работа) по определению уровня знаний учеников по данной теме. Выполнение контрольных способствует быстрой мобилизации и переключению внимания на осмысливание материала изучаемой темы. Кроме того, такая деятельность ведет к закреплению знаний и служит регулярным индикатором успешности образовательного процесса.
Индивидуальная учебная деятельность сочетается с проектными формами работы по созданию сайта. Выполнение проектов завершается их защитой и рефлексивной оценкой.
Место элективного курса «Сайтостроение» в учебном плане
В учебном плане школы на изучение элективного курса «Сайтостроение» в 11 классе отводится 1 час в неделю, 34 часа в год.
Описание ценностных ориентиров содержания элективного курса
Одна из задач профильной школы — содействовать воспитанию нового поколения, отвечающего по своему уровню развития и образу жизни условиям информационного общества. Для этого учащимся технологического профиля предлагается осваивать способы работы с информационными потоками — искать необходимую информацию, анализировать ее, выявлять в ней факты и проблемы, самостоятельно ставить задачи, структурировать и преобразовывать информацию в текстовую и мультимедийную форму, использовать ее для решения учебных и жизненных задач.
Умение представлять информацию в виде, удобном для восприятия и использования другими людьми, — одно из условий образовательной компетентности ученика технологического профиля. Веб-сайт — наиболее популярное и доступное старшеклассникам средство представления текстовой, графической и иной информации в сети Интернета.
Концентрированное изучение курса позволяет учащимся более полно выявить свои способности в изучаемой области знаний, создать предпосылки по применению освоенных способов веб-строительства в других учебных курсах, подготовить себя к осознанному выбору Интернет-профессий, предусматривающих веб-мастеринг.
Курс включает в себя практическое освоение техники создания веб-страниц, тематических сайтов, веб-квестов, информационно-справочных и иных сайтов. Его задачей является также подготовка школьников к осознанному выбору Интернет-профессий, предусматривающих веб-мастеринг.
Курс служит средством внутрипрофильной специализации в области новых информационных технологий, что способствует созданию дополнительных условий для построения индивидуальных образовательных траекторий учащихся технологического профиля.
Содержание тем элективного курса
Тема Кол-во часов
Моя веб-страничка 6
Графика 4
Гипертекстовый документ 6
Виды сайтов 4
Основы HTML 8
Дополнительные возможности создания веб-страниц 6
Итого 34
Глава I. Моя веб-страничка (6 ч)
Основные понятия: гипертекст, HTML, тег, браузер, веб-страница, разметка, структура документа, заголовок, тело. Содержание главы: Введение
Техническая часть Теги HTML
Структура веб-страницы Заголовок документа Тело документа Атрибуты тегов Цвет фона
Изображение как фон Цвет текста Цвета
Размер и форма шрифта Теги форматирования текста Взаимодействие тегов Текстовые блоки Заголовки Абзацы
Перевод строки Разделительная линия
Заключительный эксперимент
Дополнительная информация
Обобщение
Творческая работа. Тема «Самопрезентация» Самооценка Рефлексия
Глава II. Графика (4 ч)
Основные понятия: растровый формат, векторный формат, метафайлы, рамка изображения, выравнивание, обтекание. Содержание главы:
Рисунки и фотографии в сети Интернета Параметры графического файла Форматы графических файлов Растровые форматы JPEGGIFPNG
Достоинства растрового формата Недостатки Векторные форматы Достоинства Недостатки Метафайлы
Дополнительная информация Графические редакторыКак создать графический файл для веб-страницы
Прозрачная графика
Связывание графического файла с HTML-документом Изображения в HTML-документе Дополнительная информация
В помощь читателям веб-страницВ помощь дизайнерам Обобщение
Творческая работа. Тема «Сделай красиво!» Самооценка Рефлексия
Глава III. Гипертекстовый документ (6 ч)
Основные понятия: организация информации, гипертекстовые ссылки, внутренние ссылки, активные ссылки, посещенные ссылки, абсолютные адреса, относительные адреса.
Содержание главы:
Способы организации гипертекстовых документов
Разработка сценария гипертекстового документа, состоящего из нескольких файлов
Гипертекстовые ссылки
За пределами документа Текстовые ссылки Изображения-ссылки
А — первая буква алфавита. Главный тег Интернета. Абсолютные адреса Относительные адреса
Хотите жить отдельно? Войдите в новое окно Внутренние ссылки. Не говори бабушке, что очки дома, скажи, где они лежат Как в гостях сразу пройти к столу?
Чтобы найти иголку в сене, она должна быть заметной. Задание цвета ссылок на веб-страницеНе как все. Задание цвета отдельных ссылок Цвет и наличие рамок у изображений ссылок Ждите ответа. Ссылка на адрес электронной почты
Обобщение
Творческая работа. Тема «Выполнение и защита небольшого проекта» (сайт «Мой класс», «Наш фэн-клуб» и т.п.)
Глава IV. Виды сайтов (4 ч)
Основные понятия: виды сайтов, критерии оценки, дизайн, навигация, эргономика, юзабилити, скорость загрузки, интерактивность, чат, форум, гостевая книга.Содержание главы:
Виды сайтов, их назначение
Способы управления вниманием посетителей
Способы организации информации
Полнота информации и ее обновление
Графический и технический дизайн
Навигация
Скорость загрузки страниц и определяющие факторы
Интерактивность сайта
Интернет-технологииИсследование действующих сайтов
Критерии оценки сайтов
Обобщение
Творческая работа
Глава V. Основы HTML (8 ч)
Основные понятия: списки, таблицы, фреймы, формы, метатеги, интерактивность.
Содержание главы:
Таблицы. Лишние ячейки. Пустые ячейки Объединение ячеек. Разделение ячейки. Вложенные таблицы Цвета фона. Фреймы Формы Метатеги Обобщение
Творческая работа.
Глава VII Дополнительные возможности создания веб-страниц (6 ч)
Основные понятия: каскадные таблицы стилей, CSS, селектор, Flash, символ, клип, кнопка, анимация движения, анимация формы, DynamicHTML, интерактивность, сценарии, статические и динамические страницы, активные элементы. Содержание главы: Назначение CSSКаскадные таблицы стилей Основы CSS
Цвет в CSSРазмер в CSSКомментарии Создание таблицы стилей Синтаксис
Наследование Контекстные селекторы Шрифт и текст .Фон. Применение таблиц стилей к части страницы
Позиционирование.. Стиль персональный
Применение стиля для тега. Взаимодействие стилей.
Каскадность стилей и приоритеты. ID-классы.ОбобщениеТри способа задания стиля
Тематика проектов:
Разработайте макет «веб-визитки». Найдите необходимые слоганы и их графическое сопровождение.
Разработайте макет логотипа своей школы (класса) в формате jpgили gif. и представьте его в цветном и черно-белом вариантах.
Изготовьте два баннера размером 120x60 — анимированный истатичный. Цель баннеров — воздействовать на эмоциональнуюсферу потенциального зрителя.
Придумайте графическую иллюстрацию для раздела юмористического сайта. Иллюстрация необходима смешная, занимательная, оригинальная. Размер иллюстрации 130x190 пикселей. Формат файла jpgили gif.
Разработайте титульную веб-страницу на одну из тем: «Наш класс»,«Наша школа», «Мы — фанаты!», «Интернет-газета», «Веб-клуб»,«Пункт продажи мобильных телефонов», «Магазин цветов»,«Служба знакомств».
Планируемые результаты обучения
Участие в занятиях должно помочь учащимся:
понять роль и место конструктора-проектировщика-дизайнера в формировании окружающей человека предметной среды;
повысить свою компетентность в области компьютерного проектирования;
приобрести интерес к профессиональной подготовке (рабочей профессии) по данному направлению, что повысит их социальную адаптацию после окончания школы.
Учащиеся будут знать:
эволюцию развития, возможности, типовые инструменты и средства глобальной сети Интернет;
основные этапы и задачи проектирования модели web-сайта как системы;
основные способы создания web-страниц;
основные конструкции языка гипертекстовой разметки документов HTML;
способы эффективной работы в команде.
Учащиеся будут уметь:
выполнять поиск необходимой информации в Интернете;
выполнять системное проектирование модели web-сайта, выделяя и реализуя элементы, связи, функции;
создавать web-страницы, собирать web-сайт,
работать в команде над одним проектом, выполняя разные роли.
Календарно-тематическое планирование
№ занятия Тема Количество часов Дата проведения
план факт
I. Моя веб-страница (6 ч) Теги HTML. Структура веб-страницы. Заголовок документа Тело документа 1 Атрибуты тегов. Абзацы. 1 Текстовые блоки. Заголовки 1 Форматирование текста 1 Списки в HTML 1 Творческая работа «Моя веб-страница» 1 II. Графика (4 ч) 1 Форматы графических файлов 1 Связывание графического файла с HTML-документом 1 Изображения в HTML-документе Творческая работа. 1 III. Гипертекстовый документ (6 ч) 1 Способы организации гипертекстовых документов. Разработка сценария гипертекстового документа. 1 Гипертекстовые ссылки. Текстовые ссылки 1 Изображения-ссылки 1 Навигация Карта сайта 1 Творческая работа. 1 IV. Виды сайтов (4 ч) 1 Виды сайтов, их назначение. Навигация. Скорость загрузки страниц и определяющие факторы 1 Графический и технический дизайн 1 Критерии оценки сайтов Творческая работа 1 Основы HTML (8 ч) Позиционирование текста Фоновые изображения Таблицы 1 Лишние ячейки. Пустые ячейки Объединение ячеек 1 Вложенные таблицы Цвета фона. Фреймы. Формы. Метатеги1 Стилизация списков. Создание панели навигации Творческая работа. 1 Дополнительные возможности создания веб-страниц (6 ч) Назначение CSS Каскадные таблицы стилей Основы CSS 1 Цвет в CSS. Размер в CSS. Комментарии 1 Применение стиля для тега 1 Взаимодействие стилей. 1 Творческая работа. 1 Защита проекта Система оценки предметных результатов освоения учебной программыПредметом диагностики и контроля являются внешние образовательные продукты учеников (созданные веб-страницы, сайты и т.п.), а также их внутренние личностные качества (освоенные способы деятельности, знания, умения), которые относятся к целям и задачам курса.
Основой для оценивания деятельности учеников являются результаты анализа его продукции и деятельности по ее созданию. Оценка имеет различные способы выражения — устные суждения педагога, письменные качественные характеристики, систематизированные по заданным параметрам аналитические данные, в том числе и рейтинги.
Оценке подлежит в первую очередь уровень достижения учеником минимально необходимых результатов, обозначенных в целях и задачах курса. Оцениванию подлежат также те направления и результаты деятельности учеников, которые определены в рабочей программе учителя и в индивидуальных образовательных программах учеников.
Ученик выступает полноправным субъектом оценивания. Одна из задач педагога — обучение детей навыкам самооценки. С этой целью учитель выделяет и поясняет критерии оценки, учит детей формулировать эти критерии в зависимости от поставленных целей и особенностей образовательного продукта — создаваемого сайта.
Проверка достигаемых учениками образовательных результатов производится в следующих формах:
текущий рефлексивный самоанализ, контроль и самооценка учащимися выполняемых заданий;
взаимооценка учащимися работ друг друга или работ, выполненных в группах;
публичная защита выполненных учащимися творческих работ(индивидуальных и групповых);
текущая диагностика и оценка учителем деятельности школьников;
итоговая оценка деятельности и образовательной продукции ученика в соответствии с его индивидуальной образовательной программойпо курсу;
итоговая оценка индивидуальной деятельности учащихся учителем, выполняемая в форме образовательной характеристики.
Предметом контроля и оценки являются внешние образовательные продукты учеников. Качество ученической продукции оценивается следующими способами:
- по количеству творческих элементов в сайте;
- по степени его оригинальности;
- по относительной новизне сайта для ученика или его одноклассников;
- по емкости и лаконичности созданного сайта, его интерактивности;
- по практической пользе сайта и удобству его использования.
Уровень развития у учащихся личностных качеств определяется на основе сравнения результатов их диагностики в начале и конце курса. С помощью методики, включающей наблюдение, тестирование, анализ образовательной продукции учеников, учитель оценивает уровень развития личностных качеств учеников по параметрам, сгруппированным в определенные блоки: технические качества, дизайнерские, коммуникативные, креативные, когнитивные, деятельностные, рефлексивные.
Итоговый контроль проводится в конце всего курса. Он может иметь форму зачета олимпиады или защиты творческих работ. Данный тип контроля предполагает комплексную проверку образовательных результатов по всем заявленным целям и направлениям курса. Формой итоговой оценки каждого ученика выступает образовательная характеристика, в которой указывается уровень освоения им каждой из целей курса и каждого из направлений индивидуальной программы ученика по курсу.
Описание материально-технического обеспечения образовательного процессаПеречень учебно-методических средств обучения
Элективные курсы в профильном обучении. Образовательная область математика. МО РФ НФПК.- М.: Вита-Пресс, 2004.
Хуторской А.В. Технология создания сайтов. Информатика и ИКТ. 10-11 класс.: учеб.пособие для общеобразоват. учреждений, 2014.
http://htmlbook.ru—учебник по технологии создания сайтов, HTML, CSS, дизайне, графике и др.
http://www.intuit.ru/ — Сайт Интернет-университета информационных технологий. Курс лекций посвящен основам веб-технологий..http://winchanger.narod.ru —Краткий справочник по тегам HTML-языка.
http://www.w3.org/ — World Wide Web Consortium.