Тест створено для перевірки знань з тем:
Тема 1. Напрямки та інструменти веб-дизайну. Проектування та верстка веб-сторінок
Тема 2. Графіка та мультимедіа для веб-середовища. Веб-програмування
Тема 3. Основи дизайну та просування веб-сайту
Конструктор тестів
Тест створено для перевірки знань з тем:
Тема 1. Напрямки та інструменти веб-дизайну. Проектування та верстка веб-сторінок
Тема 2. Графіка та мультимедіа для веб-середовища. Веб-програмування
Тема 3. Основи дизайну та просування веб-сайту
1
Мова розмітки гіпертексту — це:
2
Тег — це:
3
Атрибут — це:
4
Навігаційна панель — це:
5
Тег <FONT> призначений для
6
Тег <А> призначений для
7
Тег <BODY> призначений для
8
Тег <TITLE> призначений для
9
Теги <Н1>...<Н6> використовують для:
10
Тег <TABLE> призначений для
11
Адресу файлу зображення задають за допомогою атрибута:
12
Веб-сервер — це
13
Хостинг — це:
14
Як зробити підказку при наведенні на посилання?
15
Що дозволяє вказати тег title?
16
Як виділити текст курсивом?
17
За допомогою якого тегу HTML створюються посилання?
18
За допомогою якого атрибута можна задати текст для зображення, який буде відображено, якщо його не вдасться завантажити?
19
За допомогою якої властивості змінюється ширина таблиці?
20
За допомогою якої якості таблиці визначаються її межі?
21
Навіщо призначений тег doctype?
22
Задання CSS властивості padding: 20px – це скорочений запис для:
23
Основне призначення flexbox:
24
Grid позиціонування зручно використовувати для (декілька варіантів):
25
Якщо задати елементу властивість float: left, він:
26
Вкажіть порядок списку стилів
Позиціонування (position, left/right/top/bottom, float, clear, z-index)
Колір (background)
Дісплей і блочне моделювання (display, width, height, margin, padding, ...)
Текст (list-style-type, overflow, color font, ...)
27
Оберіть відповідність

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

Застосування inline-стилів (стилі, які підставляються безпосередньо в рядок)

Застосування зовнішніх, або зв’язаних, стилів
28
Оберіть неправильні твердження
29
Одиниці вимірювання в CSS
30
Оберіть відповідність

Вибір макету сайту

Етапи створення сайту

Етапи верстання вебсторінки
31
Встановіть відповідність

Приклад адаптивної верстки на основі медіа-запитів

Медіа-запити

Приклад відображення веб-сторінки на смартфоні - гумова верстка

Приклад відображення веб-сторінки на смартфоні - фіксована верстка
32
Встановіть відповідность






33
Встановіть відповідність

Стилі футера

Стилі абзацу

Стилі для елементів хедера та заголовків
34
Встановіть відповідність
margin-bottom
Відступ від лівого боку
margin-left
Відступ від верхньої сторони
margin-top
Відступ від правого боку
margin-right
Відступ з нижньої сторони
35
Встанови відповідність

Типи MIME-форматів мультимедійних файлів

Об'єкти мультимедіа

Приклад форми
36
Встановіть відповідність

Взаємодія «клієнт—сервер» на прикладі статичного сайта

Ознаки ергономічного сайту

ВІдступи СSS
37
Встановіть відповідність

Структура сайтів

Принципи сегментації цільової аудиторії сайта

Приклад розмітки сторінки
38
Код Java Script можна писати
39
Встановіть відповідність між прикладами html і css файлів.
Css

Html

40
Встановіть відповідність між тегами та відповідними зображеннями на вебсторінці.
<img src="my.jpg" width="100" border="10" align="left">

<img src="my.jpg" width="100" border="3" align="left">

<img src="my.jpg" width="50" border="3" align="right">

<img src="my.jpg" width="50%" border="3" align="right">

Рефлексія від 14 учнів
Сподобався:
Так: 11
Ні: 3
Зрозумілий:
Так: 11
Ні: 3
Потрібні роз'яснення:
Ні: 13
Так: 1