Гіпермаркет Знань>>Інформатика 11 клас>>Інформатика>> Інформатика: Основи веб-дизайну

План-конспект уроку з курсу «Інформатика 11 клас» з теми «Работа со списками»

Урок№3.

Работа со списками.

Цели:

• Образовательные:
- первоначальные представления о структурировании информации в html.
- Сформировать представление о принципах построения списков в htmlи используемых при этом тегах.

• Развивающие:
-  умения анализировать, сравнивать, систематизировать и обобщать;
- интерес к учению, стремление к расширению кругозора;

• Воспитательные:
- бережное отношение к имуществу, ВТ и учебным пособиям;
- дисциплинированность, любознательность.


Ход урока:

> Организационный момент.
> Проверка д/з: тест на компьютере «Основы html»
> Объяснение нового материала.

Повторяем основные понятия html.
Повторяем что такое списки.
Рассматриваем виды списков.
Показываем, где мы можем применить списки и подробно рассматриваем работу с разными видами  списков.
Рассматривает типы маркеров в нумерованных и маркированных списках.
Еще раз доказываем, что браузер при отображении документа показывает его строго в соответствии с тегами, указанными нами в html коде.
Рассказываем как списки применяются в построении сайтов с использованием стилей CSS.
Предлагаем таблицу с изученными тегами и их описанием для записи и изучения в домашней работе.

> Закрепление изученного материала:
Выполнить упражнение к уроку 3.

Задание на дом:
Изучить материал в тетради наизусть.

Упражнение к уроку 3:

1. Создайте в htmlследующий список:
- Тег htmlОпределяет документ HTML
- Тег bodyОпределяет основную часть или тело документа
- Тег h1 h6Определяет заголовки с 1 по 6
- Тег pОпределяет параграф
- Тег brВставляет единичный перенос строки
- Тег hrОпределяет горизонтальную линейку

2. Скопируйте в htmlсписок и вставьте его ниже. Сделайте его нумерованным.
1. Тег htmlОпределяет документ HTML
2. Тег bodyОпределяет основную часть или тело документа
3. Тег h1 h6Определяет заголовки с 1 по 6
4. Тег pОпределяет параграф
5. Тег brВставляет единичный перенос строки
6. Тег hrОпределяет горизонтальную линейку

Сохраните файл как "spiski.html".

Надіслав вчитель інформатики Тарасов Дмитро.