ТЕОРЕТИЧНІ ВІДОМОСТІ
ПРАКТИЧНІ ЗАВДАННЯ
Легенда: Ви — керівник волонтерської ініціативи “Турбота поряд”. Вам потрібно створити простий сайт для інформування населення про надання продуктових наборів.
Завдання 1. Створення сайту та вибір теми
Мета: Підготувати основу ресурсу.
- Перейдіть на sites.google.com.
- Натисніть “Пустий файл” (Blank) або “+”.
- У верхньому лівому куті замість “Сайт без назви” напишіть: Соцпроєкт_Прізвище.
- У правій панелі перейдіть на вкладку “Теми”. Оберіть сувору, офіційну тему (наприклад, “Проста” або “Вражаюча”) та змініть колір на синій або зелений (кольори довіри).
- Результат: Скріншот головного екрана з обраною темою.
Завдання 2. Оформлення головного банера (Хедер)
Мета: Зробити сайт впізнаваним.
- Наведіть мишку на заголовок сторінки. Напишіть назву: “Волонтерський центр ‘ТУРБОТА'”.
- Натисніть “Змінити зображення” → “Вибрати”. Оберіть нейтральне фото з галереї Google або завантажте картинку з рукостисканням/людьми.
- Натисніть “Тип заголовка” і оберіть “Банер”.
- Важливо для доступності: Зліва вгорі натисніть “Додати логотип” (можна використати будь-яку іконку смайлика або серця).
- Результат: Скріншот оформленої “шапки” сайту.
Завдання 3. Наповнення контентом (Інформаційні блоки)
Мета: Структурувати інформацію для клієнта.
- У вкладці “Вставка” оберіть блок “Контент” (макет: картинка зліва + текст справа).
- Картинка: Завантажте фото продуктового набору (або будь-яке тематичне).
- Заголовок: “Продуктова допомога”.
- Текст: “Ми надаємо продуктові набори пенсіонерам та ВПО. Видача відбувається щосереди з 10:00 до 14:00.”
- Додайте нижче ще один текстовий блок (Текстове поле) і напишіть великим жирним шрифтом: “УВАГА! При собі мати паспорт та довідку ВПО.” (Використайте червоний колір тексту для акценту).
Завдання 4. Інтерактивні елементи (Зв’язок з попередніми темами)
Мета: Додати карту та форму реєстрації.
- Прокрутіть панель “Вставка” вниз до розділу “Карта” (Map).
- Введіть адресу вашого навчального закладу (як умовного офісу центру) і натисніть “Вибрати”. Карта з’явиться на сторінці.
- Знайдіть кнопку “Форми” (Forms). Оберіть форму, яку ви створювали на Практичній роботі №2 (Опитування громади).
- Вставте її на сайт. Тепер клієнт може заповнити заявку прямо тут.
- Результат: Скріншот частини сайту, де видно карту і вбудовану форму.
Завдання 5. Публікація та перегляд мобільної версії
Мета: Перевірити, як сайт бачать люди.
- У верхній панелі натисніть значок “Попередній перегляд” (виглядає як ноутбук зі смартфоном).
- Переключіть режим на “Телефон” (справа внизу). Перевірте, чи читається текст на маленькому екрані.
- Вийдіть з перегляду (хрестик).
- Натисніть велику синю кнопку “Опублікувати”.
- Придумайте веб-адресу (наприклад: turbota-ivanenko).
- Натисніть “Опублікувати”. Скопіюйте посилання на опублікований сайт (значок скріпки).
- Результат: Надіслати викладачу посилання на готовий сайт.
Питання для самоконтролю