Конспект урока по теме "Язык HTML. Создание списка"
Конспект урока по теме "Язык HTML. Создание списка"
Конспект урока по информатике "Язык HTML. Создание списка".Предназначен для учащихся девятого класса.УМК: Угринович.Тип урока изучение нового материала.Для усвоения изученой темы имеется практическая работа.Конспект урока расчитан на 40 минут урока.Конспект урока соответствует учебнику.
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Просмотр содержимого документа
«Конспект урока по теме "Язык HTML. Создание списка"»
Конспект урока, проведенного в 9 классе.
Тема: «Язык HTML. Создание списка».
Цель урока: закрепить знания об общих принципах работы в HTML документе, научиться создавать маркированные, нумерованные, вложенные списки и списки определений.
Задачи урока:
образовательные:
-практическое применение изученного материала;
- формирование представления о маркированном и нумерованном списке в HTML документе;
-изучение особенностей записи логических выражений в электронных таблицах;
развивающие:
-развитие познавательного интереса, речи и внимания учащихся;
-развитие коммуникационной компетентности у учащихся;
-развитие умения применять полученные знания для;
воспитательные:
-воспитание творческого подхода к работе;
-профессиональная ориентация и подготовка к трудовой деятельности.
Оборудование: программное обеспечение: стандартная программа Блокнот; мультимедийный проектор, интерактивная доска.
Ход урока:
№
Этап занятия
Содержание
I.
Организационный момент
Сообщение темы и цели занятия
Здравствуйте ребята.
(1 слайд) Тема сегодняшнего нашего урока «Язык HTML. Создание списка». Откройте тетради и запишите тему урока.
II.
Актуализация знаний учащихся
1. Ответы учащихся на поставленные вопросы по пройденной теме.
На прошлом уроке вы уже начали знакомиться с языком HTML и изучили создание таблиц. Давайте с вами проверим как вы выполнили домашнее задание. Я буду задавать вам вопросы, а вы поднимайте руку и отвечайте. Что такое HTML?(Язык разметки гипертекста).Что такое тег?(Элемент HTML, представляющий из себя текст, заключенный в угловые скобки).Чем отличается открывающийся тег от закрывающего?(Перед закрывающимся тегом ставиться знак /). Какой тег используется для вставки таблицы в HTML документе?(Table).Какой тег обозначает столбец таблицы? (TD).А столбец таблицы какой тег обозначает?(TR).Какой атрибут обозначает выравнивание таблицы на странице?(Align). Какое значение принимает выравнивание таблицы на странице?(Left, Center, Right).
III.
Изучение нового материала
Структура списка.
Маркированный список.
Нумерованный список.
Список определений.
Вложенный список.
Сегодня мы с вами продолжаем работать с языком HTML. Очень часто определенную информацию на сайте необходимо представить в виде списков. Списки позволяют упорядочить и систематизировать различную информацию и представить ее для посетителя в удобном виде. Списки в HTML могут быть четырех разновидностей: маркированные списки, нумерованные списки, вложенные списки и списки определений. Рассмотрим, как их создавать по порядку.
(2 слайд) Данный вид списка используется наиболее часто. Маркированный список в HTML создается при помощи тегов
. При этом напротив каждого элемента списка добавляется маркер, по умолчанию это маркер в виде кружка. При помощи тегов
создается контейнер, внутри которого располагаются элементы списка:
.
Каждый пункт списка начинается с маркера, в качестве маркера может использоваться закрашенный кружок (используется по умолчанию), окружность или квадратик. У тега
есть атрибут type, при помощи которого, и задается стиль маркера. Данный атрибут имеет следующие значения:
disc - круг;
circle - окружность;
square - квадрат.
Значение disc используется по умолчанию.
(3 слайд) Структура маркированного списка будет выглядеть так:
Вариант 1
Вариант 2
Вариант 3
Вариант 1
Вариант 2
Вариант 3
(4 слайд) Пример создания маркированного списка с маркерами в виде окружности:
type="circle"
Вариант 1
Вариант 2
Вариант 3
В результате список примет, следующий вид:
Вариант 1
Вариант 2
Вариант 3
(5 слайд) Создание маркированного списка с маркерами в виде квадратиков:
type="square"
Вариант 1
Вариант 2
Вариант 3
Список будет иметь вид:
Вариант 1
Вариант 2
Вариант 3
Как вы можете заметить, каждый элемент списка располагается с новой строки, при этом слева, сверху и снизу создаются определенные отступы.
(6 слайд) Атрибут type можно применять не только к тегу
, но и к тегу
. Таким образом можно создать список с разнообразными маркерами.
LI type="disc"Вариант 1LI
type="circle"Вариант 2
type="square"Вариант 3
В результате получится следующее:
Вариант 1
Вариант 2
Вариант 3
Нумерованные спискив HTML представляют собой списки, в которых каждый пункт имеет порядковый номер, (7 слайд) создаются нумерованные списки при помощи тега
и вложенных в его тегов
Первая строчка
Вторая строчка
Третья строчка
Выглядит такой список следующим образом:
Первая строчка
Вторая строчка
Третья строчка
(8 слайд) (По умолчанию нумерация производится арабскими цифрами. Но у тега
есть атрибут type, при помощи значений которого нумерацию можно делать заглавными (type="A") или строчными (type="a") латинскими буквами, римскими цифрами в верхнем (type="I") и нижнем (type="i") регистре.
Ниже приведены сокращенные варианты кода, и вид нумерации который может быть в том или ином случае.