Адаптивна верстка (п.2.4)

Додано: 18 квітня 2022
Предмет: Інформатика, 10 клас
Тест виконано: 279 разів
8 запитань
Запитання 1

Wap-сайт призначений для...

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

перегляду на комп'ютері

перегляду з мобільного

перегляду з нетбука

перегляду з ноутбука

Запитання 2

Гумова верстка передбачала, що при її застосуванні...

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

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

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

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

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

Запитання 3

Медіа-запити - це...

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

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

пошукові (ключові) слова, які створює користувач

правила CSS, які дозволяють створювати запити на різних пристроях

пошукові (ключові) слова, які створює користувач через різні браузери

Запитання 4

Вкажіть всі правильні твердження, які відносяться до медіа-запитів:

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

медіа-запит складається з ключового слова, що описує тип пристрою і виразу, який перевіряє характеристики цього пристрою

медіа-запит є логічним виразом, який повертає істину або хибність

запит записують у кінці таблиці стилів

запит записують перед таблицею стилів

Запитання 5

Адаптивність - це...

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

особливий підхід до розробки сайта, який дозволяє вже наявним вебресурсам підлаштовуватися під розміри екранів різних пристроїв

налаштування веб-сторінок, щодо їхнього розміщення на веб-сайті

розробка сайту за наявних параметрів

особливий підхід до розробки сайта, який дозволяє вже наявним вебресурсам у відсотковому співвідношенні змінювати розміри веб-сторінок, залежно від пристроїв

Запитання 6

Вкажіть основні особливості адаптивного дизайну:

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

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

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

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

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

зміна зовнішніх параметрів налаштування контенту

Запитання 7

CSS flexbox - це...

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

модуль макета гнучкого контейнера, що являє собою спосіб компонування елементів

модуль макета контейнера flex, що являє собою спосіб центрального розташування елементів

модуль, що дозволяє оперувати стовпцями та рядками

модуль, що дозволяє розміщувати малюнки у певних, відведених для цього місцях на веб-сторінках

Запитання 8

Grid-контейнер - це...

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

набір горизонтальних та вертикальних ліній, що задані певним геометричним описом

набір горизонтальних та вертикальних grid-ліній, що перетинаються

набір горизонтальних та вертикальних grid-ліній, що не перетинаються

технологія, що ставить на меті зробити шари гнучкими

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

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