Практична робота 3. Створення та налаштування власного сайту за допомогою Google Sites

ТЕОРЕТИЧНІ ВІДОМОСТІ

ПРАКТИЧНІ ЗАВДАННЯ

Завдання 1. Створення макету та вибір теми

Мета: Запустити новий проєкт і налаштувати візуальний стиль.

Перейдіть за адресою sites.google.com/new.
Натисніть на “Пустий файл” (+).
У лівому верхньому куті введіть назву сайту: Сайт_Вихователя_Прізвище.
У полі “Заголовок сторінки” напишіть: “Світ дитинства” (або назву вашої групи).
На панелі справа перейдіть у вкладку “Теми”.
Оберіть тему, яка вам подобається (наприклад, “Арістотель” або “Дипломат”), і змініть основний колір теми на теплий (жовтий, помаранчевий або зелений).
Результат: Сайт має заголовок і обраний стиль.

Завдання 2. Налаштування навігації (Сторінки)

Мета: Створити структуру сайту (меню).

На панелі справа перейдіть у вкладку “Сторінки”.
У вас є тільки “Головна”. Натисніть “+” (внизу панелі), щоб створити нові сторінки.
Створіть сторінки з назвами:
- Про мене
- Батькам
- Галерея
Створіть підсторінку: перетягніть сторінку Галерея на сторінку Батькам (або через три крапки → “Додати підсторінку”). Тепер у меню “Батькам” з’явиться випадаючий список.
Результат: У верхньому меню сайту з’явилися кнопки навігації.

Завдання 3. Наповнення Головної сторінки (Вставка контенту)

Мета: Додати текст та фото.

Перейдіть на вкладку “Головна”.
На панелі справа (вкладка “Вставка”) оберіть блок “Макети вмісту” (перший варіант: картинка зліва + текст справа).
Натисніть на “+”, щоб завантажити своє фото (або будь-яке фото педагога з інтернету).
У полі “Заголовок” напишіть: “Вітаю на моєму сайті!”.
У полі “Текст” напишіть коротке звернення (2-3 речення): “Я, [Ваше Ім’я], вихователь з 5-річним досвідом. Мій пріоритет — щасливе дитинство кожного малюка.”
Додайте роздільник (внизу вкладки “Вставка”) для краси.

Завдання 4. Робота з мультимедіа та інтеграцією

Мета: Вставити відео з YouTube та Календар

Перейдіть на сторінку Батькам.
Справа у вкладці “Вставка” прокрутіть вниз до розділу YouTube.
У пошуку введіть: “Ранкова руханка для дітей” та оберіть будь-яке відео. Натисніть “Вибрати”. Відео з’явиться на сторінці.
Нижче додайте текстовий блок: “Розклад занять”.
Справа оберіть інструмент “Календар”. Виберіть свій Google Календар (або “Свята в Україні”) і натисніть “Вставити”.
Результат: На сторінці є активне відео та календар.

Завдання 5. Попередній перегляд та Публікація

Мета: Перевірити адаптивність та опублікувати ресурс.

У верхній панелі інструментів натисніть значок “Попередній перегляд” (схожий на ноутбук/телефон).
Перемкніть режими знизу справа: Телефон → Планшет → Екран. Переконайтеся, що все читається.
Натисніть хрестик (X), щоб вийти з перегляду.
Натисніть синю кнопку “Опублікувати” (справа зверху).
Придумайте веб-адресу (на латиниці, наприклад: my-group-sun-surname). Якщо адреса зайнята — додайте цифри.
Натисніть “Опублікувати”.
Натисніть на стрілочку біля кнопки “Опублікувати” → “Переглянути опублікований сайт”. Скопіюйте посилання.

Питання для самоконтролю

Чи потрібно знати мову HTML, щоб створити сайт на Google Sites?
Що означає термін “адаптивний дизайн” (responsive design)?
Як змінити головне зображення (“шапку”) сайту?
Які типи доступу існують при публікації сайту (хто його може бачити)?
Як створити випадаюче меню (підсторінку)?
Чи можна вбудувати Google Форму на сторінку сайту? Для чого це може знадобитися вихователю?
Що таке “Макети вмісту” (Content Blocks) і як вони спрощують роботу?
Як перевірити, як виглядатиме сайт на мобільному телефоні до його публікації?
Чи можна надати доступ колезі для спільного редагування сайту? Як це зробити?
Як видалити помилково створену сторінку?

теоретичні відомості