Урок "Автоматизовані засоби створення та публікації вебресурсів. Наповнення тематичних розділів та налаштування навігації"

Тема уроку: Автоматизовані засоби створення та публікації вебресурсів. Наповнення тематичних розділів та налаштування навігації.

Клас: 8

Мета уроку:

•        Навчальна: навчити учнів наповнювати тематичні розділи сайту текстовим та мультимедійним контентом; сформувати навички створення внутрішніх та зовнішніх гіперпосилань; закріпити вміння працювати з макетами сторінок.
•        Розвивальна: розвивати системне мислення через побудову логічних зв’язків між об’єктами; розвивати навички структурування літературного матеріалу.
•        Виховна: виховувати естетичний смак, культуру презентації творчості класиків; стимулювати відповідальне ставлення до авторства.

Очікувані результати (згідно з ГР):

•        ГР 3 (Системне мислення): Учень самостійно вибудовує ієрархію сторінок, налаштовує переходи між розділами (наприклад, від біографії до конкретного вірша).
•        ГР 2 (Створення продуктів): Учень інтегрує різні типи об'єктів (текст, фото, можливо відео) у єдину композицію.

Тип уроку: Практичне застосування знань.

Обладнання: комп’ютери, папки з дібраним контентом «Мій вебсайт», інструкційні картки.

ХІД УРОКУ

І. Організаційний етап (2 хв)

•        Перевірка готовності. БЖД: коротка бесіда про гігієну зору під час тривалої роботи з текстом.

ІІ. Актуалізація опорних знань (5 хв)

•        Технологічна перевірка: «Як додати нову сторінку в Google Сайти?», «Для чого потрібні макети (Layouts) на панелі вставки?».
•        Міжпредметний зв'язок: Учні пригадують назви віршів Шевченка, Франка та Українки, які вони підготували для розміщення.

ІІІ. Мотивація та пояснення завдання (8 хв)

•        Проблема: «Уявіть, що користувач зайшов на ваш сайт, прочитав біографію Франка, але не може знайти його вірші. Що ми маємо зробити?».
•        Рішення: Налаштування логічної навігації. Пояснення, як зробити так, щоб меню було зрозумілим, а переходи — миттєвими.
•        Авторський контент: Нагадування про можливість інтеграції власних YouTube-відео (якщо учень створював їх у 7 класі), що значно підвищує оцінку.

ІV. Практична робота — «Наповнення смислами» (25 хв)

•        Етап 1. Робота з макетами: Учні обирають макет «Зображення + текст» для сторінок поетів.
•        Етап 2. Контент-менеджмент (Оцінювання ГР 2):
  •        Розміщення портретів та коротких біографічних довідок.
  •        Публікація поезій (наприклад, «Лілея» на сторінці Шевченка).
  •        Налаштування шрифтів: акцент на читанні (поезія має виглядати естетично).
•        Етап 3. Побудова системи зв'язків (Оцінювання ГР 3):
  •        Створення меню.
  •        Перевірка: чи веде кнопка «Іван Франко» саме на сторінку Каменяра?
  •        Додавання зовнішніх посилань на офіційні цифрові бібліотеки.
•        Методична порада: Вчитель допомагає учням, які мають труднощі з ієрархією сторінок («як зробити сторінку вірша підсторінкою автора»).

V. Узагальнення та самоперевірка (3 хв)

•        Вправа «Клік-тест»: Учні мають за 3 кліки знайти вірш «Заповіт» на своєму сайті з головної сторінки. Якщо вдалося — логіка побудована правильно.

VІ. Рефлексія та домашнє завдання (2 хв)

•        Рефлексія: «Чи відчуваєте ви себе редакторами літературного журналу? Який розділ вашого сайту вийшов найбільш насиченим?».
•        Домашнє завдання: Завершити наповнення принаймні двох тематичних розділів. Надіслати скриншоти сторінок авторів у Classroom.

Матеріал для розміщення в Classroom на випадок асинхронної роботи, плюс додаток.

На уроці

      У випадку асинхронної роботи (через відключення світла або інтернету) виконайте нижче зазначене.

Матеріали по темі розміщені в:

        Підручник: «Інформатика 8 клас» (авт. Ривкінд Й.Я., Лисенко Т.І. та ін.), с. 179-188.

        Електронна версія підручника в форматі PDF: https://drive.google.com/file/d/1mfpj_xItWOdVCyU8pp3LErlNNy7b_mRa/view?usp=classroom_web&authuser=0

  ✅ Сьогодні ми продовжуємо роботу з Google Сайтом та ознайомлення з інструментами для створення вебсторінок.