Адаптивна верстка

Тести Інформатика 11 клас Тест
Битківська Ю. Г.
Додано: 4 березня
Предмет: Інформатика, 11 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
12 запитань
Запитання 1

Хто є авторами концепції адаптивної верстки?

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

Стів Джобс і Білл Гейтс

Аарон Густафсон та Ітан Маркотт

Ларрі Пейдж і Сергій Брін

Джеффрі Зельдман та Ерік Мейєр

Запитання 2

Що таке адаптивна верстка?

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

Верстка, яка працює лише на мобільних пристроях

Процес створення вебсторінки, що підлаштовується під різні пристрої

Використання фіксованих розмірів для всіх елементів сайту

Впровадження Flash-анімацій для покращення дизайну

Запитання 3

Які основні підходи до адаптивного дизайну?

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

Статичний та гнучкий

HTML5 та CSS3

Responsive Web Design (RWD) та Adaptive Web Design (AWD)

Векторна та растрова графіка

Запитання 4

Чим відрізняється чутливий (responsive) дизайн від адаптивного (adaptive)?

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

Чутливий динамічно змінює макет, а адаптивний перемикає між фіксованими макетами

Чутливий дизайн працює лише на смартфонах, а адаптивний — на ПК

Адаптивний дизайн підтримує анімацію, а чутливий — ні

У чутливому дизайні використовуються тільки піксельні одиниці виміру

Запитання 5

Які три основні принципи чутливого (responsive) дизайну?

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

Гнучка сітка, гнучкі зображення, медіазапити

JavaScript, анімація, фіксовані блоки

Bootstrap, CMS, SEO

Шрифти, таблиці стилів, HTML-код

Запитання 6

Який атрибут HTML використовується для вибору зображення залежно від розміру екрана?

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

alt

srcset

class

data-image

Запитання 7

Скільки основних фіксованих макетів передбачає адаптивний дизайн?

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

3

6

12

20

Запитання 8

Чому адаптивна верстка важлива для SEO?

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

Покращує швидкість завантаження сторінок

Відповідає політиці Google Mobile-First Indexing

Покращує користувацький досвід

Запитання 9

Який розмір кнопок рекомендує WCAG для зручності натискання?

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

20x20 px

32x32 px

44x44 px

60x60 px

Запитання 10

Чому не варто використовувати окремі мобільні версії сайтів (наприклад, m.site.com)?

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

Це ускладнює індексацію в пошукових системах

Це може створити дублювання контенту

Важче підтримувати дві версії сайту

Усі відповіді правильні

Запитання 11

Який підхід до стилізації найкраще підходить для адаптивного дизайну?

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

Використання фіксованих піксельних значень (px) для розмірів

Використання відносних одиниць (em, rem)

Встановлення однакових розмірів для всіх пристроїв

Використання лише JavaScript для зміни стилів

Запитання 12

Який метод використовується для зміни стилів залежно від розміру екрана?

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

медіазапит

ранжування

mobile-first indexing

flash-елемент

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

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