Вебквест:

Веброзробка

11.06.2026
0 0
5 Клас, 6 Клас, 7 Клас, 8 Клас
1 рівнів
12 підказок
Час виконання: необмежений

8

19

0

0

Опис вебквесту (учням цей опис не показується):

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

Вміст вебквесту:
Налаштування гри

Реакція об'єктів при наведенні: Всі об'єкти неактивні, при наведенні жодним чином не виказують себе

Привітання на початку гри (показується учням)

Ласкаво просимо до гри!

Привіт, досліднику! Раді вітати тебе у грі Веброзробка — інтерактивній пригоді, де головною зброєю є твоя логіка, уважність та вміння шукати приховане.

Сьогодні ти станеш цифровим детективом. Перед тобою не просто набір сторінок, а справжній лабіринт загадок. Щоб дійти до фіналу, тобі доведеться навчитися «читати між рядків» та розшифровувати таємні коди.

Після того, як введеш вірну відповідь на питання отримаєш шматок фрази. Коли отримаєш усі слова з фрази спробуй скласти речення. Це речення надішли своєму вчителю!

Рівень №1 — Комп'ютерний клас переглянути шаблон

Цей рівень містить 13 інтерактивних об'єктів:

1 вихід.

12 сповіщень з введенням відповіді.

Інтерактивні об’єкти на цьому рівні:

Мітка №1/13 Двері  Вихід з рівня  Щоб вийти потрібен ключ
Повідомлення перед введенням ключа:

Я — головний капітан на сторінці. Мене викликають лише тоді, коли треба заявити про щось дуже важливе та велике. Я створюю найбільший заголовок. Хто я?

Ключ:
<h1>
Повідомлення після введення ключа:

Код

Мітка №2/13 Системний блок 2 Завдання з відповіддю
Завдання:

Якщо <h1> — це гучний заголовок, то я — звичайний скромний трудівник. Я збираю літери до літер, речення до речень і створюю звичайнісінькі текстові абзаци. Назви мене.

Правильна відповідь:
<p>
Відповідь на завдання:

Мітка №3/13 Дошка Завдання з відповіддю
Завдання:

Я — справжній портал. Без мене ти не зможеш перейти на інший сайт або відкрити секретне посилання. Я роблю текст клікабельним і починаюся з першої літери алфавіту. Що я за тег?

Правильна відповідь:
<a>
Відповідь на завдання:

це

Мітка №4/13 Годинник Завдання з відповіддю
Завдання:

Текст — це добре, але зі мною сторінка стає яскравою. Я не вмію говорити, але можу показати будь-яку фотографію чи мем, якщо ти правильно вкажеш мій атрибут src. Хто я?

Правильна відповідь:
<img>
Відповідь на завдання:

мова,

Мітка №5/13 Монітор 2 Завдання з відповіддю
Завдання:

Я — велика універсальна коробка (контейнер). Мене часто використовують, щоб розділити сторінку на великі блоки, навести лад у дизайні або сховати інші теги. Я створюю перенос на новий рядок. Що я за блок?

Правильна відповідь:
<div>
Відповідь на завдання:

яка

Мітка №6/13 Проєктор Завдання з відповіддю
Завдання:

Я теж контейнер, як і мій попередній брат <div>, але я дуже компактний (рядковий). Я не переношу текст на новий рядок, а акуратно виділяю лише маленьку частинку всередині речення. Хто я?

Правильна відповідь:
<span>
Відповідь на завдання:

перетворює

Мітка №7/13 Стілець 3 Завдання з відповіддю
Завдання:

Я роблю слова сильними та вагомими! Коли я обіймаю текст, він одразу стає жирним і впадає в око кожному користувачеві. Який я тег?

Правильна відповідь:
<b>
Відповідь на завдання:

твої

Мітка №8/13 Квітка Завдання з відповіддю
Завдання:

Коли тексту стає сумно, я нахиляю його вбік. Моє ім'я походить від слова italic, і я роблю шрифт курсивним. Вгадай мене.

