Тема: Структура сайту. Види сторінок сайту

Тема: Структура сайту. Види сторінок сайту

Мета заняття:

• Ознайомити учнів з основними елементами структури вебсайту.

• Пояснити різновиди сторінок, які входять до складу сайту.

• Навчити будувати схему структури власного майбутнього сайту.

📚 Обладнання та матеріали:

• Комп’ютери з доступом до Інтернету

• Редактор презентацій або графічних схем (Google Слайди, Canva, PowerPoint)

• Блокнот або шаблон для структури сайту

План заняття

І. Вступна частина (5 хв)

Бесіда з класом:

• Чи відвідуєте ви сайти? Назвіть ті, якими користуєтесь найчастіше.

• Як ви думаєте, з чого складається сайт?

ІІ. Міні-лекція: Структура сайту і види сторінок (10–12 хв)

📌 Основні елементи сайту:

1. Головна сторінка – «вітрина» сайту, перше враження.

2. Про нас / Контакти – сторінка з інформацією про компанію, автора.

3. Новини / Блог – регулярне оновлення контенту.

4. Товари / Послуги – опис продукції або пропозицій.

5. Форма зворотного зв’язку / FAQ – допомога користувачу.

📌 Додаткові сторінки:

• Галерея / Портфоліо

• Відгуки

• Кошик / Замовлення (у магазинах)

📌 Меню сайту:

Це навігаційна панель, яка дозволяє швидко переходити між сторінками.

ІІ. Практична частина (20–25 хв)

✅ Завдання 1: Визначаємо структуру відомого сайту

Інструкція:
Кожна пара обирає сайт (наприклад: Rozetka, Wikipedia, Nova Poshta, Prom.ua, YouTube).
Завдання — визначити:

• Головну сторінку

• Що є в меню

• Які види сторінок є

🔁 Учні коротко презентують результати.

авдання 2: Створення структури власного сайту

Тема на вибір:

• Мій особистий блог

• Шкільна газета онлайн

• Магазин солодощів

• Сайт для класу або гуртка

Учень створює:

• Назву сайту

• Структуру (з 5–7 сторінок)

• Малюнок або блок-схему структури (на папері чи в презентації)

Учень створює:

• Назву сайту

• Структуру (з 5–7 сторінок)

• Малюнок або блок-схему структури (на папері чи в презентації)

Головна

│

├── Про мене

├── Мої роботи

├── Блог

├── Контакти

ІV. Підсумок і рефлексія (5 хв)

• Які сторінки найважливіші для будь-якого сайту?

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

• Чи хотіли б ви створити справжній сайт?

📋 завдання:

Підготувати опис для кожної сторінки свого сайту (по 2–3 речення). Наступного разу – починаємо створювати сайт у редакторі HTML чи конструкторі.