"Проєктування та верстка веб-сторінок"

Додано: 21 березня
Предмет: Інформатика, 10 клас
20 запитань
Запитання 1

Що означає абревіатура HTML?

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

HyperText Markup Loanguage

HyperText Markup Languag

HyperText Markup Language

HighTech Modern Language

Запитання 2

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

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

<p>

<h1>

<h6>

<head>

Запитання 3

Який атрибут тегу вказує адресу сайту, на який веде посилання?

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

href

target

src

link

Запитання 4

Який тег використовується для створення маркованого, тобто НЕнумерованого списку?

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

<ol>

<li>

<ul>

<lol>

Запитання 5

Як називається етап створення «скелета» сторінки без кольорів та картинок?

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

UX-проектування

Валідація

UI-дизайн

Прототипування

Запитання 6

Яка інформаційна структура сайту нагадує презентацію, де сторінки йдуть одна за одною?

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

Змішана

Лінійна

Мережева

Ієрархічна

Запитання 7

Що означає правило 60/30/10 у веб-дизайні?

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

Час завантаження сторінки в мілісекундах для різних пристроїв.

Відсоткове співвідношення тексту, картинок та порожнього простору.

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

Сіпвідношення основного, додаткового та акцентного кольорів.

Запитання 8

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

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

*

:

.

#

Запитання 9

Яка частина блокової моделі CSS відповідає за внутрішній відступ від контенту до рамки?



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

Padding

Content

Margin

Border

Запитання 10

Яка мета використання технології Media Queries?

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

Для підключення бібліотеки медіафайлів

Для підключення бази даних до сайту.

Зміна стилів залежно від ширини екрана пристрою.

Для пошуку інформації всередині сайту.

Запитання 11

Що таке валідація коду?

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

Створення резервної копії файлів.

Процес публікації коду у віддаленому репозиторії проекту

Застосування дизайну

Перевірка на відсутність синтаксичних помилок.

Запитання 12

Яка одиниця вимірювання в CSS вважається «гумовою» (адаптивною)?

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

px (пікселі)

% (відсотки)

cm (сантиметри)

pt (пункти)

Запитання 13

Який тег використовується для створення рядка в таблиці?

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

<tr>

<td>

</td>

<tb>

Запитання 14

Що таке UX (User Experience)?

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

Візуальне оформлення кнопок.

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

Зручність та логічність роботи з ресурсом.

Мова програмування для серверів.

Запитання 15

Що таке кросбраузерність?

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

Здатність сайту працювати на старих версіях браузерів

Одночасна взаємодія сайту між усіма браузерами

Працездатність та вигляд сайту в різних браузерах

Полегшена версія сайту для повільного інтернету

Запитання 16

Що таке UI (User Interface)?

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

Спосіб зберігання паролів у браузері.

Візуальна частина сайту: кольори, кнопки, шрифти.

Шлях користувача від входу до покупки.

Дані користувача у кеші браузера

Запитання 17

Яка технологія CSS використовується для створення складних двовимірних макетів (сіток)?

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

Standard flow

Z-index

CSS Grid

Flexbox

Запитання 18

Який етап розробки сайту називається «Верстка»?

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

Наповнення сайту готовими текстами.

Вибір доменного імені для сайту.

Перетворення графічного дизайну в код HTML та CSS.

Малювання макета у графічному редакторі.

Запитання 19

Який тег є контейнером для одного елемента списку?

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

<li>

<lol>

<tr>

<th>

Запитання 20

Який із наведених CSS-селекторів має найвищий пріоритет, тобто він перекриває усі попередні стилі а також є унікальним в межах однієї сторінки?

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

Універсальний селектор (*)

Селектор за ідентифікатором (наприклад, #header)

Селектор за класом (наприклад, .title)

Селектор за тегом (наприклад, h1)

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

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