Продолжительность образовательного процесса

Министерство образования и науки РФ
Муниципальное образовательное учреждение г. Северск
«Средняя общеобразовательная школа № 89»
МЕДИАПОСОБИЕ
ДЛЯ ПРЕДПРОФИЛЬНОЙ ПОДГОТОВКИ
«Создание WEB – страниц с помощью
языка разметки HTML»
Тип курса: предметный элективный курс для предпрофильной подготовки
Класс: 8 класс
Автор: Демина Евгения Викторовна
636070, Томская обл., г. Северск,
пр. Коммунистический, 161, кв. 209,
e-mail: deminae@sibmail.com
sch89@sibmail.com
2008
Пояснительная записка
Актуальность
Мультимедийное образовательное пособие «Создание Web-страниц с помощью языка
разметки HTML» построено на основе модульного принципа обучения – все разделы (темы)
независимы друг от друга и не требуют строгого последовательного изучения.
Медиапособие «Создание Web-страниц с помощью языка разметки HTML» содержит весь
спектр технологии создания Web – документов на основе языка разметки HTML. Данный
продукт ориентирован на учащихся, имеющих определенные навыки работы в сети Internet
и даже создания ее ресурсов, а также элементарные навыки компьютерной графики.
Данная тема не представлена в базовом курсе, однако основы для ее изучения
закладываются при изучении курса «Информатика 9 классы», где рассматриваются
основные приемы создания WEB - сайтов на языке HTML.
Данная тема представлена более углубленно и расширенно, включая простую и
доступную методику изложения, построенную на конкретных примерах (папка
Доп.материал. rar). Основное преимущество медиапособия «Создание Web-страниц с
помощью языка разметки HTML» заключается в том, что оно содержит описание
практических алгоритмов работы создания HTML-кода страниц, программирования,
публикации страниц в сети Интернет и проверки работоспособности сайта.
Цель: Овладеть основными приемами создания WEB - страниц на языке HTML.
Задачи:
1. Познакомиться с основными возможностями языка HTML для создания
Web-страниц.
2. Отработать навыки редактирования веб-страниц в кодах HTML.
3. Овладеть основами компьютерной графики для WEB – страниц: базовые графические
объекты, фотографии, кнопки, карты навигации, графические эффекты, рекламный
рисунок (баннер).
4. Научиться задавать графическому объекту необходимый формат, оптимизировать и
сохранять.
5. Формировать творческий подход к решению разнообразных задач.
Основные знания
В результате изучения медиапособия «Создание Web-страниц с помощью языка
разметки HTML» ученик должен знать/ понимать:
 набор необходимых инструментов для создания веб-страницы /сайта;
 принципы работы с веб-редакторами;
 основные средства редактирования веб-страниц;
 типичную структуру веб-страницы и принципы проектирования сайта;
 основные принципы веб-дизайна.
Основные умения
В результате изучения медиапособия «Создание Web-страниц с помощью языка
разметки HTML» ученик должен уметь:
 самостоятельно составлять и планировать технологическую последовательность
операций;
 уметь самостоятельно находить и использовать нужную информацию;




создавать и оптимизировать графические изображения для WEB;
сканировать графические изображения и текст;
готовить текст и иллюстрированный материал для сайта;
пользоваться средствами Web-редактора для написания страницы: создавать
страницу, использовать гиперссылки, форматировать текст, пользоваться таблицами.
Формы и методы обучения
Формы обучения ориентированы на инновационные педагогические технологии:
 коммуникативно-направленная работа;
 проектно-исследовательская деятельность;
 ознакомление с информационными компьютерными технологиями.
Форма итогового контроля
Для оценки уровня обученности проводится текущий и итоговый контроль
обучаемых в виде кроссворда и контрольного теста, а также презентаций своего сайта.
В качестве предполагаемых результатов могут быть:
 WEB-ресурсы и проекты, созданные учащимися по различным темам;
 результатом совместной деятельности учащихся может быть также организация и
проведение презентаций сайтов (как школьных, так и городских);
 в целях формирования интереса и положительной мотивации к выбранному профилю
