Тема уроку: Автоматизовані засоби для створення та публікації веб-ресурсів

Тема уроку: Автоматизовані засоби для створення та публікації веб-ресурсів

Клас: 8
Тип уроку: Комбінований (теоретичний + практичний)
Тривалість: 45 хв
Мета:

• Ознайомлення учнів з автоматизованими платформами для створення сайтів (конструкторами сайтів);

• Зрозуміють переваги та недоліки таких засобів;

• Навчитаться створювати простий веб-сайт за допомогою конструктора (наприклад, Google Sites або Wix, чи постого блокнота);

• Розвинуть навички оформлення інформаційних ресурсів.

Структура уроку

1. Організаційний момент (2 хв)

2. Актуалізація знань (4 хв)

3. Вивчення нового матеріалу (12 хв)

4. Демонстрація (5 хв)

5. Практична робота (15 хв)

6. Підбиття підсумків (4 хв)

7. Домашнє завдання (3 хв)

Актуалізація знань (4 хв)

Бесіда з учнями:

• Що таке веб-сайт?

• Чи потрібно знати програмування, щоб створити сайт?

• Які існують способи створення сайтів?

Короткий висновок:
Є два основних підходи:

1. Ручне створення (HTML, CSS, JS);

2. Автоматизоване створення — за допомогою конструкторів сайтів, де не потрібне кодування.

Вивчення нового матеріалу (12 хв)

✅ Що таке автоматизовані засоби?

Автоматизовані засоби створення веб-ресурсів — це онлайн-сервіси або програми, які дозволяють створювати сайти за допомогою візуального редактора без знання мов програмування.

✅ Популярні платформи:

Як працює конструктор сайтів?

Візуальний інтерфейс дозволяє «перетягувати» блоки:

• Текст;

• Зображення;

• Галереї;

• Відео;

• Кнопки тощо.

Переваги і недоліки

Переваги:

• Не потрібно писати код;

• Швидкий результат;

• Шаблони дизайну.

Недоліки:

• Менше гнучкості;

• Часто потрібна реєстрація;

• Обмеження у безкоштовних версіях.

Демонстрація (5 хв)

Учитель демонструє створення сайту у Google Sites (або Wix, залежно від технічних можливостей):

• Як створити новий сайт;

• Як додати назву, зображення, розділи;

• Як опублікувати сайт.

  https://www.youtube.com/watch?v=3AAQ4pY8KOc

Практична робота (15 хв)

🧑‍💻 Завдання для учнів:

Створення навчального міні-сайту на тему: "Мій клас/Моє хобі/Мій улюблений предмет"

Кроки:

Використовуючи e-mail, яким ви користуєтесь у школі
vasylkutenskyi@radekhivspec.ukr.education

1. Зайти на Google Sites.

2. Створити новий сайт.

3. Додати:

   • Назву сайту;

   • Головну сторінку з короткою інформацією;

   • Одну додаткову сторінку (наприклад: «Про мене», «Фотогалерея» тощо);

   • Зображення або відео.

4. Опублікувати сайт (вказати адресу, напр. my-class-8a).

5. Скопіювати посилання та поділитись з учителем (через Google Form, спільний документ або в чаті уроку).

6. можна вибрати з переліку за посиланням:https://www.websiteplanet.com/uk/blog/найкращих-diy-конструкторів-сайтів/

6. Підбиття підсумків (4 хв)

Опишіть

• Що нового дізналися?

• Що було найпростішим, а що — найважчим?

• Де в реальному житті можуть знадобитись такі навички?

📌 Висновок:
Конструктори сайтів — це простий і зручний спосіб створення власного інтернет-ресурсу навіть без програмування.

Завдання (3 хв)

🔧 Інструкція:
Доопрацювати свій сайт:

• Додати ще одну сторінку;

• Оформити стиль (шрифт, кольори, зображення);

• Зробити власну галерею або список посилань.

💡 Альтернатива:
Підготувати коротку презентацію «Порівняння Google Sites та Wix» (на 1–2 слайди) — за бажанням.