Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Тест. Вебтехнології (стандарт)
Тест:
Тест. Вебтехнології (стандарт)
13.05.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
Тест містить питання скопійовані з: Тест 2. Мова гіпертекстової розмітки, Тест 3. Каскадні таблиці стилів, Тест 4. Проєктування та верстка вебсторінок, Тест 5. Адаптивна верстка, Тест 6. Графіка для вебсередовища, Тест 8. Анімаційні ефекти, Тест 10. Об’єктна модель документа, Тест 11. Вебпрограмування та інтерактивні сторінки, Тест 12. Хостинг сайта, Тест 15. Валідація сайта, Тест 17. Правила ергономічного розміщення відомостей на вебсторінці.
1
1 з 98 балів
Які з тверджень правильні для HTML
2
1 з 98 балів
Які з тверджень правильні?
3
1 з 98 балів
Які з тверджень правильні?
4
1 з 98 балів
Контент може містити:
5
1 з 98 балів
Які з тверджень правильні?
6
1 з 98 балів
Відновіть типову структуру веб-сторінки
<!DOCTYPE html>
<body>
<head>
</html>
</body>
<html>
</head>
7
1 з 98 балів
Атрибути тегу розміщуються:
8
1 з 98 балів
Виберіть, де правильно записано атрибут
9
1 з 98 балів
Для створення нумерованого списку треба використати теги
10
1 з 98 балів
Для реалізації навігації по сайту існує спеціальний тег-контейнер
11
1 з 98 балів
Для посилання на іншу сторінку використовують парний тег
12
1 з 98 балів
Який атрибут використовується для для визначення URL-адреси у посиланні?
13
1 з 98 балів
Які тегі відображають типову архітектуру сучасних веб-сторінок?
14
1 з 98 балів
В якому рядку помилка?
15
1 з 98 балів
Встановіть відповідність між властивостями та їх призначенням
властивості
призначення
1
background
А
внутрішні поля
2
border-width
Б
розміщення блоку
3
color
В
ширина границь
4
margin
Г
форматування тла
5
padding
Ґ
зовнішні поля
6
position
Д
колір тексту
16
1 з 98 балів
Встановіть відповідність між назвою і способом підключення CSS-коду до HTML-документа
назва
спосіб підключення
1
вбудований стиль
А
CSS-код зберігається в HTML-документі в тегу <style>, що розміщується <head>
2
inline-стиль
Б
CSS-код виноситься в окремий файл із розширенням .css та підключається за допомогою тегу <link>, який знаходиться виключно всередені елемента <head>
3
зовнішній (зв'язаний) стиль
В
Додавання CSS-правил в HTML-тег за допомогою атрибута style
17
1 з 98 балів
Який спосіб підключення CSS-коду наведено в прикладі
18
1 з 98 балів
Який спосіб підключення CSS-коду наведено в прикладі
19
1 з 98 балів
Який псевдоклас спрацює під час встановлення курсору в текстове поле?
20
1 з 98 балів
Які з наведених нижче етапів правильно відображають процес створення веб-сайту?
21
1 з 98 балів
Встановіть порядок дій для створення сайту
Розробка дизайну сайту
Загальне планування сайту
Програмування сайту
Планування макету вебсторінок
Розміщення сайту в інтернеті
22
4 з 98 балів
Які основні особливості адаптивного дизайну?
23
2 з 98 балів
Як впливають картинки на адаптивність?
24
4 з 98 балів
Встановіть відповідність назв переваг адаптивної верстки їх значенню
назва
значення
1
Доступність для всіх екранів
А
Контент автоматично адаптується до різних розмірів екранів, забезпечуючи його доступність.
2
Зручність користувача
Б
Одна верстка для всіх пристроїв зменшує витрати на підтримку та розробу окремих версій.
3
Покращення SEO
В
Веб-сайт виглядає добре на будь-якому пристрої, забезпечуючи комфортний досвід перегляду.
4
Економія часу та ресурсів
Г
Пошукові системи віддають перевагу адаптивним сайтам, що сприяє кращому ранжуванню.
25
4 з 98 балів
Встановіть відповідність назв недоліків адаптивної верстки їх значенню
назва
значення
1
Скадність підтримки
А
Потребує глибоких знань CSS, медіа-запитів і сучасних технологій.
2
Вплив на продуктивність
Б
Вимагає більше часу для тестування та налаштування макету під різні розміри екранів.
3
Збільшення часу розробки
В
У великих проектах важче керувати стилями для всіх можливих розмірів екранів.
4
Складність реалізації
Г
Великі файли CSS, зображення та ресурси можуть сповільнювати завантаження сторінки.
26
1 з 98 балів
Що містить атрибут src?
27
1 з 98 балів
Вкажіть код з правильним використанням тегу <img>:
28
2 з 98 балів
Що відбудеться, якщо не задати розміри зображення?
29
4 з 98 балів
Встановіть послідовність дій браузера при завантаженні зображення, якщо його розміри зазначено:
Завантажить зображення
Зарезервує місце під зображення
Відобразить текст
Підготує макет документа
30
1 з 98 балів
Які основні технології використовуються для створення анімації на вебсторінках без використання сторонніх плагінів?
31
4 з 98 балів
Які твердження щодо DOM є істинними?
32
4 з 98 балів
Встановіть відповідність між поняттям DOM та його описом:
Поняття DOM
Опис
1
Вузол (Node)
А
Будь-який об'єкт у DOM-дереві (елемент, текст, коментар тощо).
2
Атрибут (Attribute)
Б
Представляє текстовий вміст всередині елемента.
3
Елемент (Element)
В
Представляє атрибут HTML-елемента (наприклад, href, src).
4
Текстовий вузол (Text Node)
Г
Представляє HTML-тег (наприклад, <p>, <div>).
33
3 з 98 балів
Які функції дозволяє виконувати JavaScript на вебсторінках?
34
3 з 98 балів
Що, як мінімум, мають на увазі під поняттям "хостинг"?
35
2 з 98 балів
Які недоліки віртуального хостингу?
36
3 з 98 балів
Які переваги хмарного хостингу?
37
3 з 98 балів
Які можуть бути спеціалізовані види хостингу?
38
2 з 98 балів
Що може спричинити некоректне відображення сайту в різних браузерах?
39
2 з 98 балів
Які аспекти включає в себе поняття "доступність веб-сайту" (web accessibility)?
40
5 з 98 балів
Встановіть відповідність між терміном та його описом.
термін
опис
1
Валідатор
А
Організація, що розробляє та впроваджує технологічні стандарти для Всесвітньої павутини.
2
W3C (World Wide Web Consortium)
Б
Інструмент (програма або сервіс) для перевірки коду на відповідність стандартам.
3
CSS (Cascading Style Sheets)
В
Інструкція для браузера, що вказує на версію HTML, яка використовується.
4
DOCTYPE
Г
Мова, що використовується для опису зовнішнього вигляду та форматування веб-сторінки.
5
HTML (HyperText Markup Language)
Ґ
Мова розмітки, що використовується для структурування вмісту веб-сторінки.
41
5 з 98 балів
Встановіть відповідність між типом проблеми та його описом.
тип проблеми
опис
1
Синтаксична помилка CSS
А
Наявність символу > замість < на початку тега.
2
Синтаксична помилка HTML
Б
Відсутність атрибута alt для важливого зображення.
3
Помилка вкладеності
В
Пропущена крапка з комою після CSS-властивості color: red
4
Відсутність DOCTYPE
Г
Тег <p> знаходиться всередині тега <span>.
5
Проблема доступності
Ґ
Браузер не знає, за якими правилами інтерпретувати HTML-документ.
42
5 з 98 балів
Процес виправлення помилки валідації, виявленої валідатором:
Повторно перевірити сторінку валідатором.
Проаналізувати повідомлення про помилку, щоб зрозуміти її суть та місцезнаходження в коді.
Внести необхідні зміни до HTML або CSS файлу.
Знайти вказаний рядок або елемент у коді вашої веб-сторінки.
Зберегти зміни у файлі.
43
4 з 98 балів
Які аспекти включає поняття "доступність" сайту?
44
5 з 98 балів
Встановіть відповідність між поняттям та його описом
Поняття
Опис
1
Закон Зайда
А
Науковий підхід до створення інтерфейсів для оптимізації взаємодії людини з комп'ютером.
2
Ергономіка
Б
Області на веб-сторінці, на які користувачі спрямовують свою увагу найчастіше.
3
Форма букви "F"
В
Тенденція користувачів спочатку фокусуватися на верхній лівій частині веб-сторінки.
4
Зони Голдфішки
Г
Спосіб сканування веб-сторінки, коли увага зосереджена вздовж верхньої та лівої частин.
5
Юзабіліті
Ґ
Підхід, покликаний зробити сайт простим у користуванні, таким, що не потребує додаткового навчання.
45
4 з 98 балів
Розташуйте етапи сприйняття інформації користувачем на веб-сторінці відповідно до загальних принципів ергономіки (від першого погляду до детальнішого вивчення):
Звертання уваги на візуальні елементи (зображення, відео).
Фокусування на верхній лівій частині сторінки.
Читання основного тексту (якщо інформація зацікавила).
Сканування заголовків та підзаголовків.
Рефлексія від 9 учнів
Сподобався:
0
Так: 6
Ні: 3
Зрозумілий:
0
Так: 4
Ні: 5
Потрібні роз'яснення:
0
Ні: 5
Так: 4