Вебквест:

Майстри тегів: Втеча з кімнати

11.02.2025
0 0
10 Клас
3 рівнів
12 підказок
Час виконання: необмежений

47

160

0

4

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

По завершенню гри буде видано сертифікат

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

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

Вітаємо тебе в нашому квесті "Майстри тегів: Втеча з кімнати"!

Ти опинився у віртуальному світі, де знання HTML стануть твоєю головною зброєю. Щоб вибратися звідси, тобі потрібно пройти три кімнати. У кожній з них заховано 4 запитання, які перевірять твоє розуміння HTML-тегів.

Серед різних предметів у кімнаті лише деякі приховують підказки. Твоя задача — знайти потрібний предмет, натиснути на нього та дати відповідь одним словом маленькими літерами.

Кожна правильна відповідь подарує тобі частину коду, який відкриє двері. Але будь уважним: неправильна відповідь означає, що ти не отримаєш частину коду і залишишся замкненим.

Лише зібравши всі коди, ти зможеш вибратися на свободу!

Готовий випробувати свої знання HTML та розкрити всі таємниці квесту?

Успіхів у пригоді! Вперед! 🚀

Рівень №1 — Стіл переглянути шаблон

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

1 вихід.

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

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

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

Ти на шляху до виходу! Тепер тобі потрібно ввести код, який складається з 4 символів. Кожен символ коду ти отримаєш за правильну відповідь на запитання. Не забувай, що правильні відповіді дадуть частини коду, а лише правильний код допоможе тобі пройти цей етап!

Якщо ти ще не відповів на всі питання, продовжуй пошук правильних відповідей. Кожна правильна відповідь наближає тебе до виходу.

Тепер введи код і перевір, чи готовий ти до наступного етапу!

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

Чудово, ти пройшов/пройшла рівень! Вітаємо тебе! Ти правильно відповів/відповіла на всі запитання і отримав/отримала код для виходу. Ти на правильному шляху!

Тепер готовий/готова перейти до наступної кімнати? У тебе залишилось ще два рівні, тож не зупиняйся! Успіхів у пошуках і нових правильних відповідей!

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

Як називається мова розмітки веб-сторінок?

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

Ти правильно відповів/відповіла.
Перша частина коду:

h ? ? ?

Мітка №3/5 Шоколадка Завдання з відповіддю
Завдання:

Який тег містить інформацію, яка не відображається на сторінці, але потрібна для її коректної роботи?

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

Ти правильно відповів/відповіла.
Друга частина коду:

? 2 ? ?

Мітка №4/5 Навушники Завдання з відповіддю
Завдання:

Який тег використовується для визначення заголовка веб-сторінки?

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

Ти правильно відповів/відповіла.
Третя частина коду:

? ? m ?

Мітка №5/5 Телефон Завдання з відповіддю
Завдання:

Який тег містить основний контент сторінки?

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

Ти правильно відповів/відповіла.
Четверта частина коду:

? ? ? e

Рівень №2 — Порядок у дитячій кімнаті переглянути шаблон

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

1 вихід.

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

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

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

Так - це вихід! Ти на шляху до виходу! Тепер тобі потрібно ввести код, який складається з 4 символів. Кожен символ коду ти отримаєш за правильну відповідь на запитання. Не забувай, що правильні відповіді дадуть частини коду, а лише правильний код допоможе тобі пройти цей етап!

Якщо ти ще не відповів на всі питання, продовжуй пошук правильних відповідей. Кожна правильна відповідь наближає тебе до виходу.

Тепер введи код і перевір, чи готовий ти до наступного етапу!

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

Чудово, ти пройшов/пройшла рівень! Вітаємо тебе! Ти правильно відповів/відповіла на всі запитання і отримав/отримала код для виходу. Ти на правильному шляху!

Тепер готовий/готова перейти до наступної кімнати? У тебе залишився ще один рівень, тож не зупиняйся! Успіхів у пошуках і нових правильних відповідей!

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

Який тег використовується для створення заголовка першого рівня?

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

