IKIO_pustohina_netschool_informatika_Vologda1

Управление образования Кичменгского-Городецкого муниципального района
Вологодской области
МОУ ДОПР «Кичменгско-Городецкий ИМЦ»
КОМПЬЮТЕРНОЕ ТВОРЧЕСТВО. НАЧАЛА WEB-ДИЗАЙНА
Курс создан на основе адаптированной программы элективного курса Е. В. Давыдовой
«Компьютерное творчество. Начала Web-дизайна»
Возраст учащихся: 10-11 классы
Срок реализации: 2 года
Пустохина Ирина Николаевна,
учитель
информатики
БОУ
«Кичменгско-Городецкая средняя
общеобразовательная
школа»
Кичменгско-Городецкого
муниципального
района
Вологодской области,
высшая
квалификационная
категория
с. Кичменгский Городок
2008 год
Содержание
Пояснительная записка
- 3
Цели и задачи
-4
Планируемые результаты
-5
Программное обеспечение
-5
Учебно-тематический план
-6
Содержание и краткое описание программы
-6
Информационные ресурсы
- 11
2
Пояснительная записка
Основная методическая установка курса – обучение школьников
навыкам самостоятельной работы по практическому конструированию
сайтов, в ходе которой каждый ученик (независимо от его способностей)
может проявить инициативу, творчество, исследовательский подход в ходе
освоения учебного материала. Индивидуальное освоение ключевых способов
деятельности происходит на основе системы заданий и алгоритмических
предписаний, изложенных в учебном пособии для школьников,
составленным учителем. Большинство заданий выполняется с помощью
персонального компьютера и необходимых программных средств. Также
учащиеся при выполнении заданий использовать справочники, техническую
литературу, консультации учителя.
При изложении материала программы используются теоретические и
практические занятия. Основной единицей курса является блок уроков,
охватывающий определенную тему (таких блоков - 7). Каждый блок
начинается с лекции, на которой учитель объясняет основные понятия
рассматриваемой темы и особенности использования той или иной
программной среды. Изучение материала проходит дистанционными
методами обучения через сетевую программу «Net-школа». Уроки проходят
в online и offline – режимах. В случае отсутствия у педагога выхода в
Интернет, урок может проходить в offline – режиме путем самостоятельного
выполнения заданий. Также возможна пересылка решенных заданий по
обычной почте, при помощи дисков, дискет, бумажных пособий.
Основная цель практических упражнений – развить творческое
мышление учащихся. Для выполнения практической работы учащиеся
получают методические материалы, содержащие описание работы,
рекомендуемый план работы, задания для самостоятельного контроля
знаний, полученных в ходе выполнения работы. Преимущество практических
работ заключается в том, что школьники самостоятельно работают на
компьютере, выполняя определенные задания.
Оценка и контроль знаний учащихся осуществляется учителем по
результатам выполнения практических и контрольных заданий с помощью:
- занесения отметок в соответствующую теме задания графу после
получения ответа учащегося;
- автоматического занесения отметок программой «Net-школа» в
назначенную учителем графу после выполнения учащимся теста.
Итоговый контроль целесообразно проводить в виде урокаконференции, на котором осуществляется защита творческих проектов
учащихся с общим обсуждением представляемых работ.
Программа курса обеспечивается учебным пособием для учеников,
компьютерами и компьютерными программами, обозначенными в программе
курса. Наиболее эффективны занятия при наличии выхода в Интернет. В то
же время большая часть работы доступна школьникам без подключения к
сети. Сайты могут создаваться учащимися и в локальной сети.
3
В качестве дополнительных источников информации по курсу рекомендуются справочники, дополнительная литература с описанием новых
программных средств, а также разделы «Справка» в изучаемых
компьютерных программах. Выработка навыка самостоятельного изучения
программных средств позволит ученику самостоятельно продолжать
образование после окончания данного курса.
Курс предполагает интеграцию с другими учебными предметами по
принципу: технология работы с информацией — из информатики, конкретные примеры и задачи — из смежных предметов. Таким образом,
информация из таких учебных предметов, как математика, физика, литература, русский и английский языки, история и др. вполне может использоваться учащимися в процессе конструирования сайтов соответствующей
тематики.
Программа курса «Компьютерное творчество. Начала Web-дизайна»
предназначена для учащихся 10-11 классов и рассчитана на 32 часа.
Цель программы
Формирование у учащихся умений ориентироваться и продуктивно
действовать в информационном Интернет-пространстве, используя для
достижения своих целей создаваемые веб-ресурсы, реализовывать
коммуникативные, технические и эвристические способности в ходе
проектирования и конструирования сайтов.
Задачи программы
1) Познакомить учащихся с различными способами создания
графической информации, особенностями использования графических
элементов при построении web-сайтов.
2) Познакомить учащихся с видами сайтов, их функциональными,
структурными и технологическими особенностями.
3) Дать первичные навыки программирования на языке HTML и
познакомить с основами веб-дизайна.
4) Создать собственный сайт по выбранной тематике.
4
Планируемые результаты программы
В рамках данной программы учащиеся овладевают следующими
знаниями, умениями и способами деятельности и:
— умеют готовить графические изображения для сайта;
— знают принципы и структуру устройства «Всемирной паутины», формы
представления и управления информацией в сети Интернета;
— умеют найти, сохранить и систематизировать необходимую информацию
из сети с помощью имеющихся технологий и программного обеспечения;
владеют браузерами Internet Explorer, Opera;
— умеют спроектировать, изготовить и разместить в сети веб-сайт объемом
5—10 страниц на заданную тему;
— умеют программировать на языках HTML на уровне создания не менее
3—5 соответствующих элементов сайта;
— владеют способами работы с изученными программами (редактор сайтов
FrontPage);
— умеют передавать информацию в сеть Интернета, специальных программ,
веб-форм;
— знают и умеют применять при создании веб-страницы основные
принципы веб-дизайна;
— владеют необходимыми способами проектирования, создания,
размещения и обновления веб-сайта;
— знают виды веб-сайтов, способны произвести анализ и сформулировать
собственную позицию по отношению к их структуре, содержанию, дизайну и
функциональности;
— владеют приемами организации и самоорганизации работы по
изготовлению сайта;
— способны осуществлять рефлексивную деятельность, оценивать свои
результаты,
корректировать
дальнейшую
деятельность
по
сайтостроительству.
Программное обеспечение
1)
2)
3)
4)
Операционная система Windows (версия 95 и выше).
Интернет-браузеры Internet Explorer, Opera.
Офисные программы (Microsoft Word, FrontPage).
Сетевая программа «Net-школа».
5
Учебно-тематический план
№
п/п
1
2
3
4
5
6
7
Наименование темы
Вводное занятие
Элементы
теории
компьютерной
графики
Введение
в
технологию
создания Web-сайтов
Основы
языка
HTML. Оформление
внешнего
вида
документа.
Создание
Webстраниц в программе
Front Page.
Проектирование
Web-сайта.
Творческая работа
над созданием сайта.
Защита собственного
сайта.
Всего:
Количество часов
Практика
Контроль
1
1
Теория
1
1
Итого
1
3
1
-
1
2
1
8
1
10
1
7
1
9
1
5
-
6
-
-
1
1
6
21
5
32
Содержание и краткое описание программы
№
урока
1
2
Название блока
Элементы
теории
компьютерной
графики
Тема урока
Содержание урока
Вводное занятие
Представление
курса:
основные задачи, особенности
проведения
уроков,
рекомендуемые литература и
программы.
Общая
характеристика
зачетной
работы. Особенности работы с
программой Net-школа.
Урок
изучения
нового
материала
Виды
Виды компьютерной графики.
компьютерной
Сравнительная
графики
и характеристика. Цвет в вебцветовых
дизайне. Цветовые модели.
моделей.
Характеристика графических
Форматы
форматов. Графика для вебграфических
браузеров.
файлов,
используемых в
сети Интернет.
Урок
изучения
нового
материала
6
Тип урока
Технология
сканирования.
Форматы
вывода.
Редактирование полученного
изображения.
Создание
баннеров.
Технология
обработки
графической информации.
Урок
закрепления
знаний
Основные
понятия:
виды
сайтов, их назначение, дизайн,
навигация,
графический
дизайн, скорость загрузки
страниц, способы организации
гипертекстовых документов.
Введение
в
технологию
создания Web-сайтов
Урок
изучения
нового
материала
Назначение языка HTML, теги
языка, виды тегов. Общие
правила
записи
тегов.
Простейший документ HTML,
структура
документа,
его
оформление.
Основы языка Практическая
Управление
расположение
HTML.
работа
№2. текста
на
экране.
Оформление
Создание
Использование
стилей
внешнего вида простейшей
заголовка. Задание размеров
документа.
Web-страницы.
текущего
шрифта.
Выравнивание
текста
по
горизонтали.
Основы языка Практическая
Теги для задания цвета фона и
HTML.
работа №3.
текста.
Оформление
Теги для задания
внешнего вида цвета фона и
документа.
текста.
Урок
изучения
нового
материала
10
Основы языка
HTML.
Оформление
внешнего вида
документа.
Практическая
работа №4.
Оформление
таблиц.
Теги для создания таблиц.
Урок
закрепления
знаний
11
Основы языка
HTML.
Оформление
внешнего вида
Практическая
работа №5.
Оформление
списков.
Элементы списка. Теги для Урок
создания списков.
закрепления
знаний
3
4
5
6
7
8
9
Элементы
теории
компьютерной
графики
Сканирование.
Создание
баннеров.
Практическая
работа №1.
Элементы
Контрольная
теории
работа
№1.
компьютерной
Технология
графики
обработки
графической
информации.
Введение
в Web-сайты
и
технологию
web-страницы.
создания Web- Этапы
сайтов
разработки webсайтов.
Введение
в Контрольная
технологию
работа №2.
создания Webсайтов
Основы языка HTML - язык
HTML.
разметки
Оформление
гипертекста.
внешнего вида
документа.
7
Урок
контроля
оценки
знаний.
Урок
контроля
оценки
знаний.
Урок
закрепления
знаний
Урок
закрепления
знаний
и
и
документа.
Основы языка
HTML.
Оформление
внешнего вида
документа.
Практическая
работа №6.
Размещение
графики
на
HTML-странице.
Размещение
графики
на Урок
HTML-странице.
Атрибуты закрепления
изображения.
Фоновое знаний
изображение графики.
13
Основы языка
HTML.
Оформление
внешнего вида
документа.
Практическая
работа №7.
Размещение
графики
на
HTML-странице.
Размещение
графики
на Урок
HTML-странице.
Атрибуты закрепления
изображения.
Фоновое знаний
изображение графики.
14
Основы языка Практическая
HTML.
работа №8.
Оформление
Гиперссылки.
внешнего вида
документа.
Построение
гипертекстовых Урок
связей. Текстовые ссылки. закрепления
Графические ссылки.
знаний
15
Основы языка
HTML.
Оформление
внешнего вида
документа.
Создание простейшей HTML – Урок
страницы.
контроля
оценки
знаний.
12
16
17
Создание
страниц
программе
Page.
Создание
страниц
программе
Page.
Webв
Front
Webв
Front
18
Создание Webстраниц
в
программе Front
Page.
19
Создание
страниц
программе
Page.
Создание
страниц
программе
Page.
20
Контрольная
работа №3.
Создание
простейшей
HTML–
страницы.
Основные
возможности
программы Front
Page.
Практическая
работа №9.
Использование
шаблонов
для
создания
вебстраниц.
Сохранение вебстраниц.
Практическая
работа №10.
Использование
вебкомпонентов.
Web- Практическая
в работа №11.
Front Оформление
таблиц.
Web- Практическая
в работа №12.
Front Оформление
списков.
Основные
возможности Урок
программы Front Page.
изучения
нового
материала
Использование шаблонов для Урок
создания
веб-страниц. закрепления
Сохранение веб-страниц.
знаний
Использование
компонентов.
веб- Урок
закрепления
знаний
Оформление таблиц.
Урок
закрепления
знаний
Оформление списков.
Урок
закрепления
знаний
8
и
Создание Web- Практическая
страниц
в работа №13.
программе Front Размещение
Page.
графики
на
HTML-странице.
Создание Web- Практическая
страниц
в работа №14.
программе Front Размещение
Page.
графики на вебстранице.
Создание Web- Практическая
страниц
в работа №15.
программе Front Гиперссылки.
Page.
Размещение
графики
HTML-странице.
24
Создание Web- Практическая
страниц
в работа №16.
программе Front Гиперссылки.
Page.
Построение
гипертекстовых Урок
связей. Текстовые ссылки. закрепления
Графические ссылки.
знаний
25
Создание Web- Контрольная
страниц
в работа №4.
программе Front Создание
Page.
простейшего
сайта.
Проектирование Этапы
Web-сайта.
разработки Webсайта.
Создание простейшего сайта.
21
22
23
26
27
28
29
30
31
на Урок
закрепления
знаний
Размещение графики на веб- Урок
странице.
закрепления
знаний
Построение
гипертекстовых Урок
связей. Текстовые ссылки. закрепления
Графические ссылки.
знаний
Этапы разработки Web-сайта:
разработка структуры сайта и
принципа
навигации,
тестирование,
публикация.
Правила создания хорошего
сайта. Примеры удачных и
неудачных решений.
Творческая
Практическая
Поиск в сети Интернет сайтов.
работа
над работа №17.
Обзор ресурсов, связанных с
созданием
Поиск в сети веб-дизайном.
сайта.
Интернет.
Творческая
Практическая
Выбор темы и постановка
работа
над работа №18.
задачи для разработки вебсозданием
сайта.
сайта.
Творческая
Практическая
Создание сайта на выбранную
работа
над работа №19.
тему.
созданием
сайта.
Творческая
Практическая
Создание сайта на выбранную
работа
над работа №20.
тему.
созданием
сайта.
Творческая
Практическая
Тестирование и размещение
работа
над работа №21.
сайта в Интернете.
созданием
9
Урок
контроля
оценки
знаний.
и
Урок
изучения
нового
материала
Урок
закрепления
знаний
Урок
комплексного
применения
знаний
Урок
комплексного
применения
знаний
Урок
комплексного
применения
знаний
Урок
комплексного
применения
32
сайта.
Защита
собственного
сайта.
Контрольная
Защита собственного сайта.
работа
№5.
Защита
собственного
сайта.
10
знаний
Защита
собственного
сайта.
Информационные ресурсы
1) http://1popov.ru/bonuscourse/htmlform - бесплатный курс HTML от
Евгения Попова.
2) http://dostizenie.ucoz.ru/sies_stroj.pdf - учебно-методическое пособие по
основам сайтостроения.
3) http://www.weburoki-start.ru – уроки по созданию сайта.
4) Давыдова Е. В. Элективный курс «Компьютерное творчество. Начала
веб-дизайна» // Информатика и образование. 2006. №11.
5) Орешко А. П., Хуторской А. В. Технология создания сайтов. Москва:
Вита-Пресс, 2004.
6) Смирнова И. Е. Начала web-дизайна. Санкт-Петербург: БВХПетербург, 2003.
7) Угринович Н. Д. Информатика и информационные технологии. 10-11
классы. Москва: Бином, 2004.
8) Шелепаева А. Х. Поурочные разработки по информатике. 8-9 классы.
Москва: Вако, 2005.
9) Шелепаева А. Х. Поурочные разработки по информатике. 10-11
классы. Москва: Вако, 2007.
11