🏫 Урок 39

Структура сайту. Види сторінок сайту

🏫 Урок №39

🖥️ Інформатика | 7 клас
🏫 Урок 39

🎯 Сьогодні ми дізнаємося

  • 🌐 Що таке вебсайт та банер.
  • 🏗️ Які бувають структури сайтів.
  • 📱 Як організована Rozetka та Wikipedia.
  • 🎨 Як спроектувати власну сторінку.
🖥️ Інформатика | 7 клас
🏫 Урок 39

📝 Основні поняття

Вебсайт — це сукупність вебсторінок, пов'язаних за змістом, що мають спільну адресу (доменне ім’я).

Банер — це графічне зображення рекламного характеру, яке містить посилання на інший ресурс.

🖥️ Інформатика | 7 клас
🏫 Урок 39

🏗️ Структури сайтів

1. Лінійна

Сторінки йдуть одна за одною.

Приклад: Тести, презентації, лендінги.

2. Ієрархічна

Від головної до розділів (дерево).

Приклад: Інтернет-магазин.

3. Довільна

Мережа посилань (павутина).

Приклад: Wikipedia.

🖥️ Інформатика | 7 клас
🏫 Урок 39

🛒 Приклад: Rozetka (Ієрархія)

  • Корінь: Головна сторінка.
  • Гілки: Ноутбуки, Смартфони, Одяг.
  • Листя: Конкретний товар.

Така структура допомагає швидко знайти потрібне серед мільйонів товарів!

🖥️ Інформатика | 7 клас
🏫 Урок 39

🌐 Приклад: Wikipedia (Мережа)

Чому саме мережева?

  • Ви можете перейти з теми "Київ" на "Каштани" одним кліком.
  • Немає чіткого шляху "вгору-вниз".
  • Все пов'язано гіперпосиланнями всередині тексту.

🖥️ Інформатика | 7 клас
🏫 Урок 39

🛠️ Практична робота

Завдання 1. «Дослідник» ⭐

Знайдіть 5 різних сторінок на сайті вашої школи. Знайдіть приклад банера на головній сторінці.

Завдання 2. «Аналітик» ⭐⭐

Пройдіть шлях на Rozetka від Головної до будь-якої ігрової миші. Запишіть ланцюжок категорій (сторінок, наприклад Головна ➡ Ноутбуки і компʼютери ➡ ...).

🖥️ Інформатика | 7 клас
🏫 Урок 39

🛠️ Практична робота (продовження)

Завдання 3. «Архітектор» ⭐⭐⭐

Створіть схему ієрархічної структури для власного онлайн-магазину в Excalidraw.

Наприклад:

  • Головна сторінка.
  • 3 категорії.
  • 6 товарів.
🖥️ Інформатика | 7 клас
🏫 Урок 39

❓ Питання для самоперевірки

  • Чим відрізняється ієрархічна структура від мережевої?
  • Навіщо сайтам потрібна чітка структура?
  • Що ви зазвичай бачите на банерах?
🖥️ Інформатика | 7 клас