Тема. Проектна діяльність. Розбиття на групи. Вибір теми проекту. Розробка плану проекту.
Хід уроку
І. Організаційний етап ІІ. Актуалізація опорних знань
ІІІ. Мотивація навчальної діяльності
ІV. Вивчення нового матеріалу
1. Мій персональний сайт
- Розділи: Про мене, Мої захоплення, Фотогалерея, Контакти.
- Можна додати стилізацію, ефекти при наведенні, карту школи тощо.
2. Віртуальний музей (наприклад, історії України)
- Кожен "зал" — окрема секція (Козаччина, ХХ століття, Незалежність).
- Картинки, текстові блоки, інтерактивний таймлайн або відео.
3. Сайт-енциклопедія про улюблену тему
- Наприклад: тварини, спорт, музика, космос, відомі українці.
- Розділи з підтемами, вставки фото/відео, таблиці чи списки.
4. Освітній сайт: «Допомога учням 10 класу»
- Можна створити міні-портал з матеріалами для підготовки до ЗНО/НМТ.
- Розділи по предметах, посилання на ресурси, розклад навчання.
5. Сайт міста або села
V. Засвоєння нових знань - Інформація про історію, пам’ятки, видатних людей, події.
- Можна додати карту з позначенням цікавих місць.
VІ. Фізкультхвилинка
VІІ. Формування вмінь та навичок
Повторення правил роботи за комп’ютером
Робота за комп’ютером
Шаблон HTML-проєкту: "Мій персональний сайт"
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Про мене</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Привіт! Я [Твоє ім’я]</h1>
<nav>
<ul>
<li><a href="#about">Про мене</a></li>
<li><a href="#hobbies">Захоплення</a></li>
<li><a href="#gallery">Галерея</a></li>
<li><a href="#contact">Контакти</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>Про мене</h2>
<p>Я учень/учениця 10 класу. Мені подобається вивчати інформатику, HTML та створювати сайти.</p>
</section>
<section id="hobbies">
<h2>Мої захоплення</h2>
<ul>
<li>Футбол</li>
<li>Малювання</li>
<li>Комп'ютерні ігри</li>
<li>Програмування</li>
</ul>
</section>
<section id="gallery">
<h2>Фотогалерея</h2>
<img src="foto1.jpg" alt="Фото 1">
<img src="foto2.jpg" alt="Фото 2">
</section>
<section id="contact">
<h2>Контакти</h2>
<p>Електронна пошта: <a href="mailto:example@email.com">example@email.com</a></p>
</section>
</main>
<footer>
<p>© 2025 [Твоє ім’я]. Усі права захищені.</p>
</footer>
</body>
</html>
VІІІ. Підбиття підсумків уроку
ІХ. Домашнє завдання Опрацювати конспект.
