Гіпермаркет Знань>>Інформатика 11 клас>>Інформатика>> Інформатика: Основи веб-дизайну
План-конспект уроку з курсу «Інформатика 11 клас» з теми «Работа со списками»
Урок № 3.
Работа со списками.
Цели:
• Образовательные: - первоначальные представления о структурировании информации в html. - Сформировать представление о принципах построения списков в htmlи используемых при этом тегах.
• Развивающие: - умения анализировать, сравнивать, систематизировать и обобщать; - интерес к учению, стремление к расширению кругозора;
• Воспитательные: - бережное отношение к имуществу, ВТ и учебным пособиям; - дисциплинированность, любознательность.
Ход урока:
> Организационный момент. > Проверка д/з: тест на компьютере «Основы html» > Объяснение нового материала.
Повторяем основные понятия html. Повторяем что такое списки. Рассматриваем виды списков. Показываем, где мы можем применить списки и подробно рассматриваем работу с разными видами списков. Рассматривает типы маркеров в нумерованных и маркированных списках. Еще раз доказываем, что браузер при отображении документа показывает его строго в соответствии с тегами, указанными нами в html коде. Рассказываем как списки применяются в построении сайтов с использованием стилей CSS. Предлагаем таблицу с изученными тегами и их описанием для записи и изучения в домашней работе.
> Закрепление изученного материала: Выполнить упражнение к уроку 3.
Задание на дом: Изучить материал в тетради наизусть.
Упражнение к уроку 3:
1. Создайте в htmlследующий список: - Тег htm - Определяет документ 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".
Надіслав вчитель інформатики Тарасов Дмитро.
Основи веб-дизайну > Основи веб-дизайну. Конспект уроку і опорний каркас
|