Навчальна бета-версія· навчальні матеріали проходять перевірку
10–11 · Базовий модуль · Мультимедійний і вебпродукт

10–11 · Неподільний базовий модуль інформатики · Крок 20 із 24

10–11 · Вебпродукт: структура й внутрішні переходи

Гіпертекст поєднує частини через зрозумілі переходи. Структура заголовків і підписів допомагає читанню. Локально створений HTML є прототипом; він не означає публікацію, хостинг чи створення зовнішнього CMS-акаунта.

Передумови: Короткі умови, цілі числа й базові дії; працюй із вигаданими даними та окремими навчальними копіями.

Редакцію включено до публічної бета-версії. Це не фахове педагогічне приймання. Версія вправ: 2026-10-27.info-base.1. Програмні перевірки не замінюють оцінювання навчальної методики.

Повідомити про помилку

Версія 2026-10-27.info-base.1. Не вказуй ім’я, контакти чи інші особисті дані.

Сторінки, чернетка й локальний preview

Керуй1–3 власними текстовими сторінками. Текст відображається без виконання HTML чи скриптів. «Оновити preview» створює лише копію у вкладці, не публікацію. Немає сервера CMS, акаунтів чи спільного редагування.

Сторінка1
Сторінка2

Завдання: створи третю сторінку з власним висновком, зміни порядок, переглянь переходи, віднови JSON. Критерій: збіг сторінок/порядку/тексту до й після відновлення; зміст перевіряє людина. Повний зовнішній CMS workflow і спільна робота не підтверджені.

Локальний вебпрототип

Зміни вхід, передбач результат, експортуй дві версії й поясни відмінність. Дані живуть лише на цій сторінці: без автоматичного збереження, надсилання чи оцінки продукту. Використовуй вигадані дані.

Структурований прототип із двома внутрішніми посиланнями. Текст екранується; скрипти та зовнішні ресурси не додаються. Повний CMS і публікація — окрема практика.

Мій навчальний продукт

Власний локальний прототип із двома розділами.

Мета

Пояснити власну задачу й потрібні дані.

Перевірка

Зіставити результат із критерієм і назвати невідоме.

Власні навчальні тексти; без зовнішніх матеріалів.

Модель і потрібний результат

Гіпертекст поєднує частини через зрозумілі переходи. Структура заголовків і підписів допомагає читанню. Локально створений HTML є прототипом; він не означає публікацію, хостинг чи створення зовнішнього CMS-акаунта. Спочатку назви мету, вхід і перевірюваний результат. Властивості, яких немає в умові, познач як невідомі; не замінюй їх здогадкою.

РОЗІБРАНИЙ ПРИКЛАД

Посилання «Результат» веде до відповідного розділу Відповідь: перехід відповідає меті.

Розбір дії та пояснення

Розклади умову на окремі операції. Для чисел занотуй стан після кожного кроку; для вибору поясни ознаку. Гіпертекст поєднує частини через зрозумілі переходи. Структура заголовків і підписів допомагає читанню. Локально створений HTML є прототипом; він не означає публікацію, хостинг чи створення зовнішнього CMS-акаунта.

РОЗІБРАНИЙ ПРИКЛАД

Кнопка обіцяє розділ, якого немає За умовою: перехід хибний. Гіпертекст поєднує частини через зрозумілі переходи. Структура заголовків і підписів допомагає читанню. Локально створений HTML є прототипом; він не означає публікацію, хостинг чи створення зовнішнього CMS-акаунта.

Помилка, межа й тест

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

РОЗІБРАНИЙ ПРИКЛАД

Мініпротокол: вхід → очікування → дія → фактичний результат → висновок. Для твердження без потрібного доказу висновок «невідомо» кращий за вигаданий факт.

Власний продукт і межі автоматичної оцінки

Створи в майстерні локальну сторінку з двома розділами та переходами, експортуй HTML. Поясни різницю між цим прототипом і публікацією через CMS; зовнішній сайт не створюй. Автоматичні відповіді перевіряють лише наведені умови. Якість власного документа, презентації чи малюнка перевіряють за рубрикою, у потрібному редакторі або на паперовому прототипі.

РОЗІБРАНИЙ ПРИКЛАД

Не використовуй приватних даних, справжніх паролів чи невідомих вкладень. Для кожної зміни збережи пояснення, який критерій вона покращує.

ПРАКТИЧНА ДІЯ

Напиши й перевір

Створи в майстерні локальну сторінку з двома розділами та переходами, експортуй HTML. Поясни різницю між цим прототипом і публікацією через CMS; зовнішній сайт не створюй. Можна виконати на папері. Це не автоматична оцінка володіння редактором або програмуванням.

Цю навичку не оцінює автоматичний тест. Позначки нижче — твоя самоперевірка; для незалежного висновку потрібен викладач або підготовлений слухач.

Матеріал для роботи

Власна навчальна модель: Гіпертекст поєднує частини через зрозумілі переходи. Структура заголовків і підписів допомагає читанню. Локально створений HTML є прототипом; він не означає публікацію, хостинг чи створення зовнішнього CMS-акаунта.

Чернетка не надсилається на сервер і не зберігається після закриття сторінки. Скопіюй її, якщо хочеш залишити.

Перевір себе

Відмічено критеріїв: 0 із 4. Це не автоматична оцінка правильності.

Тепер твоя черга

2 вправи з підтримкою та 4 самостійні завдання.

Перейти до практики →