Министерство образования Республики Саха (Якутия )
Муниципальное общеобразовательное учреждение
«Гимназия №2», г. Грозный
Проверено: Руководитель МО ____________________ «_____» __________________г. | Согласовано: Зам. директора «_____» ___________________г. | Утверждаю: Директор __________________ «_____» ___________г. |
Календарно – тематическое планирование
Элективный курс по информатике «HTML-программирование»
1. Модульная программа «Основы сайтостроения»-5часов
2. Модульная программа «Основы web-дизайна»-11 часов
Учитель
Пояснительная записка
Для проведение элективного курса за основу взяли дистанционный курс «HTML программирование» (автор руководитель дистанционных Роботланских курсов г. Переславль - Залеский) и 5-летний опыт проведения Центром дистанционного образования "Эйдос" (www. *****) курсов, проектов и олимпиад по веб-дизайну и сайтостроительству ( и ).
Одна из задач профильной школы - содействовать воспитанию нового поколения, отвечающего по своему уровню развития и образу жизни условиям информационного общества. Для этого учащимся технологического профиля предлагается осваивать способы работы с информационными потоками - искать необходимую информацию, анализировать ее, выявлять в ней факты и проблемы, самостоятельно ставить задачи, структурировать и преобразовывать информацию в текстовую и мультимедийную форму, использовать ее для решения учебных и жизненных задач.
Умение представлять информацию в виде, удобном для восприятия и использования другими людьми, - одно из условий образовательной компетентности ученика технологического профиля. Веб-сайт - наиболее популярное и доступное старшеклассникам средство представления текстовой, графической и иной информации в сети Интернета.
Элективный курс «HTML программирование» является предметом по выбору учащихся старшей профильной школы. Курс рассчитан на 16 часов, которые проводятся в одном из полугодий учебного года по 1 часу в неделю. В обучении используется метод проекта или технология "погружения". Концентрированное изучение курса позволяет учащимся более полно выявить свои способности в изучаемой области знаний, создать предпосылки по применению освоенных способов веб-строительства в других учебных курсах, подготовить себя к осознанному выбору Интернет-профессий, предусматривающих веб-мастеринг.
Курс включает в себя практическое освоение техники создания веб-страниц, тематических сайтов, веб-квестов, информационно-справочных и иных сайтов. Его задачей является также подготовка школьников к осознанному выбору Интернет-профессий, предусматривающих веб-мастеринг. Курс служит средством внутри профильной специализации в области новых информационных технологий, что способствует созданию дополнительных условий для построения индивидуальных образовательных траекторий учащихся технологического профиля. Курс может с успехом использоваться не только в технологическом, но и в других профилях старшей школы, поскольку веб-стиль деятельности относится ко всем сферам современного общества - гуманитарным, естественно-научным, социальным, экономическим, сервисным и др.
Цели курса:
• научить учащихся ориентироваться и продуктивно действовать в информационном Интернет-пространстве, используя для достижения своих целей создаваемые
веб-ресурсы;
• сформировать у них целостное представление об информационной картине мира
средствами "Всемирной паутины". Научить способам представления информации
в сети Интернета;
• познакомить со способами научно-технического мышления и деятельности, направленными на самостоятельное творческое познанием исследование информационной части сетевого пространства;
• реализовать коммуникативные, технические и эвристические способности учащихся в ходе проектирования и конструирования сайтов;
• сформировать элементы информационной и телекоммуникационной компетенций
по отношению к знаниям, умениям и опыту конструирования веб-сайтов.
Задачи курса:
• познакомить с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
• освоить HTML язык программирования;
• сформировать навыки элементарного проектирования, конструирования, размещения и сопровождения веб-сайта;
• изучить основы конструирования;
• изучить основы дизайна и юзабилити;
• научить основам работы с графическими программами Adobe Photoshop, Macro
media Flash;
• сформировать навыки работы в коллективе с комплексными веб-проектами;
• подготовка учащихся к осознанному выбору Интернет профессий, предусматривающих веб-мастеринг.
• создать и разместить в сети Интернета собственный веб-сайт по выбранной тема
тике.
Методы обучения
Основная методическая установка курса - обучение школьников навыкам самостоятельной индивидуальной и групповой работы по практическому конструированию сайтов.
Индивидуальное освоение ключевых способов деятельности происходит на основе системы заданий и алгоритмических предписаний, изложенных в учебном пособии для школьников. Большинство заданий выполняется с помощью персонального компьютера и необходимых программных средств.
Кроме индивидуальной, при меняется и групповая работа. В задачи учителя входит создание условий для реализации ведущей подростковой деятельности - авторского действия, выраженного в проектных формах работы. На определенных этапах обучения учащиеся объединяются в группы, Т. е. используется проектный метод обучения. Выполнение проектов завершается публичной защитой результатов и рефлексией.
Отбор методов обучения обусловлен необходимостью формирования информационной и коммуникативной компетентностей старшеклассников. Решение данной задачи обеспечено наличием в программе курса следующих элементов данных компетенций:
• социально-практическая значимость компетенции (для чего необходимо уметь
создавать, размещать и поддерживать сайты);
• личностная значимость компетенции (зачем ученику необходимо быть компетентным в области сайтостроительства);
• перечень реальных объектов действительности, относящихся к данным компетенциям (веб-страница, сайт, компьютер, компьютерная программа, Интернет и
др-);
• знания, умения и навыки, относящиеся к данным объектам;
• способы деятельности по отношению к данным объектам;
• минимально необходимый опыт деятельности ученика в сфере данной компетен
ции;
• индикаторы - учебные и контрольно-оценочные задания по определению уровня
компетентности ученика.
Анализируя содержание всего элективного курса, выделяем 2 научные идеи (стержневые линии), вокруг которых формируем 2 модульные программы. Согласно предложенной схеме все модульные программы элективного курса имеют логическую завершенность и находятся во взаимосвязи. Курс представлен и утвержден на НМС школы.
Основная научная идея (стержневая линия) | Название модульной программы | Количество часов |
1. Освоение основных операторов языка гипертекстовой разметки HTML, приемов и методов создание простейших web - страниц. Изучение основных приемов сайтостроения, структура сайта,. | 1. «Основы сайтостроения» | 5 |
2. Приемы проектирования внешнего вида сайта, публикация и размещение на web - сервере, карты сайта, верстка, защита сайта. | 2. «Основы web-дизайна» | 11 |
Способы оценивания уровня достижения учащихся
Предметом диагностики и контроля являются внешние образовательные продукты учеников (созданные веб-страницы, сайты и т. п.), а также их внутренние личностные качества (освоенные способы деятельности, знания, умения), которые относятся к целям и задачам курса.
Основой для оценивания деятельности учеников являются результаты анализа его продукции и деятельности по ее созданию. Оценка имеет различные способы выражения - устные суждения педагога, письменные качественные характеристики, систематизированные по заданным параметрам аналитические данные, в том числе и рейтинги.
Оценке подлежит в первую очередь уровень достижения учеником минимально необходимых результатов, обозначенных в целях и задачах курса. Оцениванию подлежат также те направления и результаты деятельности учеников, которые определены в рабочей программе учителя и в индивидуальных образовательных программах учеников.
I. Модульная программа «Основы сайтостроения». 5 часов.
Модульная программа направлена на создание условий для освоения учащимися основных операторов языка гипертекстовой разметки HTML, приемов и методов создание простейших web - страниц Программа предполагает, что учащиеся не имеют первоначальных навыков сайтостроения.
1. Комплексная дидактическая цель
Образовательный аспект
1. Сформировать целостное представление об информационной картине мира средствами "Всемирной паутины".
2. Познакомиться с видами веб-сайтов, их функциональными, структурными и технологическими особенностями;
3. Изучить основы конструирования;
4. Освоить HTML язык программирования.
Воспитательный аспект
1. Воспитать уверенность в правильном выборе профильной траектории.
2. Подготовка учащихся к осознанному выбору Интернет профессий, предусматривающих веб-мастеринг.
3. Создать условия для творческой самореализации.
Развивающий аспект
Развивать познавательные интересы. Развивать алгоритмическое мышление,3. Развивать умения программировать на языках HTML, на уровне создания не менее 3-5 соответствующих элементов сайта;
Развивать умение найти, сохранить и систематизировать необходимую информацию. Формировать навыки индивидуальной и коллективной работы.2. Краткое содержание изучаемого материала
Интернет браузер, web-страница теги. Структура и внешний вид html - документа. Размещение текста. Бегущая строка. Списки, колонки. Гипертекст. Сценарий гипертекстового документа. Графика на web - страницах. Вывод графики средствами HTML. Конструктор документов. Как мы жили без таблиц Сложные таблицы. Гиперссылка. Карта сайта. Таблицы в HTML программировании, многоколонная верстка, построение коллажей.
3. Ожидаемые результаты
После изучения модульной программы «Основы сайтостроения» учащиеся должны:
- знать: виды веб-сайтов, язык гипертекстовой разметки HTML
- имеют положительный опыт коллективного сотрудничества при конструировании веб-сайтов
- уметь: владеют приемами организации и самоорганизации работы по изготовлению сайта ;
- уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; владеют браузерами IE, Opera;
- развивать: познавательный интерес к изучению предмета; алгоритмическое мышление; способность к принятию творческих решений; умение работать индивидуально и коллективно.
- сформировать ключевые компетенции: способность произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности; социально-практическая значимость компетенции (для чего необходимо уметь создавать, размещать и поддерживать сайты);
личностная значимость компетенции (зачем ученику необходимо быть компетентным в области сайтостроительства);
Примерные темы проектных работ
- Виды сайтов.
- Сайт по произвольной или учебной теме.
Календарно-тематическое планирование модульной программы
«Основы сайтостроения». 11 класс.
№ п/п | Кол-во часов | Структура модуля (ТМ) | Интегрирующая дидактическая цель (ИДЦ) | № занятия | Тема занятия, дата проведения | Форма занятия |
I | 5 | Вводная часть | Теоретическая часть. - дать представление о целях и содержании модульной программы, ее структуре и требованиях; - дать представление о результатах обучения в данном модуле; | 1. | Знакомство с модульной программой. Обзор многообразия web - браузеров. Понятие гипертекст, браузеры, теги (1 неделя) | Установочная лекция. |
2. | Структура, стиль и внешний вид web- документа (2 неделя) | Лекция с элементами практики | ||||
Диалогическая часть | Информационный анализ проекта. - осуществить отбор активных форм обучения, на основе деятельно – ценностных технологий; - определить компоненты проектной деятельности и этапы ее реализации. | 3. | Сценарий гипертекстового документа (3 неделя) | Лекция с элементами практики | ||
Практическая реализация проекта - формировать навыки проектной деятельности; - определить продукты и формы проектов; - формировать навыки индивидуальной и групповой работы. | 4. | Вывод текста и графики средствами HTML (4 неделя) | Практикум | |||
Итоговая часть | Защита проекта. - оценка собственных интеллектуальных качеств и качества своей проектной деятельности. | 5. | Конкурс проектов «Лучший web - сайт» (5 неделя) | Презентация проектных работ |
II. Модульная программа «Основы web-дизайна»-11 часов.
Модульная программа рассчитана на учащихся, обладающих основным набором знаний, умений, навыков сайтостроения и способных к творческому и осмысленному восприятию материала. Модуль изучается тогда, когда учащиеся имеют базовые знания по основам языка гипертекстовой разметки, знают структуру сайта и его наполняемость, что позволяет выполнять практические работы в произвольном порядке и вполне самостоятельно.. Учащиеся получают возможность самостоятельно моделировать готовые сайты и создавать новые. Верстать и публиковать сайт на web-сервере, оживлять и защищать сайт в локальной и глобальной сети.
1. Комплексная дидактическая цель
Образовательный аспект
1. Углубить знания и умения о сайтостроении, дизайне сайта, интерактивности и наполняемости, эффективности функционирования собственного web - ресурса.
Воспитательный аспект
1. Воспитать информационную культуру.
2. Целенаправленная профессиональная ориентация старшеклассников.
Развивающий аспект
1. Развивать познавательные интересы, эстетический, дизайнерский вкус.
2. Развивать мышление, формировать умение находить технические приемы правильного и безопасного размещения сайта в сети.
3. Формировать навыки индивидуальной и коллективной работы при выполнении проекта.
2. Краткое содержание изучаемого материала
Визуальные редакторы; Грамматика и дизайн; Единство стиля; Верстка страниц; сборка и публикация сайта на сервере; Оживляем сайт; Элементы интерактивного сайта; Элементы Эффективного сайта. Гостевая книга; Вопросник; Форма; почтовые ресурсы на сайте; Практические работы.
3. Ожидаемые результаты
После изучения модульной программы «Основы web-дизайна» учащиеся должны:
- знать владеют необходимыми способами проектирования, создания, размещения и обновления веб-сайта;
- знают виды веб-сайтов, способны произвести анализ и сформулировать собственную позицию по отношению к их структуре, содержанию, дизайну и функциональности;
- владеют приемами организации и самоорганизации работы по изготовлению сайта;
- уметь: умеют найти, сохранить и систематизировать необходимую информацию из сети
с помощью имеющихся технологий и программного обеспечения; владеют браузерами IE, NN, Opera;
- умеют спроектировать, изготовить и разместить в сети веб-сайт объемом 5-10
страниц на заданную тему;
• развивать умения коллективной разработки и публичной защиты созданного сайта;
• способность осуществлять рефлексивную деятельность, оценивать свои результаты, корректировать дальнейшую деятельность по сайтостроительству.
- сформировать ключевые компетенции: умение самостоятельно генерировать и реализовать идеи, алгоритм действий; умение самостоятельно найти недостающую информацию в информационном поле; умение устанавливать причинно-следственные связи;
Календарно-тематическое планирование модульной программы
«Основы web-дизайна». 11 класс.
№ п/п | Кол-во часов | Структура модуля (ТМ) | Интегрирующая дидактическая цель (ИДЦ) | № занятия | Тема занятия, дата проведения | Форма занятия |
II-III | 11 | Вводная часть | Теоретическая часть. - дать представление о целях и содержании модульной программы, ее структуре и требованиях; - дать представление о результатах обучения в данном модуле; | 1. | Знакомство с модульной программой. Организация курса, основы HTML. (1 неделя) | Установочная лекция. |
2. | Вслед за основами. Навигация при помощи карт. (2 неделя) | Лекция с элементами практики | ||||
Диалогическая часть | Информационный анализ проекта. - осуществить отбор активных форм обучения, на основе деятельно – ценностных технологий; - изучить структуру интерактивного сайта - определить компоненты проектной деятельности и этапы ее реализации. | 3. | Добавление стилей. Таблицы стилей. (3 неделя) | Лекция с элементами практики | ||
Практическая реализация проекта - формировать навыки проектной деятельности; - определить продукты и формы проектов; - формировать навыки индивидуальной и групповой работы. | 4. | Фреймы. Структура фрейм - сайта (4 неделя) | Практикум | |||
5. | Формы. Элементы управления формой. (5 неделя) | Практикум | ||||
6 | Разработка проекта (1 неделя) | Инд. кон | ||||
7 | Разработка проекта (2 неделя) | Инд. кон | ||||
8 | Разработка проекта (3 неделя) | Инд. кон | ||||
9 | Разработка проекта (4 неделя) | Инд. кон | ||||
Итоговая часть | Защита проекта. - оценка собственных интеллектуальных качеств и качества своей проектной деятельности. | 10. | Конкурс проектов «Лучший web - программист» (5 неделя) | Презентация проектных работ | ||
11. | Конкурс проектов «Лучший web - дизайнер» (6 неделя) | Презентация проектных работ |
Литература для учителя:
1. М. Моррисон «HTML XML. Быстро и эффективно».- СПб.: Питер,200с.
2. Монахов школьный сайт в Интернете. Элективный курс: Учебное пособие.- М.: Бином. Лаборатория знаний, 200с.:ил
3. ftp://ftp. *****/rented/robot/univer/sidorov. zip
Литература для учащихся:
1. «WEB - конструирование. DHTML»., издательство БХВ-Петербург
- 2003 год, Электронное пособие 2 части.
2. М. Моррисон «HTML XML. Быстро и эффективно».- СПб.: Питер,200с.
3. Монахов школьный сайт в Интернете. Элективный курс: Учебное пособие.- М.: Бином. Лаборатория знаний, 200с.:ил
Методические рекомендации
Изучение данного курса предполагается при использовании электронного пособия «WEB - конструирование. DHTML»., издательство БХВ-Петербург - 2003 год, Электронное пособие 2 части . Целесообразно большую часть занятий отводить самостоятельной работе учащихся с данным пособием, так как в нем содержатся не только теоретические вопросы изучения HTML-программирования, но также практикум и тест. Ознакомление с пособием одновременно сопровождается созданием и разработкой проекта, по выбранной учеником теме. Поэтому, уже на втором занятии ученики получают проектное задание по модулю с примерными темами, критерии его оценивания и примерный план защиты на картах-инструкциях
Получение проектного задания по модулю
Примерные темы проектных работ
- Виды сайтов.
- Сайт по произвольной или учебной теме.
- Сайт «мое хобби»
- Сайт «Мой любимый класс»
- Сайт «Моя школа»
Критерии оценивания проекта
по курсу «HTML-программирование»
Критерии | Баллы (5- отлично, 4- хорошо, 3-не доработано) |
| Оригинальность темы | |
| Информативность, должен раскрывать тему проекта | |
| Дизайн и цветовая схема, соответствие эстетическим нормам, читаемость текста, размер, цвет,…. | |
| Грамматика и орфография… | |
| Удобная навигация, ссылки, кнопки, их расположение, размер,… | |
| Количество страниц (не менее 5) | |
| Единый стиль - страницы одного сайта | |
| Вставка звука, видео (обязательно хотя бы один из обьектов) | |
| Наличие картинок | |
| Артистизм и выразительность выступления, представление и демонстрация проекта | |
ИТОГО |
План защиты проекта:
а) Название, цели создания сайта (для кого, для чего) , автор
б) Структура (мой сайт состоит из…) , план работы над ним
в) Наиболее интересные моменты содержания проекта и открытия, которые ты сделал для себя в ходе работы над проектом
г) Подведи итоги своей работы: чему научился, какие приобрел навыки, какие использовал источники информации (список). Содержит ли проект твои личные размышления и твое собственное оригинальное отношение к теме проекта. Оцени степень самостоятельности выполнения работы и влияние руководителя и консультантов на ход работы. Ты считаешь, что данная работа завершена полностью или ты видишь новые перспективные направления разработки данной темы
Фрагмент занятия по теме «Формат и стиль сайта»
Цели:
- продемонстрировать разницу между понятиями "формат" и "копия"
- пробудить у учеников мысль, что часто содержание диктует форму представления информации
- усовершенствовать навыки анализа сайта
- развить творческие способности учеников
Оборудование и материалы :
доступ в Интернет или скриншоты сайтов, обсуждение которых предполагается, демонстрационное оборудование (мультимедийный проектор, экран), функционирующая локальная сеть, графические редакторы, текстовый редактор, библиотеки шрифтов, фонов и рисунков, «WEB - конструирование. DHTML»., издательство БХВ-Петербург - 2003 год, Электронное пособие 1 часть
Подготовка к занятию:
осуществить подключение к Интернету выложить в открытый доступ демонстрационные материалы разложить групповые задания подготовить шаблоны сайтов для анализа из электронного пособияХод занятия:
1. Орг. моментминуты)
Предложите концепции сайтов, где на первое место выйдет оформление или содержание??.
Действительно, в Сети выложено большое число ярких сайтов разных направлений. Однако часто случается, что мы замечаем на разных сайтах сходные черты. Попробуем проанализировать причину этого сходства.
2. Проблемное групповое заданиемин.)
Для этого необходимо разбиться на группы (по 2 - 3 человека) и один ученик (по желанию) выступает в роли независимого эксперта (файл заданий)
Группа разбивается на 3 – 4 группы (по 2 – 3 компьютера на группу), каждая группа анализирует сайты одного из направлений и находит общие черты в оформлении.
1 группа - поисковые системы, 2 группа - новостные сайты, 3 группа - интернет-магазины.
Индивидуальное задание – изучить шаблоны сайта.
3. Анализ результатов задания. Понятие “формат”. (5 минут)
Далее, пользуясь демонстрируемой на большом экране презентацией, представители каждой из групп знакомят всех с результатами своего исследования. После выступления всех групп ребенок, изучавший статью, подводит итог исследования и объясняет понятие "формат". Итак, мы увидели, что среди сайтов определенного направления можно увидеть много общего и это объясняется тем, что к оформлению, структуре сайта применимо понятие “формат”.
Запишите в тетради тему, определение формата (см. электронное пособие ).
Ученики: выполняют исследовательскую деятельность в ходе групповой работы
Учитель: осуществляет общее руководство и консультирует.
Результат: реализация проблемного метода объяснения нового материала,
знакомство с новым понятием, развитие аналитических способностей,
умения делать выводы, навыков групповой самостоятельной работы.
4. Разделение понятий "формат" и "копия" (5 мин.)
Одно дело – сходные элементы оформления, совсем другое – прямое заимствование, копирование дизайна. Стоит разделять понятия формат и копия.
На сайте студии Артемия Лебедева вы найдете музей клонов, в котором демонстрируются сайты, являющиеся результатом плагиата. (см электронное пособие)Учитель: демонстрирует материалы и комментирует
Ученики: аудиальное и визуальное восприятие.
Результат: расширение понятия.
5. Обсуждение понятия "стиль сайта"мин)
Почему показанные ранее сайты были клонированы?
Чем они обладали?
В чем это выражалось?
Как правило, кто-то из учеников произносит слова “стиль”, “стильный”.
Познакомимся с еще одним сайтов студии Лебедева – сайтом www. *****
Даже если вы не знакомы с творчеством писателя, попробуйте предположить, о чем, о каком времени его произведения? Как вы узнали? Какие визуальные элементы позволяют это предположить?
(Предполагаемые ответы учеников: логотип, шрифты, иллюстрации, стиль языка…)
Специалисты выделяют следующие элементы стиля сайта: (см. презентацию)
Запишите в тетрадь определение стиля и составляющие его компоненты.
Таким образом, в основе стиля лежит, прежде всего, идея, которой подчинены все визуальные элементы web-страницы.
Ученики: самостоятельно просматривают загруженный сайт на локальных компьютерах,
фиксируют основные элементы, идет обсуждение мнений учеников в свободной форме.
Учитель: консультирует и направляет беседу.
Результат: подведение к новому понятию, развитие критического мышления,
формулировка нового понятия
6. Творческое групповое задание (10 мин.)
Задание лежит на парте, ученики работают теми же группами, что и в начале урока. Для успешного задания необходима библиотека иллюстраций, функционирующая сеть и умение учеников быстро осуществлять обмен данными по сети.
Задание: оформить (графическими средствами) титульную страницу потенциального сайта организации "***", если это: (у каждой группы свое оригинальной направление). (см. Приложение6)
Ход выполнения задания:
2 – 3 минуты необходимы участникам, чтобы обговорить общие вопросы. Далее 1 из участников создает любыми возможными средствами заголовки разного уровня (желательно, имеющие смысл), 2 участник создает панель навигации, 3 участник разрабатывает логотип (можно взять из библиотеки рисунков), 4 участник осуществляет конструирование сетки сайта и группировку созданных объектов на своем компьютере.
Ученики: индивидуальная и групповая творческая работа над проектом.
Учитель: консультирует, помогает распределить обязанности,
обеспечивает функционирование локальной сети.
Результат работы: проект титульной страницы сайта, развитие творческих способностей,
умения работать в команде, закрепление пройденного материала.
7. Подведение итоговмин.)
Удалось ли группе (1, 2, 3…) выдержать страницу в едином стиле? Что говорит о выдержке единого стиля страницы? Почему, несмотря на общее название фирмы, сайты групп так отличаются?
