Перейти к содержанию
КСП

КСП «Селекторы в CSS. Идентификационные и контекстные селекторы» по информатике, 10 класс

Краткосрочный план урока по информатике для 10 класса по теме «Селекторы в CSS. Идентификационные и контекстные селекторы». Открыты цели обучения, цели урока и начало урока; весь план и файл Word — после бесплатной регистрации.

  • Информатика
  • 10 класс
  • Обновлено 24.09.2026
Создать КСП по своей теме

ПРОВЕРЕНО _____________

____________________

Краткосрочный план по информатике в 10 классе

РазделWEB-проектирование
ФИО педагога____________________
Дата_____________
Класс10 класс Количество присутствующих: _____ отсутствующих: _____
Тема урокаСелекторы в CSS. Идентификационные и контекстные селекторы
Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу)Все обучающиеся: знают селекторы идентификатора и атрибута
Большинство обучающихся: сравнивают селекторы идентификатора и атрибута
Некоторые обучающиеся: объясняют преимущества использования селекторов идентификатора и атрибута
Цель урока
  • Определить и применить на практике селекторы идентификатора (`#id`) и атрибута (`[атрибут]`).
  • Сравнить области применения и специфичность идентификационных и контекстных селекторов.
  • Создать фрагмент стилевого оформления веб-страницы, аргументировав выбор типа селектора для решения конкретной задачи.
Ценность для интеграцииСозидание и новаторство

Ход урока

Этап урока / Время Действия педагога (полные реплики и инструкции) Действия ученика Оценивание (критерии • дескрипторы • балл) Ресурсы
Начало урока (5 мин)
Вызов (метод: визуальный стимул)

"Добрый день, ребята! Посмотрите на экран. Вы видите мем: два абсолютно одинаковых на вид робота стоят рядом. Подпись: 'Когда дизайнер просит сделать кнопку "особенной", а ты уже использовал все классы'. Как вы думаете, о какой проблеме в веб-дизайне и верстке может идти речь?"

Выслушиваю предположения. Подвожу к мысли о необходимости точного "адресования" стилей разным элементам, даже если они внешне похожи.

"Верно! Чтобы управлять каждым элементом на странице по-отдельности, нужны точные инструменты выбора. Сегодня мы изучим два таких мощных инструмента — селекторы идентификатора и атрибута. Они помогут нам сделать наш код не только рабочим, но и осмысленным, логичным."

Ученики рассматривают мем, высказывают свои версии. Формулируют проблему: как применить разные стили к похожим элементам. Записывают тему урока в тетрадь. Дескрипторы:
• Ученик активно участвует в обсуждении мема.
• Формулирует предположение о теме урока (проблеме точного выбора элементов).
Без баллов.
Проектор/экран, мем (изображение), презентация с темой урока.
Откроется после регистрации: Середина урока (20-25 мин) · Конец урока (5-10 мин) · Рефлексия (5 мин)

Материал опубликован обезличенно: имя автора и название школы из него убраны.

В справочнике учителя: Как составить КСП по 130 приказу пошагово: пример и шаблон

Нужен план на свою тему?

Этот план собран в генераторе КСП Telly. Укажите предмет, класс и тему — через пару минут получите свой: с критериями оценивания, дескрипторами и готовыми заданиями, в Word.