Готова практична робота № 2 з інформатики «Текстові елементи вебсторінки. Гіперпосилання та списки» для учнів 10–11 класів, які вивчають вибірковий модуль «Вебтехнології». Матеріал спрямований на формування практичних навичок створення багатосторінкового сайта мовою HTML, оформлення текстового вмісту, використання списків та налаштування гіперпосилань.
У процесі виконання учні створять власний навчальний сайт із трьох взаємопов’язаних HTML-сторінок, навчаться організовувати його структуру та перевіряти працездатність навігації.
Практична робота підготовлена у двох рівноцінних форматах: для очного заняття в комп’ютерному класі та самостійного асинхронного виконання через Google Classroom. Обидві версії передбачають однакові навчальні результати та спільну систему оцінювання.
Відповідність підручнику
Матеріал розроблено на основі практичної роботи № 2 «Текстові елементи вебсторінки. Гіперпосилання та списки» з посібника Н. В. Речич «Інформатика : вебтехнології» (вибірковий модуль для учнів 10–11 класів, рівень стандарту, видавництво «Ранок», 2020).
Збережено основну навчальну мету практичної роботи, а інструкції уточнено та адаптовано для сучасних умов очного й дистанційного навчання.
Що входить до комплекту?
Комплект містить 3 готових матеріали у форматі DOCX:
Практична робота № 2 — очний урок. Інструкція для виконання в комп’ютерному класі з послідовними практичними завданнями, прикладами HTML-коду, вказівками щодо перевірки результату та таблицею самооцінювання.
Практична робота № 2 — Google Classroom. Адаптована версія для самостійного асинхронного виконання. Містить докладніші пояснення, готові зразки HTML-коду, інструкції щодо створення й перевірки сторінок, підготовки ZIP-архіву та надсилання результату через Google Classroom.
Критерії оцінювання для вчителя. Окремий документ зі спільною 12-бальною рубрикою для обох форматів навчання. Містить ознаки повного виконання кожного критерію, правила часткового нарахування балів і методичні примітки.
Що виконуватимуть учні?
Спочатку учні створять робочу теку сайта та головну сторінку index.html. У текстовому редакторі вони сформують базову структуру HTML-документа, використають теги <html>, <head>, <body>, а також семантичні елементи <header>, <nav>, <main> і <footer>.
Далі учні додадуть заголовки та абзаци, створять навігаційне меню з маркованого списку за допомогою тегів <ul>, <li> і <a>. Для наповнення сторінок можна використовувати власний текст або генератор Lorem Ipsum.
На основі головної сторінки учні підготують ще два HTML-документи — info.html («Про сайт») і form.html («Контакти»). Вони змінять заголовки й текстове наповнення сторінок, а також створять нумерований список за допомогою тегів <ol> і <li>.
Завершальний етап передбачає перевірку всіх переходів між сторінками у браузері, виправлення можливих помилок, формулювання короткого висновку та подання готових HTML-файлів для оцінювання.
Оцінювання
Практична робота оцінюється за 12-бальною шкалою.
Створення коректної HTML-структури та файла index.html — 2 бали.
Використання заголовків, абзаців і структурних елементів сторінок — 3 бали.
Створення маркованого й нумерованого списків та працездатних гіперпосилань — 4 бали.
Підготовка трьох HTML-сторінок із необхідним текстовим наповненням — 2 бали.
Перевірка сайта, подання результату та формулювання висновку — 1 бал.
Разом — 12 балів.
Для вчителя передбачено окремий документ із деталізованими критеріями, ознаками повного виконання та правилами часткового оцінювання.
Для кого призначений матеріал?
Практична робота призначена для вчителів інформатики, які викладають вибірковий модуль «Вебтехнології» у 10–11 класах.
Комплект підходить для очного, дистанційного та змішаного навчання, зокрема для організації самостійної роботи учнів через Google Classroom. Обидві версії можна використовувати незалежно одна від одної, зберігаючи однакові вимоги до результату й оцінювання.
Готові покрокові інструкції, приклади HTML-коду та спільна система критеріїв допомагають учителю організувати практичне заняття без необхідності самостійно розробляти окремі завдання для різних форматів навчання.