содержание предпрофильной подготовки включает участие в городских, областных,
региональных и Всероссийских конкурсах.
Продолжительность образовательного процесса
Курс рассчитан на 17 часов, 1 раза в неделю.
Описание работы
Мультимедийное образовательное пособие в помощь учителю информатики для
предпрофильной подготовки в 8 классах.
Автором представлена основная информация, которая дает возможность использовать
ее в учебном процессе в качестве нового материала (см. файл: Демина_сценарий.doc), а
также с целью обобщения и систематизации изученного материала и самоподготовки к
контрольному тесту по теме «Создание WEB – страниц с помощью языка разметки HTML».
Работа содержит задание для самопроверки: кроссворд, а также анимационный,
графический и другой дополнительный материал, который может быть использован
учителем на уроках.
Программа медиапособия «Создание Web-страниц с помощью языка разметки
HTML» включает в себя справочный материал, Video-уроки для ознакомления и тренировки,
а также кроссворд и контрольный тест.
Программа медиапособия «Создание Web-страниц с помощью языка разметки
HTML» содержит наглядный, обучающий материал по всем основным конструкциям,
используемым в создании Web-документов. В процессе работы с программой обучающийся
проходит 8 тем, наиболее необходимых для различных ситуаций разработки Web-страниц.
Упражнения иллюстрируются красочными картинками, анимацией и video-содержанием
уроков, носят обучающий характер и делают занятия увлекательными и интересными. Весь
текстовой материал сопровождается живой речью. После входа в систему обучающийся
переходит в режим выбора учебного модуля.
Содержание программы
Прежде чем приступить к работе, учитель знакомит учащихся с картой медиапособия, а
также учащимся предлагается просмотреть и прослушать краткую характеристику
медиапособия, описание работы и инструкцию по выполнению контрольного теста. (Левый
верхний угол программы: КАРТА и ОБЗОР) (Рисунок 1).
Рисунок 1
Главное меню программы медиапособия «Создание Web-страниц
с помощью языка разметки HTML»
Учебный материал программы условно делится на четыре модуля:
Модуль I. Video-уроки.
Модуль Video-уроки содержит 8 video-уроков, представлен в виде желтых яблок
(Рисунок 1) и предназначен для изучающих тему «Создание Web-страниц с помощью языка
разметки HTML» «с нуля» (Рисунок 2)
Рисунок 2
Пример видео-урока по теме «Вставка изображения. Фоновый рисунок»
Кадр 1
Кадр 2
Кадр 3
Модуль II. Пособие.
Состоит из восьми разделов (тем) и содержит описание основных понятий,
практических алгоритмов и шаблонов для создания Web-документов, а также необходим для
систематизации полученных знаний и закрепления навыков работы в HTML-редакторе
(Рисунок 3)
Рисунок 3
Пример оглавления пособия. Теоретическая часть.
Страница 3
Модуль III. Кроссворд.
Модуль «Кроссворд» является формой итогового контроля, необязательной для
выполнения. В качестве подготовки к контрольному тесту учащимся рекомендуется
разгадать кроссворд, так как некоторые вопросы дублируются в тестовом задании.
Кроссворд содержит 14 вопросов по горизонтали и 11 по вертикали (Рисунок 4).
Недостатком является невозможность выполнения кроссворда в интерактивном режиме, так
как для установки требуется специальная программа (PikOCross 2), в которой разработан
кроссворд. По желанию заказчика возможно подключение программы PikOCross 2.
Рисунок 4
Главная страница модуля «Кроссворд»
Модуль IV. Контрольный тест.
«Контрольный тест» является обязательной формой итогового контроля. Программа теста
содержит 15 вопросов вида «Да – Нет», а также множественный выбор (учащийся выбирает
один вариант ответа или несколько вариантов). В случае выбора одного варианта ответа,
список выбора ответов обозначается «кружком» (Рисунок 5), а при выборе нескольких
вариантов ответа – «квадратиком» (Рисунок 6). Преимуществом программы контрольного
теста является возможность интерактивного режима выполнения тестовых заданий. В конце,
программа теста автоматически подсчитывает баллы учащегося в процентном соотношении
(Рисунок 7). Время прохождения теста не учитывается, за каждый правильный ответ дается
по 1 баллу
.
Медиапособие «Создание Web-страниц с помощью языка разметки HTML» можно
использовать в качестве вспомогательного материала элективного курса. В приложении
приведен примерный тематический план элективного курса «Создание Web-страниц с
помощью языка разметки HTML» (Приложение).
Рисунок 5
Пример страницы с тестовым вопросом вида множественный выбор
(учащийся выбирает один вариант ответа). Случай правильного выбора.
Рисунок 6
Пример страницы с тестовым вопросом вида множественный выбор
(учащийся выбирает несколько вариантов). Случай неправильного выбора.
Рисунок 7
Конец программы теста. Подсчет баллов в процентном соотношении.
Приложение
Тематический план
№
п/п
1.
2.
3.
4.
5.
6.
7.
8.
9.
«Создание Web-страниц с помощью языка разметки HTML»
Предмет
Класс
Учитель
уч. год
2007/2008
Информатика и ИКТ
8
Демина Е.В.
учебный
год
Тема урока
Кол.
Час.
Создание Web-страниц с помощью языка разметки HTML
17
Введение. Структура HTML-документа.
2
Цвет фона и текста.
2
Форматирование текста на странице.
2
Вставка графических объектов (изображений). Фоновый рисунок.
2
Списки перечисления.
2
Ссылки на другие страницы (гиперссылки).
2
Как отправить письмо с Web-страницы.
2
Вставка таблицы.
2
Контрольный тест.
1
Список использованной литературы
1.
2.
3.
4.
5.
6.
7.
8.
Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайт
+КОМПАКТ-ДИСК: Учеб. пособ./Под ред.
Алексеева Ю.М. – М.:
Лучшие книги. – 2003. – 432с.
Информатика. 7-9 класс. Базовый курс. Практикум по информационным
технологиям/Под ред. Макаровой Н.В. – СПб.: Питер. – 2002. – 288с.
Практикум по информатике: Учеб. пособие/Сост. Могилев А,В.,
Пак Н.И.,
Хеннера Е.К.: Под ред. Хеннера Е.К.– М.:
ACADEMA. – 2002.– 608
с.
HTML 4.0/ Матросов А.В., Сергеев А.О., Чаунин М.П. – СПб.: БХВ-Петербург. –
2001. – 672с.
Программы для Flash, от Macromedia.
CD/видео-уроки Flash.
Web-дизайн / Под ред. Кирсанов Д. – СПб.: Символ-Плюс – 1999. – 267с.
Режим электронного доступа: //www.citforum.ru
Среда исполнения медиапособия
Adobe Captivate 3, Photoshop Css
Музыкальное оформление: Haddaway-What is love (Instrumental remix);
Step expiriens club grooves summer’06