
План-конспект уроку з інформатики на тему "Теги управління зовнішнім виглядом HTML-документа"
ТЕМА УРОКУ. Теги управління зовнішнім виглядом HTML-документа.
МЕТА УРОКУ:
Навчальна. Навчити учнів змінювати зовнішній вигляд найпростішої веб-сторінки. Вивчити основні теги для зміни вигляду веб-сторінок.
Розвиваюча. Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам’ять. Розвивати навички роботи з клавіатурою.
Виховна. Виховувати уміння володіти собою та грамотно висловлювати свою думку.
ОБЛАДНАННЯ: Комп’ютери класу. Мережа Інтернет.
НАГЛЯДНІСТЬ:
ХІД УРОКУ.
І. Вступна частина.
1. Оголошення теми та мети уроку, його ролі в даній темі та курсі інформатики в цілому.
2. Постановка перед дітьми цілі та розкриття методів її досягнення на уроці
ІІ. Актуалізація теми уроку.
? 1. Які за зовнішнім виглядом бувають веб-сторінки?
? 2. Для чого потрібні різні види веб-сторінок?
ІІІ. Перевірка вивчення матеріалу.
Фронтальне опитування учнів по минулому уроку.
ІV. Вивчення нового матеріалу.
1. Вставляння гіперпосилань.
<a href="prf.html">мои фотографии</a>
2. Вставляння ліній.
<Hr align="right"> (center или left)
<Hr width="30%"> (ширина линии в процентах/пикселях)
<Hr size="6"> (толщина линии)
<Hr NoShade> (отмена объемности)
<Hr color="cc0000"> (цвет линии, только в IE)
3. Вставляння бігучого рядка.
<marquee height="10" width="270" bgcolor="#99CCFF">
Текст
</marquee>
4. Розбиття сторінки на фрейми.
1-й файл.
<html>
<head>
<title>Хождение по фреймам</title>
</head>
<frameset rows="100,*,150">
<frame src="logo.html">
<frame src="content.html">
<frame src="menu.html">
</frameset>
</html>
V. Закріплення вивченого.
Створення учнями власних веб-сторінок з використанням вивчених тегів.
VІ. Аналіз та підсумки уроку.
Підводяться підсумки уроку та вивченого матеріалу.
ДОМАШНЄ ЗАВДАННЯ. Конспект.