КСП «CSS (си эс эс)» по информатике, 10 класс

• Объяснять назначение и базовый синтаксис CSS (селекторы, свойства, значения).
• Применять CSS для изменения внешнего вида текста (цвет, шрифт, размер) и фона веб-страницы, создавая простую стилевую таблицу.
• Проанализировать реальный веб-сайт, выдвинуть и реализовать креативное предложение по улучшению его дизайна с помощью CSS.

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

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

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

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

• Монитор/проектор
• Презентация (слайд с вопросом)