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

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

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

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

ПРОВЕРЕНО _____________

____________________

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

Раздел Теория дизайна
ФИО педагога ____________________
Дата _____________
Класс 10 класс Количество присутствующих: _____ отсутствующих: _____
Тема урока Графика для веб-страницы
Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу) 10.2.1.5 объяснять разницу между форматами графических файлов;
10.2.1.6 объяснять необходимость конвертации графических файлов
Цель урока
  • Определять и описывать отличия основных форматов графических файлов (JPEG, PNG, GIF, SVG, WebP) по критериям: тип данных (растровый/векторный), поддержка прозрачности, сжатие, качество и размер файла.
  • Пояснять, почему и когда необходимо конвертировать графические файлы для веба, выбирая оптимальный формат для конкретной задачи (например, фото, логотип, иконка, анимация).
  • Практически выполнить конвертацию и оптимизацию одного изображения для использования на веб-странице, продемонстрировав уменьшение размера файла при приемлемом качестве.
Ценность для интеграции Справедливость и ответственность

Ход урока

Этап урока / Время Действия педагога (полные реплики и инструкции) Действия ученика Формы оценивания Ресурсы
Начало урока (5 мин)
Вызов (метод)
Учитель: «Добрый день! Посмотрите на эту картинку.» (Показывает мем/смешную картинку, связанный с темой: например, искажённое фото с подписью "Когда забыл оптимизировать изображение и сайт грузится вечность").

Учитель (вопросы): «Почему этот мем про нас? Что происходит на сайте, если картинки большие? Какие проблемы видите?»

Учитель даёт задание: «Назовите вслух по одному негативному эффекту от неподходящего формата или большого веса изображения (медленная загрузка, потеря трафика, недоступность для людей на слабом соединении и т.д.).»

Учитель подводит итог: «Сегодня научимся выбирать форматы и конвертировать так, чтобы сайты были быстрыми и доступными — это часть нашей ответственности по отношению к пользователям и сообществу.»
Ученики смотрят мем, отвечают устно (по очереди или поднятием руки). Возможные ответы: «Долго грузится», «Мобильные пользователи страдают», «Портится дизайн», «Трафик уходит».
Один ученик (доброволец) формулирует итог: «Мы должны выбирать правильные форматы и оптимизировать картинки.»
Дескрипторы:
  • Ученик ясно называет минимум 1 проблему, связанную с большими/неправильными изображениями;
  • Ученик участвует в обсуждении (устный вклад).
Мем/смешная картинка (PNG/JPEG) на презентации; проектор/интерактивная доска; короткая опорная карточка: «Проблемы больших изображений»; ИИ-инструмент: генератор мемов (например, Canva, Midjourney для варианта создания) — при подготовке учителем.
Откроется после регистрации: Середина урока (20-25 мин) · Разноуровневые задания — подробное опис… · Конец урока (5-10 мин) · Рефлексия (5 мин) · Использование ИИ-инструментов на уроке

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

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

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

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