Адаптивна верстка (Модуль "Веб-технології")

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

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

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

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

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

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

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

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

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

HTML5 та CSS3

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

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

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

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

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

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

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

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

Bootstrap, CMS, SEO

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

alt

srcset

class

data-image

3

6

12

20

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

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

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

20x20 px

32x32 px

44x44 px

60x60 px

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

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

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

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

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

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

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

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

медіазапит

ранжування

mobile-first indexing

flash-елемент