Опублікував/ла:

Безклинська Катерина Сергіївна

Посилання Написати Додати в обране Поскаржитися

Вебквест:

Квест по мові html

05.12.2021

1 0

Інформатика

10 Клас

2 рівнів

24 підказок

Час виконання: необмежений

Шаблони: Тесла, Доброго вечора, ми з України!

576

313

Провести вебквест серед своїх учнів на основі цього вебквесту призначити в журнал Грати соло

Вміст вебквесту:

Налаштування гри

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

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

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

Завдання вийти з машини - отримавши всі підказки і склавши ключову фразу. А допоможуть Вам у цьому знання отримані на уроках інформатики з мови HTML

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

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

1 вихід.

7 сповіщень.

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

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

Мітка №1/15 Внутрішня ручка відкривання дверей ліворуч Вихід з рівня Щоб вийти потрібен ключ

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

Сюди необхідно ввести вислів (без розділових знаків)

Ключ:

Інтернет це всього лише інструмент все залежить від того хто і в яких цілях його використовує

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

Вітаю! Ви успішно виконали завдання!

Мітка №2/15 Кермо Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Як називаються команди на мові HTML?

Відповідь внесіть в об'єкт, який змушує машину зупинитися

Мітка №3/15 Педаль гальма Завдання з відповіддю

Правильні варіанти відповіді:

тег теги тегом тегами

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"Інтернет - це"

Мітка №4/15 Педаль газа Завдання з відповіддю

Правильні варіанти відповіді:

лапках лапки

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"всього лише"

Мітка №5/15 Кнопка відкривання бардачка Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Цей тег допомагає виділити текст на мові HTML курсивом

Відповідь внесіть в об'єкт, який відкриває дана кнопка.

Мітка №6/15 Бардачок Завдання з відповіддю

Правильні варіанти відповіді:

i і тег і <i>

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"інструмент"

Мітка №7/15 Комбінація приборів Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Який тег на мові HTML допомагає створити нумерований список?

Відповідь внесіть в об'єкт, який допомагає водію керувати авто, підтримує потрібну швидкість, зберігає безпечну дистанцію відносно інших об'єктів на дорозі і т.д.

Мітка №8/15 Управління круїз контролем Завдання з відповіддю

Правильні варіанти відповіді:

ol <ol> тег <ol>

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"все залежить від того"

Мітка №9/15 Вентиляція 3 Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Який тег відповідає за створення рядків у таблиці на мові HTML?

Відповідь внесіть в об'єкт, який використовується для попередження ДТП.

Мітка №10/15 Tesla Кнопка звукового сигналу Завдання з відповіддю

Правильні варіанти відповіді:

tr <tr> тег <tr>

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"хто і в яких цілях"

Мітка №11/15 Внутрішня ручка відкривання дверей праворуч Повідомлення при кліку

Повідомлення при кліку на об'єкт:

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

Відповідь внесіть в об'єкт, який використовується виключно пасажиром.

Мітка №12/15 Сидіння пасажира Завдання з відповіддю

Правильні варіанти відповіді:

p <p> тег <p>

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"його"

Мітка №13/15 Сенсорний екран Повідомлення при кліку

Повідомлення при кліку на об'єкт:

У який тег розміщують весь контент вебсайту?

Відповідь внесіть в об'єкт, який сигналізує про вимушену зупинку автомобіля

Мітка №14/15 Кнопка аварійної світлової сигналізації Завдання з відповіддю

Правильні варіанти відповіді:

body <body> тег <body>

Відповідь на завдання:

Вітаю! Підказка - частина вислову

"використовує"

Мітка №15/15 Підставка для лівої ноги Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Використовуючи які символи необхідно записувати значення атрибуту тегів?

Відповідь внесіть в об'єкт, який змушує машину їхати швидше

Рівень №2 — Доброго вечора, ми веброзробники! переглянути шаблон

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

1 вихід.

5 сповіщень.

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

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

Мітка №1/11 Прапор Вихід з рівня Потрібно знайти і відкрити всі підказки (з відповідями і без відповідей)

Фінальне повідомлення:

Твої знання HTML та СSS вражають!!! Навчайся далі і ти точно станеш веброзробником! Все буде Україна!

Мітка №2/11 Поле соняшників Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Запишіть англійську абревіатуру каскадних таблиць.

Відповідь внесіть у об'єкт - сільськогосподарська техніка

Мітка №3/11 Трактор Завдання з відповіддю

Правильні варіанти відповіді:

CSS css

Відповідь на завдання:

Ти молодець!

Мітка №4/11 ЗСУ Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Тег, іd, class у каскадних таблиціях стилів - це ... (селектор, конвектор чи комікатор)

Відповідь внесіть у об'єкт - переносний протитанковий ракетний комплекс

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

Правильні варіанти відповіді:

селектор Селектор

Відповідь на завдання:

Тобі щастить!

Мітка №6/11 Літак Повідомлення при кліку

Повідомлення при кліку на об'єкт:

Як називають механізм, який дозволяє застосовувати до одного і того ж елемента в HTML-документі більш як одне правило CSS? (каскадність, кросплатформеність чи кросбраузерність)

Відповідь внесіть у об'єкт - біологічна літаюча зброя українців

Мітка №7/11 Гусак Завдання з відповіддю

Правильні варіанти відповіді:

каскадність Каскадність

Відповідь на завдання:

Твої знання дійсно грунтовні!

Мітка №8/11 Патрон Повідомлення при кліку

Повідомлення при кліку на об'єкт:

В якому із тегів html- документу прописується внутрішня таблиця стилів, яка буде використовуватися? (<html>, <head>, <body>)

Відповідь внесіть у об'єкт - безпілотний літальний апарат

Мітка №9/11 Bayraktar Завдання з відповіддю

Правильні варіанти відповіді: