ПРОВЕРЕНО _____________
____________________
Краткосрочный план по информатике в 10 класс
| Раздел | 10.4А Веб____________________проектирование |
| ФИО педагога | ____________________ |
| Дата | _____________ |
| Класс | 10 класс Количество присутствующих: _____ отсутствующих: _____ |
| Тема урока | CSS урок 2 |
| Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу) | 10.4.2.2 использовать CSS при разработке web____________________страниц |
| Цель урока |
|
| Ценность для интеграции | Трудолюбие и профессионализм |
Ход урока
| Этап урока / Время | Действия педагога (полные реплики и инструкции) | Действия ученика | Оценивание (критерии • дескрипторы • балл) | Ресурсы |
|---|---|---|---|---|
| Начало урока (5 мин) Вызов (сторителлинг) |
Учитель: «Здравствуйте, ребята! Сегодня я хочу рассказать вам небольшую историю. Мой друг____________________дизайнер вчера хвастался, что за 5 минут сверстал страницу для интернет____________________магазина цветов. Он прислал мне код. Посмотрите на экран. Он сказал: "Я использовал CSS, чтобы текст заголовка был большим и красным, а основной текст — удобным для чтения". Но когда я открыл страницу в браузере, заголовок был черным и мелким, а текст сбился в кучу. Я думаю, он где____________________то допустил ошибку. Ваша задача — за 2 минуты в парах найти в этом коде хотя бы одну явную неточность, которая могла привести к такой проблеме. Код на экране и у вас на листочках».
На экране/раздатке:
<style>
После обсуждения: «Итак, какие ошибки вы нашли? Правильно, для присваивания значения свойству используется двоеточие, а не знак равенства (color = "red" → color: red;). Также у значения margin не указаны единицы измерения (пиксели, проценты). А точка с запятой пропущена после font____________________size. Отлично! Именно на такие детали мы сегодня и обратим особое внимание, ведь профессионализм — это в том числе и аккуратность в коде». |
Ученики слушают историю. В парах анализируют предложенный CSS____________________код, ищут синтаксические ошибки. Обсуждают возможные причины. Отвечают на вопрос учителя, называют найденные ошибки. | Дескрипторы (без баллов): • Ученик активно участвует в обсуждении. • Называет минимум одну ошибку в предложенном коде (синтаксис, единицы измерения). |
• Проектор/экран. • Раздаточный материал с кодом (готовое задание 1). • ChatGPT: для быстрой генерации аналогичных примеров кода с ошибками для дифференциации. |
| Откроется после регистрации: Середина урока (20____________________2… · Конец урока (5____________________10 ми… · Рефлексия (5 мин) | ||||