Конспект урока: Основные элементы, теги и атрибуты языка html

KNOWLEDGE HYPERMARKET

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

План-конспект уроку з курсу «Інформатика 11 клас» з теми «Основные элементы, теги и атрибуты языка html»

Урок № 2.

Основные элементы, теги и атрибуты языка html.

Цели:

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

• Развивающие:
- навыки работы с текстовыми редакторами и сохранением текста в html-страницу;
- интерес к учению и исследовательским процессам;

• Воспитательные:
- внимательность, сосредоточенность, аккуратность при работе с ПО;
- интерес к самостоятельной работе, творчеству;

Ход урока:

> Организационный момент.
> Объяснение нового материала:

Демонстрируем пример из упражнения 1 и разбираем его тем самым повторяем материал с предыдущего урока и подводим к изучению нового материла.

Повторяем и обобщаем понятие атрибута тега и его значение.

Создаем html страницу. Вставляем отформатированный текст между тегами body и видим как происходит отображение html страницы. Показываем, что браузер игнорирует лишние пробелы и переходы на новые строки. Он руководствуется тегами в которые мы заключаем текст и демонстрируем это.

Рассматриваем тег принудительного переноса <br> .

Говорим о тегах заголовков и рассматриваем тег <h1>.

Рассматриваем тег горизонтальной линии <hr> и показываем, где это можно применить.
Тег <title> и его значение.

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

Предлагаем переписать в тетрадь основные теги, и их значение.

> Закрепление изученного материала:

Выполнить упражнение к уроку 2.

Для тех кто справится, можно попробовать поработать с изученными тегами и их атрибутами, наполнить свою первую html-страницу.

Задание на дом:

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

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

Напечатайте следующий текст:
<html>
<head>
<title>Это заголовок страницы</title>
</head>
<body>
<h1>Здравствуйте!</h1>
<p>Это моя первая страница HTML. <strong>Этот текст выводится жирным шрифтом. </strong ></p>
</body>
</html>
Сохраните файл как "page1.html".

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

Источник — «http://edufuture.biz/index.php?title=%D0%9A%D0%BE%D0%BD%D1%81%D0%BF%D0%B5%D0%BA%D1%82_%D1%83%D1%80%D0%BE%D0%BA%D0%B0:_%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B,_%D1%82%D0%B5%D0%B3%D0%B8_%D0%B8_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_html»

Основи веб-дизайну > Основи веб-дизайну. Конспект уроку і опорний каркас

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: