Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Тест 5. Адаптивна верстка
Тест:
Тест 5. Адаптивна верстка
13.03.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1
1 з 48 балів
Що таке адаптивна верстка?
2
1 з 48 балів
Яка основна роль медіа-запитів (CSS Media Queries) в адаптивній верстці?
3
1 з 48 балів
В таблиці стилів медіа-запит записують
4
1 з 48 балів
Що означає властивість viewport у метатезі <meta>?
5
1 з 48 балів
Як працює процентне значення ширини елементів у CSS?
6
1 з 48 балів
Що таке "мобільний пріоритет" (mobile-first) у дизайні?
7
4 з 48 балів
Встановіть відповідність між прикладом CSS-коду (правильним або помилковим), що застосовує медіа-запит для екранів шириною до 768 пікселів, і результатом його використання
приклад
результат застосування
1
А
Помилковий синтаксис медіа-запиту
2
Б
Не адаптує контент для екранів, лише шрифт в HTML
3
В
Використана неправильна властивість
4
Г
Адаптує контент для екранів шириною до 768 пікселів
8
1 з 48 балів
Що таке "гумова сітка" (fluid grid)?
9
3 з 48 балів
Які ключові особливості гумових сіток?
10
2 з 48 балів
Як працюють гумові сітки у адаптивній верстці?
11
1 з 48 балів
Що таке breakpoints?
12
3 з 48 балів
Як breakpoints впливають на розташування елементів?
13
4 з 48 балів
Які основні особливості адаптивного дизайну?
14
2 з 48 балів
Як впливають картинки на адаптивність?
15
3 з 48 балів
Які види верстки є адаптивними за замовченням?
16
1 з 48 балів
Що таке Flexbox?
17
2 з 48 балів
Flexbox складається з
18
3 з 48 балів
Як Flexbox допомагає у адаптивному дизайні?
19
4 з 48 балів
Які напрямкі розташування елементів дозволяє Flexbox?
20
1 з 48 балів
Що таке Grid container?
21
4 з 48 балів
Встановіть відповідність назв переваг адаптивної верстки їх значенню
назва
значення
1
Доступність для всіх екранів
А
Контент автоматично адаптується до різних розмірів екранів, забезпечуючи його доступність.
2
Зручність користувача
Б
Одна верстка для всіх пристроїв зменшує витрати на підтримку та розробу окремих версій.
3
Покращення SEO
В
Веб-сайт виглядає добре на будь-якому пристрої, забезпечуючи комфортний досвід перегляду.
4
Економія часу та ресурсів
Г
Пошукові системи віддають перевагу адаптивним сайтам, що сприяє кращому ранжуванню.
22
4 з 48 балів
Встановіть відповідність назв недоліків адаптивної верстки їх значенню
назва
значення
1
Скадність підтримки
А
Потребує глибоких знань CSS, медіа-запитів і сучасних технологій.
2
Вплив на продуктивність
Б
Вимагає більше часу для тестування та налаштування макету під різні розміри екранів.
3
Збільшення часу розробки
В
У великих проектах важче керувати стилями для всіх можливих розмірів екранів.
4
Складність реалізації
Г
Великі файли CSS, зображення та ресурси можуть сповільнювати завантаження сторінки.
Рефлексія від 13 учнів
Сподобався:
0
Так: 9
Ні: 4
Зрозумілий:
0
Так: 9
Ні: 4
Потрібні роз'яснення:
0
Ні: 10
Так: 3