Графіка, анімація та мультимедіа для веб-середовища

Тести Інформатика 11 клас Тест
Маринич І.
Додано: 7 листопада 2023
Предмет: Інформатика, 11 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
10 запитань
Запитання 1

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

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

GIF, JPEG, PNG, SVG 

GIF, JPEG, PNG, SVG, WebP

WebP

GIF, JPEG, PNG

Запитання 2

Обов’язковим атрибутом тегу <img> є -

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

src

src, alt

alt

width, height

Запитання 3

В атрибуті тегу <img src="......"> обов’язково має вказуватися розширення?

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

ні

так

Запитання 4

Порядок дій створення CSS-анімації

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

оголошення імені анімації в блоці @keyframes 

від 0 до 100% прописуються властивості для кожного ключового кадру

використання CSS властивості animation

Використання властивостей зі значеннями проміжків

Запитання 5

Який зі списків відповідає властивостям animation?

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

direction, name, duration, timing-function

nimation-direction, duration, @keyframes

animation-direction, animation-name, keyframes

animation-direction, animation-name, animation-duration

Запитання 6

Яка властивість відповідає 2D або 3D трансформації 

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

padding

border

transform

animation

Запитання 7

Типи форматів мультимедійних файлів, які підтримуються найбільше браузерами

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

jpeg, mp3, mp4, webM

mp3, mp4, webM, wav

mp3, mp4

mp3, mp4, webM, avi

Запитання 8

Що не відноситься до атрибутів тегу <audio>:

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

loop, controls

autoplay, src

controls, poster

poster

Запитання 9

При атрибуті autoplay виконується....

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

відтворення автоматично після завантаження сторінки

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

не відтворюється автоматично після завантаження сторінки

не відтворюється автоматично треба додати атрибут muted

Запитання 10

Знайдіть помилку в css-файлі. Чому не виконується анімація?


.circle {

width: 200%;

background-color: gray;

annimation-name: circl;

}

@keyframes spin {

0% {

transform: rotate(0deg);

}

100% {

transform: rotate(360deg);

}

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

не підключено css файл

не вірно записано властивість анімації animation-name

не поставлена крапка в селекторі (зверненні до класу)

не прописана обов'язкова властивість animation-duration

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

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