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

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

Вкажіть графічні елементи веб-дизайну

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

Фотографії

Рисунки

Фонові малюнки

Відео

Заголовки

Меню, кнопки

Списки

Шаблони

Запитання 2

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

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

png

jpg

bmp

svg

gif

tiff

Запитання 3

16-бітовий формат растрових  зображень, популярний для зберігання цифрових фотографій, які мають дрібні деталі та яскраві кольори. Зображення у форматі швидко завантажуються. Проте формат не підтримує прозорість, і його не має сенсу використовувати для логотипів і піктограм.

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

jpg

svg

gif

png

Запитання 4

Формат, обмежений 256 кольорами, тому абсолютно не підходить для цифрових  фотографій із тисячами відтінків. Проте дуже ефективний для зберігання логотипів, піктограм, таблиць. Підтримує прозорість зображення та дозволяє створювати різноманітну анімацію.

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

jpg

svg

gif

png

Запитання 5

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



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

jpg

svg

gif

png

Запитання 6

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



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

jpg

svg

webp

png

Запитання 7

Найбільш поширений векторний формат. Розмір об'єктів набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. Формат чудово підходить для малокольорових схем, логотипів і іконок. 




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

jpg

svg

webp

png

Запитання 8

Продовжіть речення: "За своєю суттю будь-який сайт — це ..."

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

Інтерфейс

Візитівка

Картинка

Програма

Запитання 9

Обов’язковим атрибутом тегу для вставки зображення є

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

img

src

image

link

width

height

Запитання 10

CSS-властивості зображень

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

height

width

src

link

img

color

background

Запитання 11

Якщо не задавати розміри зображення:

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

Зображення  відобразиться на сторінці в реальному розмірі

Браузер потребуватиме часу на те, щоб дізнатися розміри і завантажити зображення.

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

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

Запитання 12

Основні властивості блоку анімації CSS

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

animation-name:

animation-duration:

animation-timing-function:

animation-iteration-count

animation-iteration

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

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