Конструктор уроків
4
0
56
0
0
0
1
📚 1. Мета уроку
Пояснити учням основні типи веб-сайтів, їх класифікацію, характеристики та застосування; розвинути вміння аналізувати функції сайтів; сформувати навички розпізнавання типів сайтів у реальному Інтернет-середовищі.
📘 2. План уроку
Вступ — Що таке сайт?
Класифікація сайтів
Статичні та динамічні сайти
За призначенням
Приклади та розбір
Практична робота
Домашнє завдання
Питання для перевірки знань
🧠 3. Що таке сайт?
Сайт — це сукупність пов’язаних між собою веб-сторінок, доступних через Інтернет за однією адресою (URL).
– Кожна сторінка містить текст, зображення, відео, посилання тощо.
– Сайт розміщується на веб-сервері та відкривається через браузер (Chrome, Edge, Firefox).
📊 4. Загальні способи класифікації сайтів
Сайти класифікують за структурою та призначенням.
🔹 4.1 За структурою
Тип | Характеристика | Приклад |
Статичні сайти | Фіксований контент, змінити може лише розробник | Презентаційні сторінки |
Динамічні сайти | Контент оновлюється автоматично або користувачем | Новинні портали, соцмережі |
Статичний сайт:
– Код написано мовами HTML/CSS, інколи JS.
– Незмінний вміст до моменту редагування вручну.
Динамічний сайт:
– Взаємодія з базами даних.
– Зміни здійснюються через панелі керування або автоматично.
🔹 4.2 За призначенням
Тип сайту | Основна функція | Приклад |
Корпоративний сайт | Інформація про компанію | Сайт IT-компанії |
Інтернет-магазин (E-Commerce) | Продаж товарів/послуг | Amazon, Rozetka |
Новинний портал | Актуальні новини | BBC, ТСН |
Блог / Персональний сайт | Особисті публікації | Блог про подорожі |
Освітній сайт | Навчальні матеріали | Coursera, Prometheus |
Форум / Спільнота | Обмін думками | StackOverflow |
Портфоліо | Демонстрація робіт | Дизайн-портфоліо |
Лендінг (Landing Page) | Продаж/реклама одного продукту | Рекламні сторінки акцій |
🌐 5. Детальніший розгляд популярних типів
📌 5.1 Новинний портал
Актуальні новини щодня;
Часті оновлення;
Сортування за категоріями.
👉 Приклад: Новинний веб-сайт BBC або ТСН.
🛍️ 5.2 Інтернет-магазин
Каталог товарів;
Кошик, замовлення, онлайн-оплата;
Особистий кабінет користувача.
👉 Приклад: онлайн-магазини (Amazon, Rozetka).
🧑💻 5.3 Блог
Особистий контент;
Коментарі читачів;
Тематичні пости.
👉 Приклад: блог про подорожі, кулінарію.
🎓 5.4 Освітній сайт
Курси, лекції, тести;
Мультимедіа-матеріали;
Сертифікація.
👉 Приклад: Coursera, edX, Prometheus.
📚 6. Відео для кращого розуміння
📌 Відео 1: Що таке веб-сайт і як він працює
📌 Відео 2: Типи веб-сайтів (англійською)
💻 7. Практична робота
🔹 Учні заходять на 5 різних сайтів і визначають їх тип та призначення.
Скласти таблицю:
№ | URL сайту | Тип сайту | Чому так? |
1 |
🏠 8. Домашнє завдання
Підготувати коротку презентацію (3–5 слайдів) про вибраний тип сайту.
Знайти 3 приклади сайтів та пояснити їх тип.
📌 9. Контрольні запитання
Що таке сайт?
Чим відрізняється статичний сайт від динамічного?
Назвіть 3 типи сайтів за призначенням.
Наведіть приклади інтернет-магазинів.
2
Підготувати коротку презентацію (3–5 слайдів) про вибраний тип сайту.
Знайти 3 приклади сайтів та пояснити їх тип.
3
Практична робота
🔹 Зайдіть на 5 різних сайтів і визначіть їх тип та призначення.
Скласти таблицю:
№ | URL сайту | Тип сайту | Чому так? |
4
Рефлексія від 0 учнів
Сподобався:
Так: 0
Ні: 0
Зрозумілий:
Так: 0
Ні: 0
Потрібні роз'яснення:
Ні: 0
Так: 0
Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.