Анотація

Збірник містить практичні завдання по створенню веб-сторінок із використанням мов HTML та CSS. До кожного завдання додано тестові запитання, які сприяють самостійному дослідженню учнями елементів мов програмування.

Завдання призначені для учнів 11 класу, які обрали для вивчення модуль: «Веб-технології», проте може використовуватися і в 5 – 10 класах під час вивчення відповідного розділу програми. Збірник розроблено в паперовому, а також в електронному виглядах (веб-сайту https://sites.google.com/view/procss/). На веб-сайті вчитель може завантажити паперову версію, а також отримати доступ до додаткових матеріалів, зокрема через парольний доступ (666), до готових практичних робіт. До збірника додаються бланки, на яких учень може давати відповіді на запитання в практичній роботі.

У новій навчальній програмі з інформатики для 11 класу у викладачів з’явилась можливість обирати модулі для навчання за різними напрямками. У зв’язку з цим виникла проблема – дефіцит навчальних матеріалів в інтернеті. Даний збірник практичних завдань допоможе вирішити це питання.

Наведені у даному збірнику практичні завдання призначені для тих вчителів, які разом з учнями 11 класу обрали модуль «Веб-технології». Збірник включає завдання різного типу, а також додатки до них з бланками відповідей, які вчитель може використовувати як робочий так і контрольний зошит учня. Частиною цього посібника є сайт https://sites.google.com/view/procss/, на якому доступні ці завдання та текстові фрагменти, призначені для прискорення роботи учнів при виконанні практичних завдань. Також на сайті є розділ для вчителя, на якому він може знайти методичні матеріали, завантажити електронні версії цього посібника (у форматі для учня – без вступу) та додатки для нього, отримати доступ до готових практичних робіт через сторінку з парольним захистом (666). На сайті наявні сторінки з посиланнями на навчальні матеріали по темі HTML, CSS, JS. Є сторінка з посиланнями на веб-інструменти.

Практичні завдання, які наведені в даному збірнику розраховані навіть на учня, який має початковий рівень знань Роботи містять завдання дослідницького характеру, які спонукають учня вивчати елементи мов побудови веб-сайтів. Деякі завдання націлені на розвиток логічного мислення, актуалізують знання учня перед виконанням практичного завдання.

Рекомендовано використовувати збірник завдань у вигляді брошури, а не роздаткових карток, так як попередні роботи можуть учнями використовуватись  підказками для наступних.

Метою практикуму не є змусити учнів завчити мовні конструкції, а, навпаки, навчити учнів користуватися ними та вміти шукати невідомі знання за ресурсами в інтернеті. Тому підглядати у попередні роботи, а також інші доступні джерела, заохочується. Адже розумна людина — це не та, яка все знає (хоча це неможливо), а та, яка вміє знайти те, чого не знає і скористатися цим.

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

Подані у збірнику практичні роботи містять завдання із основ мов HTML та CSS. Збірник розроблений таким чином, що роботи потрібно виконувати послідовно. Перші роботи мають дослідницький характер. Такі практичні містять готовий код і учень має дослідити призначення його елементів. Для цього необхідно вводити код уважно, спостерігаючи за вікном виводу, які елементи з’являються після введення кожного тегу. Також можна стирати окремі теги, визначаючи яким чином це впливає на вигляд сторінки. Наступні практичні у розділі вимагають застосування учнем набутих раніше знань. Практичні роботи містять запитання у формі тестів та відкриті запитання. Для зручності на сайті збірника у розділі «Для вчителів» можна завантажити робочі зошити для учнів з бланками відповідей до практичної роботи.

Практичні роботи можна використовувати у тих 11 класах, які вивчають вибірковий модуль «Веб-технології» навчальної програми. (можна переглянути на сайті, і календарний план до неї). Також доцільне використання збірника і в інших класах, під час вивчення розділу програми про технологію створення гіпертекстових документів.

Практичні роботи спираються на застосуванні середовища веб-розробки CodePen.io 

У паперовому збірнику в колонтитулі вказано тему з календарного плану, до якої належить дана практична робота. Теми з номером маленький нуль, нуль та 7+ додаткові і призначені для розкриття середовища, та деяких додаткових прийомів роботи, які не заплановані шкільною програмою. Завантажте збірники для учнів з цього сайту.