Анімація на вебсторінках

Тести Інформатика 11 клас Тест

Підсумковий тест з теми "Анімаційні ефекти на вебсторінках" для 10-11 класів для модуля "Веб-технології". Створено за допомогою ШІ

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

Від якого слова походить слово 'анімація'?

варіанти відповідей
Від латинського 'аніма', що означає 'душа'
Від грецького 'аніма', що означає 'рух'
Від англійського 'animation', що означає 'анімацію'
Від українського 'анімувати', що означає 'робити живим'
Запитання 2

Яке використання анімації є характерним для декоративної анімації?

варіанти відповідей
Покращення юзабіліті сайту
Привернення уваги глядача
Покращення інтуїтивності інтерфейсу
Взаємодія з інтерфейсом
Запитання 3

Які є види анімації?

варіанти відповідей
Анімовані об'єкти, анімовані зображення, анімований текст
Анімовані кнопки, анімовані банери, анімація фону
Анімовані сторінки, анімація відео, анімація звуку
Анімація форм, анімація таблиць, анімація графіків
Запитання 4

Які основні прийоми анімації існують?

варіанти відповідей
Миготіння, фокусування, зміна кольору, обертання
Розширення, стискання, скручування, перетягування
Освітлення, тінь, градієнти, розмиття
Збільшення, зменшення, заломлювання, прозорість
Запитання 5

Які технології використовуються для створення анімації на веб-сторінках?

варіанти відповідей
HTML, CSS, JavaScript
GIF-анімація, flash-анімація
PHP, ASP.NET, Java
Python, Ruby, C++
Запитання 6

Яке правило використовується для визначення ключових кадрів при анімації за допомогою CSS?

варіанти відповідей
@keyframes
@animation
@animate
@frame
Запитання 7

Перетворення (трансформація) в CSS для змінення розмірів об'єкта

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

translate

skew

transform

scale

Запитання 8

Виберіть бібліотеки анімацій

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

Animate.css

Anime.js

CSS-Animate

CS.Animate

Anime.jscript

Animate-css

Запитання 9

Назва анімації може включати в себе:

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

знаки (!,(), {},&,?,#)

цифри (0-9)

літери (a-z)

підкреслення (_)

дефіс (-)

крапку(.)

Запитання 10

Оберіть правильну послідовність дій для

створення CSS- анімації

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

1.Оголошення імені анімації в блоці @keyframes і визначення так званих кроків анімації, або ключових кадрів.

2.Послідовно від 0 до 100 % прописуються властивості для кожного ключового кадру. Між цими значеннями можна вставляти скільки завгодно проміжних значень 

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

1.Послідовно від 0 до 100 % прописуються властивості для кожного ключового кадру. Між цими значеннями можна вставляти скільки завгодно проміжних значень 

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

3.Оголошення імені анімації в блоці @keyframes і визначення так званих кроків анімації, або ключових кадрів.

1.Оголошення імені анімації в блоці @keyframes і визначення так званих кроків анімації, або ключових кадрів.

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

3.Послідовно від 0 до 100 % прописуються властивості для кожного ключового кадру. Між цими значеннями можна вставляти скільки завгодно проміжних значень 

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

2.Оголошення імені анімації в блоці @keyframes і визначення так званих кроків анімації, або ключових кадрів.

3.Послідовно від 0 до 100 % прописуються властивості для кожного ключового кадру. Між цими значеннями можна вставляти скільки завгодно проміжних значень 

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

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