Ти правильно відповів/відповіла.
Перша частина коду:

t ? ? ?

Мітка №3/5 Ракета Завдання з відповіддю
Завдання:

Який тег використовується для вставки горизонтальної лінії?

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

Ти правильно відповів/відповіла.
Друга частина коду:

? 1 ? ?

Мітка №4/5 Літак Завдання з відповіддю
Завдання:

Яким тегом додається перенесення рядка в тексті?

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

Ти правильно відповів/відповіла.
Третя частина коду:

? ? R ?

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

Який тег використовується для створення гіперпосилання?

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

Ти правильно відповів/відповіла.
Четверта частина коду:

? ? ? 9

Рівень №3 — Безлад на робочому столі переглянути шаблон

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

1 вихід.

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

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

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

Ти на шляху до виходу! Тепер тобі потрібно ввести код, який складається з 4 символів. Кожен символ коду ти отримаєш за правильну відповідь на запитання. Не забувай, що правильні відповіді дадуть частини коду, а лише правильний код допоможе тобі пройти цей етап!

Якщо ти ще не відповів на всі питання, продовжуй пошук правильних відповідей. Кожна правильна відповідь наближає тебе до виходу.

Тепер введи код і перевір, чи завершиш квест!

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

Чудово, ти пройшов/пройшла квест! Вітаємо тебе! Ти правильно відповів/відповіла на всі запитання і отримав/отримала код для виходу. На тебе чекає сертифікат!

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

Текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань - це?

Правильна відповідь:
гіпертекст
Відповідь на завдання:

Ти правильно відповів/відповіла.
Перша частина коду:

w ? ? ?

Мітка №3/5 Headphone Завдання з відповіддю
Завдання:

Задає значення властивостей об'єкту, поміщеного у контейнер.

Правильна відповідь:
атрибут
Відповідь на завдання:

Ти абсолютно правильно відповів/відповіла.
Друга частина коду:

? e ? ?

Мітка №4/5 Phone Завдання з відповіддю
Завдання:

Вся інформація про форматування документу міститься в фрагментах розташованих між знаками < > - це?

Правильна відповідь:
тег
Відповідь на завдання:

Ти правильно відповів/відповіла.
Третя частина коду:

? ? 5 ?

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

Для визначення звичайних абзаців у мові HTML використовують тег

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

Ти правильно відповів/відповіла.
Четверта частина коду:

? ? ? b

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

Сподобався:

0

Так: 12

Ні: 0

Зрозумілий:

0

Так: 12

Ні: 0

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

0

Ні: 12

Так: 0

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

Підсумковий квест з історії за 6 клас на три кімнати (від печерних людей до появи слов'ян )

Підсумковий квест з історії за 6 клас на три кімнати (від печерних людей до появи слов'ян )

616

Аватар профіля Багатиренко Олена Сергіївна
Всесвітня історія. Історія України (інтегрований курс)
6 клас

100 грн

Кібердетективи: розкрий злочин

Кібердетективи: розкрий злочин

335

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
5—11 клас

100 грн

Повторення навчального матеріалу вивченого за рік

Повторення навчального матеріалу вивченого за рік

203

Аватар профіля Амбражевич Альона Ігорівна
Інформатика
9 клас

25 грн

Інформатика, 9 клас. Підводимо підсумки

Інформатика, 9 клас. Підводимо підсумки

631

Аватар профіля Тірон Ольга Олександрівна
Інформатика
9 клас

30 грн

Моя Україна

Моя Україна

509

Аватар профіля Злата Сергіївна
Виховна робота
5—12 клас, I—VI курси, дорослі та змішані

40 грн

Голодомор 1932-1933 рр.

Голодомор 1932-1933 рр.

417

Аватар профіля Дмитрієва Лариса Миколаївна
Історія України
10—11 клас

50 грн

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

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

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

1813

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

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

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

1282

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

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

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

622

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

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

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

704

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

Інформація

Інформація

298

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

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

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

1245

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