Урок "Автоматизовані засоби створення та публікації вебресурсів. Конструювання першої сторінки та робота з об’єктами"

Тема уроку: Автоматизовані засоби створення та публікації вебресурсів. Конструювання першої сторінки та робота з об’єктами.

Клас: 8

Мета уроку:

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

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

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

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

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

ХІД УРОКУ

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

•        Перевірка готовності робочих місць. Повторення правил БЖД (вправа «Світлофор» — вчитель називає дію, учні сигналізують, чи вона безпечна).

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

•        Бліцопитування:
  •        Як відкрити конструктор Google Сайти?
  •        Які переваги дає ієрархічна структура сайту?
  •        Де ви зберігали підготовлені матеріали для проєкту? (контроль наявності папки «Мій вебсайт»).

ІІІ. Вивчення нового матеріалу через дію (10 хв)

•        Демонстрація алгоритму:
  1.      Вибір назви сайту («Перлини української поезії»).
  2.      Налаштування верхнього колонтитула (вибір типу банера: обкладинка, великий банер чи лише заголовок).
  3.      Робота з вкладкою «Теми»: обговорення, яка кольорова гама краще підходить для літературного альманаху (стриманість, класичність).
•        Акцент на авторстві: Ознайомлення з пам'яткою про авторські права. Обговорення: "Чому не можна просто скопіювати вірш Шевченка без вказівки джерела (наприклад, порталу Osvita.ua)?".

ІV. Практична робота — Створення "Обличчя сайту" (20 хв)

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

V. Узагальнення та контроль (5 хв)

•        Перевірка результатів: Учні демонструють вчителю свої перші сторінки.
•        Аналіз помилок: Обговорення типових помилок (занадто яскравий фон, через який не видно тексту; відсутність логічного заголовка).

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

•        Рефлексія: «Що було найскладнішим: обрати дизайн чи почати наповнювати сайт?».
•        Домашнє завдання: Надіслати скриншот першої сторінки в Classroom. Підготувати матеріали для сторінки обраного автора (вірш + ілюстрація).

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

На уроці

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

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

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

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

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