АДАПТИВНА ВЕРСТКА

Додано: 20 квітня 2020
Предмет: Інформатика, 10 клас
Тест виконано: 2315 разів
12 запитань
Запитання 1

Причини появи адаптивної верстки

варіанти відповідей

Перегляд сайтів із фіксованою версткою на планшеті став незручний.

Мобільні сайти не були оптимізовані під екрани великих розмірів.

Мобільний Інтернет був дешевий і швидким/

Мобільні телефони були потужними.

Запитання 2

Створення макету та його складових з розмірами, поданими у відсотках.

варіанти відповідей

гумова верстка

брейкпоінт

медіа-запит

модуль flexbox

модуль grid

Запитання 3

Прив'язка до конкретних пристроїв з певною роздільною здатністю екрану

варіанти відповідей

брейкпоінт

гумова верстка

медіа-запит

модуль flexbox

модуль grid

Запитання 4

Правила CSS, які дозволяють керувати стилями елементів в залежності від значень технічних параметрів пристроїв.

варіанти відповідей

медіа-запит

гумова верстка

брейкпоінт

модуль flexbox

модуль grid

Запитання 5

Гнучкий контейнер, який являє собою спосіб компонування елементів.

варіанти відповідей

модуль flexbox

гумова верстка

брейкпоінт

медіа-запит

модуль grid

Запитання 6

За замовчуванням розміщення головної і поперечної осей Flexbox

варіанти відповідей

зліва направо та зверху вниз

справа наліво і зверху вниз

зліва направо і знизу вгору

справа наліво і знизу вгору

Запитання 7

Параметрами Align-items є...

варіанти відповідей

baseline

stretch

flex-end

flex-start

space-around

space-evenly

Запитання 8

Параметрами Justify-content є... 

варіанти відповідей

space-around

flex-end

flex-start

space-evenly

stretch

baseline

Запитання 9

Основні особливості адаптивного дизайну

варіанти відповідей

застосування гнучкого макета на основі сітки

використання гнучких зображень

робота з медіа-запитів

плавна перебудова блоків у разі зміни розмірів екрану

Запитання 10

У Медіа-запиті (min-width:900 px) використовується для:

варіанти відповідей

перевірки відповідності розміру пристрою

прив'язки до конкретного розміру пристрою

оголошення медіа-запиту

встановлення параметрів стилю

Запитання 11

Набір горизонтальних і вертикальних пересічних ліній.

варіанти відповідей

модуль grid

гумова верстка

брейкпоінт

медіа-запит

модуль flexbox

Запитання 12

Щоб встановити розміщення блоків Flex-контейнера по центру сторінки,  необхідно установити значення атрибутів Justify-content та Align-items

варіанти відповідей

center center

space-around та center

center і stretch

flex-start і stretch

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест