План-конспект уроку з інформатики на тему "Оформлення тексту в Web-документі. Засоби створення HTML-документа"
ТЕМА УРОКУ. Оформлення тексту в Web-документі. Засоби створення HTML-документа.
МЕТА УРОКУ:
Навчальна. Навчити учнів оформляти найпростіші веб-сторінки, форматувати їх вміст. Вивчити основні теги для форматування структури веб-сторінок. Ознайомити з програмами для створення веб-сторінок.
Розвиваюча. Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам’ять. Розвивати навички роботи з клавіатурою.
Виховна. Виховувати почуття відповідальності за вчинки та слова.
ОБЛАДНАННЯ: Комп’ютери класу. Мережа Інтернет.
НАГЛЯДНІСТЬ:
ХІД УРОКУ.
І. Вступна частина.
1. Оголошення теми та мети уроку, його ролі в даній темі та курсі інформатики в цілому.
2. Постановка перед дітьми цілі та розкриття методів її досягнення на уроці
ІІ. Актуалізація теми уроку.
? 1. Що таке форматування тексту?
? 2. Для чого потрібне форматування веб-сторінки?
ІІІ. Перевірка вивчення матеріалу.
Фронтальне опитування учнів по минулому уроку.
ІV. Вивчення нового матеріалу.
1. Теги для оформлення тексту в веб-документі.
• Теги вставляння абзаців та переходу на наступний рядок: <P>--</P>, <BR>.
• Теги вирівнювання тексту: <P ALIGN=center, left, right, justify>.
• Теги зміни розміру шрифту:
<H4> текст </H4> (можна використовувати цифри від 1 до 6).
<Big> текст </Big> - збільшити розмір на 1 пункт.
<Small> Текст </Small>- зменшити розмір на 1 пункт.
Font size="параметр"> Текст </Font> - вказати розмір шрифта (1-6) або збільшити чи зменшити шрифт (+1, +2…, -1, -2…).
• Теги зміни кольору тексту та фону:
<font color="колір"> Форматований текст! </font>
Кольори:
Колір Написання Цифровий код
Білий White #FFFFFF
Чорний Black #000000
Зелений Green #008000
Світло-зелений Lime #00FF00
Сірий Gray #808080
Світло-сірий Silver #C0C0C0
Жовтий Yellow #FFFF00
Темно-бордовий Maroon #800000
Синій Blue #0000FF
Темно-синій Navy #000080
Блакитний Aqua #00FFFF
Ізумрудний Teal #008080
Червоний Red #FF0000
Пурпуровий Purple #800080
Розовий Fuchsia #FF00FF
Оливковий Olive #808000
<body bgcolor="колір">
<body background="ваш_фон.jpg">
• Теги зміни вигляду шрифту:
<b> Напівжирний текст </b> або <Strong>
<i> Нахилений текст </i> або <Em>
<u> Підкреслений текст </u>
2. Програми для створення веб-документів.
• InStyle;
• Word;
• Блокнот;
• MS FrontPage.
V. Закріплення вивченого.
Створення учнями власних веб-сторінок з використанням вивчених тегів.
VІ. Аналіз та підсумки уроку.
Підводяться підсумки уроку та вивченого матеріалу.
ДОМАШНЄ ЗАВДАННЯ. Конспект.