Правильна відповідь:
<i>
Відповідь на завдання:

сміливі

Мітка №9/13 Стіл 4 Завдання з відповіддю
Завдання:

Я люблю порядок, тому створюю списки. Але мої елементи не мають номерів — перед ними стоять просто красиві крапочки (маркери). Я — маркований список. Напиши мій тег.

Правильна відповідь:
<ul>
Відповідь на завдання:

ідеї

Мітка №10/13 Книга Завдання з відповіддю
Завдання:

Я теж створюю списки, але я обожнюю точність та математику. Кожен мій рядок має свій чіткий номер: 1, 2, 3... Я — нумерований список. Який у мене тег?

Правильна відповідь:
<ol>
Відповідь на завдання:

на

Мітка №11/13 Системний блок 4 Завдання з відповіддю
Завдання:

Я — найбільший босс, коли справу потрібно структурувати по рядках та стовпчиках. Всередині мене живуть дані, розкладені по поличках. Я — каркас для сітки даних. Що я за тег?

Правильна відповідь:
<table>
Відповідь на завдання:

реальні

Мітка №12/13 Вікно 2 Завдання з відповіддю
Завдання:

Без мене таблиця <table> буде порожньою, адже я створюю для неї горизонтальні смуги — цілі рядки, всередині яких потім з'являться клітинки. Як я називаюся?

Правильна відповідь:
<tr>
Відповідь на завдання:

цифрові

Мітка №13/13 Стіл 2 Завдання з відповіддю
Завдання:

Я — та сама маленька цеглинка (клітинка або стовпчик) таблиці, куди вписують безпосередньо текст чи числа. Я живу всередині рядка <tr>. Назви мій тег.

Правильна відповідь:
<td>
Відповідь на завдання:

світи.

Рефлексія від 0 учнів

Сподобався:

0

Так: 0

Ні: 0

Зрозумілий:

0

Так: 0

Ні: 0

Потрібні роз'яснення:

0

Ні: 0

Так: 0

Рекомендуємо

Основні інструменти Inkscape

Основні інструменти Inkscape

905

Аватар профіля Комок Ірина Вікторівна
Інформатика
6 клас та 10—11 клас

35 грн

Безпека в Інтернеті 4, 5, 6 класи та старше)

Безпека в Інтернеті 4, 5, 6 класи та старше)

463

Аватар профіля Аріткулова Лідія Федорівна
Інформатика
4—6 клас

50 грн

Мережеві технології та інтернет

Мережеві технології та інтернет

303

Аватар профіля Світобаченко Олена Олександрівна
Інформатика
5 клас

20 грн

Комп'ютерна мережа

Комп'ютерна мережа

323

Аватар профіля Злата Сергіївна
Інформатика
4—5 клас

35 грн

Узагальнення матеріалу за І семестр 6 клас (НУШ)

Узагальнення матеріалу за І семестр 6 клас (НУШ)

559

Аватар профіля Гопало Ольга Василівна
Інформатика
5—6 років

66 грн

Мова HTML

Мова HTML

282

Аватар профіля Комок Ірина Вікторівна
Інформатика
8 клас

50 грн

Схожі вебквести

Мандрівка просторами Інтернету

Мандрівка просторами Інтернету

1808

Аватар профіля Матушкіна Пелагія Іванівна
Інформатика
I курс

Склад системного блоку

Склад системного блоку

1280

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Складові комп'ютера та їх призначення

Складові комп'ютера та їх призначення

622

Аватар профіля Шинкаренко Ірина Юріївна
Інформатика
4 клас

Блукання по системному блоці))

Блукання по системному блоці))

704

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Інформація

Інформація

296

Аватар профіля Семенченко Катерина Анатоліївна
Інформатика
5 клас

Комп'ютерна графіка

Комп'ютерна графіка

1245

Аватар профіля Святослав Чуйко Віталійович
Інформатика
6 клас