Урок:

Урок № 2.2. Каскадні таблиці стилів | Інформатика, 10–11 клас, вибірковий модуль «Вебтехнології»

20.10.2026
0 0
10 Клас, 11 Клас

3

0

32

0

0

Залучено ШІ
При створенні цього матеріалу був залучений штучний інтелект.
придбати урок
Ціна:

29 грн

Після покупки цей урок відразу стане доступним для використання повною мірою. Запитів на доступ не потрібно відправляти. Всі придбані уроки зберігаються в розділі мої придбані матеріали.

Опис уроку (учням цей опис не показується):

Готовий онлайн-урок з інформатики для 11 класу на тему «Каскадні таблиці стилів» — цілісний матеріал для самостійного опрацювання вибіркового модуля «Вебтехнології». Учитель отримує готову послідовність пояснень, наочних прикладів і перевірки знань без потреби готувати кожен етап окремо.

Учні з’ясують відмінності між HTML і CSS, розберуть будову CSS-правила, навчаться розпізнавати селектори тегів, класів та ідентифікаторів, визначати призначення властивостей і способи підключення стилів. На прикладах коду зрозуміють специфічність і порядок застосування правил.

Що містить урок:

✅ Структурований теоретичний матеріал про CSS, селектори, властивості, одиниці вимірювання та каскадність.

✅ Авторські навчальні ілюстрації, створені спеціально для уроку, та приклади HTML- і CSS-коду з поясненнями.

✅ Тест із 6 різнотипних завдань: вибір відповідей, встановлення відповідності, розподіл за категоріями й аналіз коду.

✅ Підсумкову рефлексію, яка допомагає учням оцінити розуміння теми та визначити можливі труднощі.

Матеріал зручно використовувати під час дистанційного й змішаного навчання, для асинхронної роботи, повторення або опрацювання пропущеного заняття.

Урок уже структурований від теорії до перевірки знань і рефлексії, тому вчителю не потрібно збирати його з окремих ресурсів.

Джерела використаної інформації: розкрити закрити
1. Речич Н. В. Інформатика: вебтехнології (вибірковий модуль для 10–11 класів, рівень стандарту). Харків: Видавництво «Ранок», 2020. 160 с.

2. MDN Web Docs. Introduction to CSS syntax: declarations, rulesets, and statements. Mozilla Developer Network. URL: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Syntax/Introduction

3. MDN Web Docs. Introduction to the CSS cascade. Mozilla Developer Network. URL: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade/Introduction

4. MDN Web Docs. Specificity. Mozilla Developer Network. URL: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade/Specificity

5. OpenAI. ChatGPT (модель GPT-6), 2026. Використано для розроблення та структурування теоретичного матеріалу, підготовки прикладів, тестових завдань і рефлексії, а також для генерації оригінальних навчальних ілюстрацій, інфографіки та обкладинки уроку за допомогою інструментів штучного інтелекту OpenAI.
Вміст уроку:
1
2
3
Опис, який учні побачать перед початком уроку

Вітаю! 👋

На цьому уроці ти дізнаєшся, що таке каскадні таблиці стилів (CSS), як із їхньою допомогою оформлювати вебсторінки, використовувати селектори

У

Для повного перегляду потрібно придбати матеріал

Урок не містить жодного завдання. Додайте завдання.

Щоб додати завдання, оберіть категорію завдання на панелі запитань.

1

Уяви, що ти створюєш власний вебсайт. На ньому вже є заголовки, текст, зображення та посилання. Усе працює, але сторінка виглядає досить просто: звичайний шрифт, біле тло, стандартні кольори та відступи.

А тепер уяви, що ти можеш змінити оформлення вс

Для повного перегляду потрібно придбати матеріал

2

12 з 12 балів

3

Опис, який учні побачать після проходження уроку

Урок завершено! ✅

Після цього уроку ти можеш:

  • пояснити призначення CSS та його відмінність від HTML;

  • розпізнати основні складові CSS-правила;

  • розрізнити с

Для повного перегляду потрібно придбати матеріал

Рефлексія від 0 учнів

Сподобався:

0

Так: 0

Ні: 0

Зрозумілий:

0

Так: 0

Ні: 0

Потрібні роз'яснення:

0

Ні: 0

Так: 0

придбати урок
Ціна:

29 грн

Після покупки цей урок відразу стане доступним для використання повною мірою. Запитів на доступ не потрібно відправляти. Всі придбані уроки зберігаються в розділі мої придбані матеріали.

Рекомендуємо

Урок № 2.1. Мова гіпертекстової розмітки | Інформатика, 10–11 клас, вибірковий модуль «Вебтехнології»

 Урок № 2.1. Мова гіпертекстової розмітки | Інформатика, 10–11 клас, вибірковий модуль «Вебтехнології»

43

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Урок № 1.4. Інструменти веброзробника | Інформатика, вибірковий модуль "Вебтехнології"

Урок № 1.4. Інструменти веброзробника | Інформатика, вибірковий модуль "Вебтехнології"

69

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Урок № 1.1. Основні тренди у вебдизайні | Інформатика, вибірковий модуль "Вебтехнології"

Урок № 1.1. Основні тренди у вебдизайні | Інформатика, вибірковий модуль "Вебтехнології"

105

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Урок № 1.3. Інформаційна структура вебсайту | Інформатика, вибірковий модуль "Вебтехнології"

Урок № 1.3. Інформаційна структура вебсайту | Інформатика, вибірковий модуль "Вебтехнології"

119

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Урок № 1.2. Види сайтів і цільова аудиторія | Інформатика, вибірковий модуль "Вебтехнології"

Урок № 1.2. Види сайтів і цільова аудиторія | Інформатика, вибірковий модуль "Вебтехнології"

110

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Урок № 2.2. Аналіз рядів даних | Інформатика (рівень стандарту), 10(11) клас

Урок № 2.2. Аналіз рядів даних | Інформатика (рівень стандарту), 10(11) клас

56

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
10—11 клас

29 грн

Схожі уроки

Впорядкування, пошук і фільтрування даних.

Впорядкування, пошук і фільтрування даних.

1363

Аватар профіля Вожга Ірина Леонідівна
Інформатика
9 клас

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

1215

Аватар профіля Савка-Ржематорська Оксана Василівна
Інформатика
9 клас

Цикли з передумовою у вкладених циклах

Цикли з передумовою у вкладених циклах

1413

Аватар профіля Вожга Ірина Леонідівна
Інформатика
6 клас

Налаштування часових параметрів аудіо- та відеоряду.

Налаштування часових параметрів аудіо- та відеоряду.

548

Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

705

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас

Елемент керування кнопка

Елемент керування кнопка

344

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас
✖
↑