1
Що таке хостинг?
2
Який тег відповідає за зберігання метаінформації про документ, яка не відображається безпосередньо у вікні браузера?
3
До вас звернувся замовник, який відкриває онлайн-магазин дитячих іграшок та святкових товарів. Початковий варіант дизайну сторінки був виконаний у темній гамі (основний колір — чорний, додатковий — темно-сірий, шрифт — засічковий Times New Roman).
Питання та завдання:
Поясніть, чому вибране кольорове оформлення та шрифти є невдалими для даного вебресурсу.
4
Учні створили проект вебсайту, але переплутали кроки його реалізації. Розставте етапи створення вебресурсу в правильній хронологічній послідовності (від першого до останнього).
Верстка HTML-структури та стилізація сторінок.
Проєктування структури (Sitemap) та створення дизайн-макету / прототипу (Wireframe).
Тестування функціоналу, перевірка адаптивності та розміщення сайту на хостингу.
Наповнення сайту контентом та подальша технічна підтримка/оновлення.
Аналіз цільової аудиторії, формулювання мети сайту та написання ТЗ (технічного завдання).
5
Відновіть правильний порядок тегів у коді (зверху донизу), щоб утворилася правильна та валідна структура HTML5-документа.
<body> (початок контенту сторінки)
<html lang="uk"> (кореневий елемент)
<head> (метадані та заголовок вкладки)
<!DOCTYPE html> (оголошення типу документа)
<title>Назва сайту</title> (заголовок у head)
6
Вставте пропущені HTML-теги або атрибути:
<!DOCTYPE html>
< lang="uk">
<head>
<meta charset="UTF-8">
<!-- Вставте тег для вказівки назви вкладки у браузері -->
<title>Центр дитячої творчості</title>
</head>
<body>
<h1>Ласкаво просимо!</h1>
</body>
</ >
7
Який тег використовується для створення найважливішого заголовка першого рівня на сторінці?
8
Які із перелічених програм є спеціалізованими редакторами коду або середовищами (IDE), що підтримують підсвічування синтаксису HTML, автодоповнення та перевірку помилок?
9
Знайдіть помилки в цьому фрагменті коду:
<p>Це важливий текст, де є <b>жирне слово</p></b>
<img src="photo.jpg" alt="Моє фото">
<a href=https://google.com>Пошук</a>
Рефлексія від 0 учнів
Сподобався:
Так: 0
Ні: 0
Зрозумілий:
Так: 0
Ні: 0
Потрібні роз'яснення:
Ні: 0
Так: 0