КСП «Оформление веб-страницы» по информатике, 10 класс

• Знать и записывать в тетрадь 6 CSS-свойств: color, background-color, font-size, margin, padding, border.
• Уметь применять эти свойства в коде HTML/CSS для оформления элементов веб-страницы.
• Создавать аккуратную, читаемую страницу с использованием изученных стилей, доводя работу до конца.

«Ребята, представьте: вы — веб-дизайнеры. Вам заказали сайт для школьной ярмарки. Заказчик говорит: "Сделайте красивую страницу, чтобы текст был синим, фон — жёлтым, а между картинками было расстояние". Вы написали код, но что-то пошло не так. Посмотрите на доску (слайд с кодом):

<p style="color: blue; backround-color: yellow; margin: 20px;">Добро пожаловать!</p>

«Здесь есть одна неточность. Кто найдёт её быстрее всех?» (Учитель ждет ответ: слово "backround" написано неправильно, надо "background").

«Верно! Одна маленькая опечатка — и стиль не работает. Профессионалы всегда проверяют код. Сегодня мы научимся уверенно использовать 6 главных CSS-свойств, чтобы ваши страницы выглядели аккуратно и профессионально. Записываем тему в тетрадь: "Оформление веб-страницы".

Учащиеся слушают историю, смотрят на код, находят ошибку (background-color написано с ошибкой). Предполагаемый ответ: «В слове "backround" пропущена буква g, надо "background"».

Записывают тему урока в тетрадь.

Для учащихся с ООП (дислексия, СДВГ) на слайде ошибка выделена красным цветом, дана подсказка: «Посмотри на слово "backround" — в нём не хватает одной буквы. Сравни с правильным словом на карточке-подсказке».

Дескрипторы (без баллов):

• Ученик находит орфографическую ошибку в CSS-свойстве.
• Ученик исправляет её устно.
• Ученик записывает тему в тетрадь.

Слайд/доска с кодом-провокацией, карточки-подсказки для ООП (правильное написание свойства background-color).