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

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

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

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

ПРОВЕРЕНО _____________

____________________

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

РазделWeb - проектирование
ФИО педагога____________________
Дата_____________
Класс10 класс Количество присутствующих: _____ отсутствующих: _____
Тема урокаОформление веб-страницы
Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу)10.3.1.4 применять CSS-свойства color, background-color, font-size, margin, padding, border для оформления веб-страницы
Цель урока
  • Знать и записывать в тетрадь 6 CSS-свойств: color, background-color, font-size, margin, padding, border.
  • Уметь применять эти свойства в коде HTML/CSS для оформления элементов веб-страницы.
  • Создавать аккуратную, читаемую страницу с использованием изученных стилей, доводя работу до конца.
Ценность для интеграцииТрудолюбие и профессионализм

Ход урока

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

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

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

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

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

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

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

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

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

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

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

Откроется после регистрации: Середина урока (20-25 мин) · Физминутка (2 мин) · Конец урока (5-10 мин) · Рефлексия (5 мин)

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

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

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

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