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

КСП «Разработка дизайна сайта» по информатике, 10 класс

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

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

ПРОВЕРЕНО _____________

____________________

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

РазделТеория дизайна
ФИО педагога____________________
Дата_____________
Класс10 класс Количество присутствующих: _____ отсутствующих: _____
Тема урокаРазработка дизайна сайта.
Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу)10.2.1.7 разрабатывать дизайн-макет сайта средствами графического редактора с учетом особенностей веб-эргономики
Цель урока
  • Объяснить ключевые принципы веб-эргономики (навигация, читаемость, цветовая схема) и их влияние на пользовательский опыт.
  • Создать дизайн-макет главной страницы сайта на заданную тему, используя графический редактор (Canva/Figma), соблюдая базовые правила веб-эргономики.
  • Проанализировать предложенный дизайн-макет на предмет соответствия правовым нормам (размещение авторских логотипов, ссылок на источники) и обосновать важность соблюдения таких норм в цифровой среде.
Ценность для интеграцииЗакон и порядок

Ход урока

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

"Добрый день, ребята! Сегодня мы начинаем очень творческую и важную тему. Но для начала я хочу показать вам два скриншота главных страниц сайтов. Первый — сайт городской библиотеки: информация разбросана, мелкий шрифт, яркие мигающие баннеры. Второй — сайт для изучения правил дорожного движения: четкое меню, контрастный текст, интуитивные иконки."

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

После 2 минут: "Послушаем несколько мнений. (Выслушивает 2-3 ответа). Отлично. Вы уже интуитивно затронули тему, которая называется веб-эргономика — это правила и принципы, делающие сайт удобным, понятным и безопасным для пользователя. Именно этим мы и займемся: разработкой дизайна сайта по правилам."

Учащиеся анализируют визуальные примеры, формулируют и озвучивают прогноз, аргументируя его. Включаются в тему урока. Учащиеся с ООП получают те же скриншоты, но с устными подсказками учителя или тьютора: "Посмотри сюда, здесь текст видно? А здесь кнопку найти легко?". Им предлагается ответить на упрощенный вопрос: "Какой сайт тебе больше понравился? Почему?" (устно или указав пальцем). Формативное оценивание (опрос).
Дескриптор: Учащийся высказывает предположение, связывая внешний вид сайта с его удобством для пользователя.
Проектор/экран, 2 подготовленных скриншота сайтов (плохой и хороший пример эргономики). ИИ-сервис для быстрой генерации примеров скриншотов по запросу (например, "create a screenshot of a cluttered website" в ChatGPT/DALL-E).
Откроется после регистрации: Середина урока (20-25 мин) · Конец урока (5-10 мин) · Рефлексия (5 мин)

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

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

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

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