«Списки на Web-страницах. Интерактивные формы на Web-страницах»

Автор: Салаватов М.Н. учитель информатики и ИКТ

МБОУ «Брагунская СШ»Гудермесского района ЧР

Урок 8 класс

Тема урока: «Списки на Web-страницах. Интерактивные формы на Web-страницах»

Цели урока: формирование навыков и умений работы с тегами при создании на Web-странице упорядоченных, неупорядоченных, вложенных списков.

Задачи урока:

образовательные: сформулировать основные принципы добавления списков на WEB-страницы; познакомить учеников с видами списков в HTML; продемонстрировать использование этих списков на конкретных примерах;

развивающие: развивать логику, умение анализировать, сравнивать, делать выводы, высказывать свою мысль;

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

Тип урока: комбинированный: изучения нового материала и первичного закрепления полученных знаний.

Формы работы учащихся: фронтальная, индивидуаль­ная.

Оборудование и ЭОР: компьютер, мультимедийный проектор, персональные компьютеры для учеников, презентация к уроку, примеры веб-страниц, самостоятельная работа по вариантам.

Ход урока.

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

Приветствие учащихся, создание рабочей атмосферы и позитивного настроя.

Эпиграф к уроку стихи Н.Заболоцкого:

Не позволяй душе лениться!
Чтоб воду в ступе не толочь,
Душа обязана трудиться
И день и ночь, и день и ночь.

1. Целеполагание и мотивация. Звучит песня из мультфильма «Фиксики и Интернет». Учитель задает вопросы, выслушивает мнение учащихся, формирует окончательный ответ.

1. Ребята, вы прослушали фрагмент песни, и, наверное, сможете сказать, о чем мы с вами сегодня будем говорить на уроке? Интернет – огромная копилка знаний и фактов.

Умение создавать Web-сайты становится все более актуальным навыком пользователя Интернета. Опубликовать сайт в Интернете настолько просто и доступно, что эта возможность привлекает все большее число людей. Тема нашего урока «Списки на Web-страницах. Интерактивные формы» Слайд 1

1. Актуализация знаний.

Учитель. Но прежде чем приступать к изучению новой темы, проверим ваши знания по теме «Основы языка разметки гипертекста HTML». В течение 7 минут нужно выполнить тест из 6 вариантов.

1. Объяснение нового материала.

Учитель. Сегодня мы познакомимся с использованием списков при оформлении текстов. Текст с перечислением – это список. Выделяют два основных вида списков – маркированный и нумерованный. Маркированный список используют, если порядок перечисления не важен, нумерованный – если порядок перечисления важен.

Списки бывают: упорядоченные, неупорядоченные, списки определений, списки вложений.

Слайд 2

Упорядоченные списки используются для:

• Оглавлений.
• Перечня предписаний (например, инструкции по установке стиральной машины).
• Последовательных разделов книги.
• Присоединения номеров к кратким фразам, на которые, возможно, придется где-то ссылаться.

Слайд 3

Тэги для упорядоченных списков: тэг ol…ol заголовок списка, тэг li - элемент списка Атрибуты: start=“число“ устанавливает номер списка, с которого начинается нумерация, type=”тип” устанавливает тип номеров в списке. В тэг li можно вставлять атрибуты Type=”тип” и value=“число“

Слайд 4

Тип	Стиль	Образец
1	Арабские цифры	1, 2, 3, 4,…
A	Заглавные буквы	A, B, C, D,…
a	Строчные буквы	a, b, c, d,…
I	Заглавные римские	I, II, III, IV,…
i	Строчные римские	i, ii, iii, iv,…

Пример 1. (Приложение1)

Упорядоченные списки

Список предметов, начиная с "3":
1. История

2. Математика

3. Физика

4. Информатика

Список с использованием букв:
1. История

2. Математика

3. Физика

4. Информатика

Список с римскими цифрами:
1. История

2. Математика

3. Физика

4. Информатика