Проектування та верстка ​ веб-сторінок​. Адаптивна верстка

Додано: 6 листопада
Предмет: Інформатика, 11 клас
12 запитань
Запитання 1

Що таке каскадні таблиці стилів (CSS)?



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

a) Мова програмування для створення веб-сторінок


b) Мова для написання сценаріїв на веб-сторінці


c) Метод для структурування та стилізації HTML-елементів на веб-сторінці


d) База даних для зберігання контенту веб-сторінки

Запитання 2

Який етап є першим у створенні веб-сайту?



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

a) Написання CSS-стилів


b) Створення скелета сторінки за допомогою HTML


c) Додавання JavaScript


d) Публікація сайту

Запитання 3

Який тег зробить з тексту заголовок найбільшого розміру?



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

h6

p


div


h1

Запитання 4

Що таке Flexbox?



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

a) Протокол обміну даними


b) Модуль для гнучкого компонування елементів у CSS


c) Бібліотека для анімацій


d) Система зберігання даних

Запитання 5

Що таке медіа-запити?



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

a) Мова програмування для стилізації


b) Спосіб зберігання даних у CSS


c) Правила, що змінюють стилі в залежності від розміру екрана


d) Елемент для створення анімацій

Запитання 6

Яка властивість відповідає за ширину в CSS?

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

display

width

height

color

Запитання 7

Що є головною особливістю адаптивного дизайну?



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

a) Використання фіксованих розмірів


b) Гнучка адаптація сайту до різних пристроїв


c) Застосування тільки для мобільних пристроїв


d) Створення різних сайтів для кожного пристрою

Запитання 8

Що означає атрибут display: flex;?



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

a) Встановлює фіксовану ширину елементів


b) Робить контейнер гнучким і дозволяє змінювати його компонування


c) Робить текст елемента жирним


d) Задає відстань між елементами

Запитання 9

Що таке селектор у CSS?




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

a) Функція JavaScript для вибору елементів



b) Елемент, що зберігає медіа-файли



c) Вибірка HTML-елементів для застосування стилів



d) Команда для створення анімації

Запитання 10

Яке значення властивості flex-direction вирівнює елементи вертикально?



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

a) row


b) column


c) wrap


d) center

Запитання 11

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

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

background-color

height

display

color

Запитання 12

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



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

a) <img>


b) <image>


c) <src>


d) <picture>

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

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