Разработка Web-страниц с использованием языка HTML (урок, презентация)

^{Обобщающий урок информатики}

^{в 11 классе по теме:}

^{«Разработка Веб-страниц с использованием}

^{языка HTML»}

• использованные источники:

Угринович Н. Д. Информатика и ИКТ. Базовый уровень. Учебник для 11 классов. М.: Бином. Лаборатория знаний, 2008 г.

• ключевые слова или опорные понятия:

Web-сайт, WEB-страница, язык НТМL, тэги, мультимедийность, интерактивность, сервер , гостевая книга, гиперссылка, браузер, контейнер

Цели:

Образовательные

1. Обеспечить в ходе конкурса повторение, закрепление и контроль усвоения тем курса "Разработка Web-сайтов с использованием языка HTML".

2. Закрепить умение использовать язык разметки гипертекста HTML для создания Web-сайтов.

Развивающие

1. Развивать у учащихся самостоятельность в принятии решения, планирования деятельности.

2. Развивать познавательный интерес учащихся, внося в течение конкурса элемент соревнования.

Воспитательные

1. Содействовать в ходе конкурса формированию основных мировоззренческих идей (причинно-следственные связи)

2. Способствовать воспитанию у учащихся внимательности, целеустремленности.

Ход занятия

1. Организационный момент

Здравствуйте, ребята! Я рад приветствовать Вас на заключительном занятии по курсу "Разработка Web-сайтов с использованием языка HTML". Мы проведем его в форме конкурса. Вы разбиваетесь на команды по 4 человека и выполняете предложенные задания.

Задания выполняются индивидуально, а баллы идут той команде, чей участник дал правильный ответ. Ваши знания будет оценивать жюри.

После каждого этапа конкурса жюри подсчитывает набранные баллы и объявляет результаты.

Желаю Вам удачи!

2. Теоретические задания:

а) "Тестирование"

Дорогие ребята! Вашему вниманию предлагается тест «Проверь себя». Приложение 1, презентация, слайды 3 - 11

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.

б) "Ответьте на вопросы"

А теперь вы должны ответить на вопросы. Приложение 2,

презентация, слайды 14 - 18

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.

в) "Установите соответствие"

Вашему вниманию предлагается таблица. Вы должны каждой строчке в правом столбце найти соответствующую строчку в левом столбце. Приложение 3, презентация, слайды 19 - 21

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.

Практические задания: (см. Приложение 4, папку Практикум, презентация, слайды 22 - 26)

а) " Создание WEB-страницы по предложенному материалу "

В папке Женева находится текстовый файл «Женева», в котором дается небольшая информация об этом городе и файл картинки «Женева», с изображением самого города.

1. Создайте в Блокноте WEB-страницу, содержащую этот текст под названием ЖЕНЕВА

2. Вставить картинку города, расположив ее посередине перед текстом .

3. Выделите в тексте 3 абзаца:

1-ый абзац - цвет шрифта - красный, размер шрифта = 5

2-ой - цвет шрифта - синий, размер шрифта = 3

3-ий - цвет шрифта - зеленый, размер шрифта = 4

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.

б) «Доработайте сайт»

В папке ГОРОСКОП дан WEB-сайт «ГОРОСКОП» для трех знаков зодиака, состоящий из 4-х WEB-страниц.

Создать гиперссылки:

А) с первой страницы сайта на другие страницы сайта

Б) с каждой страницы сайта на главную.

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы участниц.

в) Работа с интерактивными формами. «Доработайте WEB-страницу с анкетой».

Вам предлагается доработать Веб-страницу «Анкета»:

1.Длина поля ФАМИЛИЯ - 30, ИМЯ - 10, ОТЧЕСТВА - 30 , поля возраст - 13.

2.В нужные поля дописать названия медалей.

3.Занести предметы, по которым у вас «5».

4. Записать ваши любимые занятия.

5. Изменить цвет фона страницы на розовый.

ПОДВЕДЕНИЕ ИТОГОВ: жюри проверяет и оценивает работы учащихся.

4. Итоги урока. Объявление и награждение победителей.

Итак, наш урок-конкурс завершен. Подведем итоги. Вы хорошо подготовились к уроку, показали свои знания и умения.

Заключительное слово жюри. Победившая команда награждается грамотой, призом. Все участники урока получают поощрительные призы.