Тема 2: «Створення та публікація вебресурсів». Урок № 11. (До § 8)

Створення сайтів

Інтерактивний план-конспект уроку для 8 класу НУШ

🎯 Мета уроку

Освітня: Ознайомити учнів з основними етапами створення сайтів, поняттям гіпертексту та CMS.
Розвивальна: Розвивати навички аналізу інформації, критичного мислення та креативності у процесі розробки вебсторінок.
Виховна: Формувати відповідальне ставлення до створення та публікації інформації в Інтернеті, дотримання етичних норм.

✅ Очікувані результати

Після уроку учні зможуть:

визначати поняття "вебсторінка" та "сайт";
називати основні етапи створення сайтів;
пояснювати призначення гіпертексту та гіперпосилань;
наводити приклади систем керування вмістом (CMS);
розрізняти ієрархічну та лінійну структуру сайту.

📊 Групи результатів (НУШ)

Візуалізація важливості груп результатів для цього уроку.

Учень / учениця:

ГР1 – працює з інформацією, даними, моделями;
ГР2 – створює інформаційні продукти;
ГР3 – працює в цифровому середовищі;
ГР4 – безпечно та відповідально працює з інформаційними технологіями.

📚 Тип уроку

Урок вивчення нового матеріалу з елементами практичної роботи.

💻 Обладнання та ПЗ

Персональні комп’ютери, підключені до мережі Інтернет.
Підручник «Інформатика 8 клас» О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов.
Браузер для доступу до веб-ресурсів.
Програми для створення сайтів (наприклад, CMS або текстовий редактор для HTML).

🔗 Міжпредметні зв'язки

Українська мова: Робота з текстом, структурою, логікою викладу.
Дизайн: Основи композиції, естетика вебсторінок.
Мистецтво: Візуальне оформлення, підбір графіки.

ПОВТОРЮЄМО

Актуалізація опорних знань

Що таке пакетна передача даних?
Що таке мережевий протокол?
Назвіть три відомі мережеві протоколи та їхнє призначення.
Які основні функції провайдера?
Яка основна перевага нового покоління технологій мобільного зв'язку (наприклад, 5G) порівняно з попередніми?
Що потрібно зробити, щоб почати роботу в Інтернеті?

Джерело: Підручник з інформатики для 8 класу (стор. 43-46)

Практичний блок уроку

Вправа 1: Зіставте терміни з їхніми визначеннями.

Перетягніть термін до відповідного визначення.

Сукупність тематично пов’язаних вебсторінок і документів під одним доменним іменем.

Текст, що містить гіперпосилання, тобто зв’язки з іншими частинами документа або іншими документами чи файлами.

Послуга з надання дискового простору сервера для розміщення, функціонування та обслуговування веб-сайтів.

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

Вправа 2: Розташуйте етапи створення сайту в правильному порядку.

Перетягніть елементи, щоб відновити послідовність.

Вправа 3: Яка структура сайту найбільш підходить для невеликої кількості сторінок, де перехід на потрібну сторінку здійснюється за 2-3 клацання?

Виберіть єдиний правильний варіант.

Ієрархічна

Лінійна

Мішана

Довільна

Вправа 4: Виберіть переваги використання Системи Керування Вмістом (СКВ) для створення сайтів.

Відмітьте всі правильні варіанти.

Дозволяє створювати сайти без знання мов програмування

Використовується тільки для великих корпоративних проектів

Забезпечує однаковий вигляд вебсторінок у різних браузерах

Вимагає обов'язкового розміщення хостингу на власному ПК

Перевірка знань

Натисніть на картку, щоб побачити відповідь.

1. Що таке вебсторінка?

Вебсторінка — це документ або інформаційний ресурс, доступний у мережі Інтернет за допомогою веббраузера.
2. Які основні етапи створення сайту?

Основні етапи створення сайту: маркетингові дослідження, планування структури, розробка дизайну, конструювання, наповнення вмістом, тестування, розміщення в Інтернеті, обслуговування, просування.
3. Що таке гіпертекст?

Гіпертекст — це текст, що містить гіперпосилання, тобто зв’язки з іншими частинами документа або іншими документами чи файлами.
4. Що таке хостинг?

Хостинг — це послуга з надання дискового простору сервера для розміщення, функціонування та обслуговування веб-сайтів.
5. Назвіть приклади популярних безкоштовних СКВ.

Популярні безкоштовні СКВ: WordPress, Joomla, OpenCart, Drupal.
6. Які відмінності між ієрархічною та лінійною структурою сайту?

Ієрархічна: підходить для сайтів з невеликою кількістю сторінок, дозволяє перехід за 2-3 клацання.

Лінійна: для послідовного перегляду сторінок. Більшість сайтів використовують мішану структуру.

Джерело: Підручник з інформатики для 8 класу (стор. 47-52)

Домашнє завдання

1. Теоретична частина:

Опрацювати § 8 (стор. 47-52).

2. Практична частина:

Виконати вправу № 8 (стор. 51-52).

3. Завдання за бажанням (для закріплення):

Інтерактивна платформа IZZI (8 клас) до § 8: https://ua.izzi.digital/DOS/1183864/1197768.html

Додаткові матеріали

Техніка безпеки
Оцінювання учнів та учениць на уроках інформатики
Підручник з інформатики для 8 класу (§ 8, стор. 47-52)
Інтерактивна платформа IZZI (8 клас)
Інтерактивна платформа IZZI (8 клас) до § 8: https://ua.izzi.digital/DOS/1183864/1197768.html