Веб-дизайн_теорія

Тести Інформатика 11 клас Тест
Сердюк Л. І.
Додано: 28 листопада 2021
Предмет: Інформатика, 11 клас
Копія з тесту: Веб-дизайн ІІ семестр
Тест виконано: 11 разів
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
20 запитань
Запитання 1

Вкажіть відкриваючий тег таблиці:

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

table

th

td

border

Запитання 2

Яким із способів можна описувати блоки?

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

<d=“Block1”>

<class=“Block1”>

<div> </div>

Запитання 3

За допомогою якого параметру css можна задати фон блоку в колірному значенні?

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

background-color

color

background

color-background

Запитання 4

Параметр margin позначеє...

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

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

Запитання 5

Параметр padding позначеє...

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

зовнішній відступ блоків

внутрішній відступ блоків

позиціювання блоків відносно інших

калькуляцію значень параметрів

Запитання 6

Що таке веб-програмування?

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

Веб-програмування — галузь веб-розробки і різновид дизайну, в завдання якої входить проектування користувальницьких веб-інтерфейсів для сайтів або веб-додатків

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

Запитання 7

Що таке CSS?


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

Cascading Style Sheets

Creative Style Sheets

Colorful Style Sheets

Computer Style Sheets

Запитання 8

В якому HTML елементі правильно підключати CSS файл?


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

< body >

< head >

< script >

В кінці документа

Запитання 9

Виберіть правильний CSS синтаксис

(без помилок)

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

{div;color:black;}

div:color=black;

{div:color=black;}

div {color: black;}

Запитання 10

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


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

text-size

font-size

text

size

Запитання 11

Як зробити текст в < p > елементі жирним?


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

< p style="font-size:bold;">

< p style="text-size:bold;">

 p {text-size:bold;}

p {font-weight:bold;}

Запитання 12

Який з рядків змінить колір тексту на червоний для всіх тегів <p>

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

p {color: red}

p {color: blue}

.p {color: red}

#p {color: red}

Запитання 13

Основні формати графічних файлів у веб-дизайні

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

GIF


JPEG

PNG

SVG 

MP3

Запитання 14

Параметр border дозволяє створити рамку для зображення.

Можна налаштовувати ширину та колір і стиль рамки за допомогою відповідних параметрів:

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

border-color

border-style

border-width

bgground

Запитання 15

border: 4px groove orange;

Що означає даний тег?


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

таблиця, товщиною 4px groove

колір фону оранжевий

рамка товщиною 4px, оранжева

рамка товщиною 4px, червона

Запитання 16

Анімаційні ефекти можна застосовувати до

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

кнопок

списків

меню

зображень

Запитання 17

Властивість «transform» в АНІМАЦІЇ дозволяє застосовувати 2D або 3D трансформацію до елементу.

Ця властивість дозволяє , , ,


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

обертати елемент

масштабувати елемент

переміщувати елемент

нахиляти елемент

підсвічувати елемент

Запитання 18

Що означає запис:

animation-timing-function:linear;

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

Лінійна функція, анімація відбувається рівномірно протягом усього часу, без коливань в швидкості.

Анімація починається повільно, швидко розганяється і сповільнюється в кінці.

Анімація починається повільно, а потім плавно прискорюється в кінці.

Анімація починається швидко і плавно сповільнюється в кінці.

Запитання 19

Можливість завантажують веб-сторінки з ідеальною структурою на всіх

пристроях називається...

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

адаптація сайту

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

валідація сайту

оптимізація сайту

Запитання 20

Основні особливості адаптивного дизайну:


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

застосування гнучкого макета на основі сітки (англ. flexible, grid-based layout);

використання гнучких зображень (англ. flexible images);

робота з медіа-запитами (англ. media queries);

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

анімація об'єктів

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

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