© Інтерактивна інформатика https://interact-lessons.com
Діагностична робота 8 клас Біос ІІ семестр
Прізвище та ім’я _____________________________________________________
ГР1: Працює з інформацією, даними, моделями (Кожне завдання по 2 бали)
1. Композиція - це ... .
А. поєднання різних елементів у вашому проєкті, які втілюють певну ідею
Б. множина усіх зовнішніх ознак, що сприймаються зором
В. художнє проєктування і конструювання естетичних властивостей оточуючого нас предметного світу
2. Найсвіжішою та актуальною версією мови розмітки є ... .
А. HTML4
Б. HTML5
В. HTML6
Г. HTML7
3. Що таке CSS?
А. Мова програмування для серверів
Б. Мова для зміни зовнішнього вигляду вебсторінок
В. Система керування базами даних
Г. Графічний редактор
4. Для чого потрібне SEO?
А. Щоб сайт мав яскраві кольори
Б. Щоб сайт працював швидше
В. Щоб сайт був зрозумілим для пошукових систем
Г. Щоб сайт був схожий на магазин
5. Встанови відповідність.
А. Логотипи
Б. Піктограми
В. Банери
Г. Етикетки
Д. Кнопки
1. інформаційні елементи для товарів
2. унікальні символи, що презентують бренд
3. елементи інтерфейсу для взаємодії
4. невеликі умовні зображення
5. графічні рекламні елементи на вебсторінках
6. Підпиши параметри типографіки.
А. Кернінг
Б. Інтерліньяж
В. Базова лінія
Г. Верхній виносний елемент
Д. Нижній виносний елемент
Е. Кегль
ГР2: Створює інформаційні продукти (Кожне завдання по 2 бали)
1. Створює прототип сайту, малює іконки, підбирає шрифти, кольорову палітру сайту.
А. Верстальник
Б. Програміст
В. Дизайнер
Г. Тестувальник
Д. Контент-менеджер
2. Стилі CSS краще розміщувати ... .
А. на початку коду
Б. в середині коду
В. в кінці коду
3. Встанови відповідність.
А. «Шапка», або хедер
Б. Основний контент
В. Бічна панель
Г. «Підвал», або футер
Д. Додаткові елементи
1. Вигулькові вікна
2. Авторські права
3. Центральна область сторінки
4. Реклама
5. Навігаційне меню
4. Інструмент, щоб додати графічні примітиви.



5. Встанови відповідність.
А. <!DOCTYPE html>
Б. <html> </html>
В. <head> </head>
Г. <body> </body>
1. Початок і кінець документа
2. Початок і кінець тіла документа
3. Початок і кінець тегу, який зберігає службову інформацію
4. Вказує тип документа
6. Віднови послідовність етапів дизайн-мислення.
А. Прототипування
Б. Тестування
В. Емпатія
Г. Генерація ідей
Д. Визначення проблеми
ГР3: Працює в цифровому середовищі (Кожне завдання по 2 бали)
1. На вебсторінку можна додати:
А. навігаційний блок
Б. відео
В. аудіо
Г. заголовок
Д. зображення
Е. все перелічене
2. Що таке contactForm.php?
А. HTML сторінка
Б. CSS файл
В. Серверний скрипт для обробки даних форми
Г. Зображення
3. Чому користувач не може відправити форму без правильно написаної адреси у полі email?
А. Через властивість action
Б. Через функцію HTML5, яка перевіряє коректність email
В. Через тег <form>
Г. Через серверний скрипт
4. Що потрібно, щоб будь-який комп’ютер міг працювати як вебсервер?
А. Підключити принтер
Б. Змінити операційну систему
В. Підключити флешку
Г. Встановити відповідне серверне програмне забезпечення
5. Чому популярні вебсайти не розміщують на звичайних комп’ютерах?
А. Бо навантаження занадто велике
Б. Бо вони не мають підключення до інтернету
В. Бо вони не підтримують браузери
Г. Бо вони не мають доменного імені
6. Встанови відповідність.
А. Canva
Б. Figma
В. Inkscape
1. Платформа графічного дизайну, що дозволяє користувачам створювати графіку, презентації, афіші та інший візуальний контент
2. Безплатний векторний редактор з відкритим кодом, що має потужні інструменти для редагування векторної графіки
3. Онлайн-редактор, який дозволяє працювати над проектами в реальному часі спільно з іншими користувачами
ГР4: Цифрова грамотність (Кожне завдання по 2 бали)
1. Інклюзивний дизайн враховує потреби:
А. людей з інвалідністю
Б. літніх людей
В. дітей
2. Правильне використання типографіки — це критично важливий елемент дизайну, що впливає на:
А. читабельність
Б. візуальну привабливість
В. ієрархію контенту
Г. емоційне сприйняття контенту
Д. нічого з переліченого
3. Чому важливо враховувати авдиторію під час вибору шрифту?
А. Користувачі підходять до дизайну з різних поглядів
Б. Шрифт завжди виглядає однаково
В. Авдиторія не має значення
Г. Шрифт не має значення
4. Чому корисно визначати розміри шрифтів у відсотках?
А. Це робить текст яскравішим
Б. Це покращує масштабування тексту на мобільних пристроях
В. Це важливе для пошукових систем
Г. Це важливе для людей із вадами зору
5. Для чого зазвичай використовують різні значення атрибутів у CSS для різних пристроїв?
А. Щоб зменшити кількість коду
Б. Щоб налаштувати вигляд документа під конкретний пристрій
В. Щоб зробити сайт швидшим
Г. Щоб уникнути HTML таблиць
6. Які послуги пропонують компанії вебхостингу?
А. Лише платні
Б. Лише безкоштовні
В. Як безкоштовні, так і платні
Г. Взагалі не пропонують послуг