Чему вы научитесь
- Первое задание посвящено освоению структуры HTML-документа и применению семантической разметки. Студентам предлагается создать корректный HTML-файл с заголовком, абзацами, маркированным списком, семантическими блоками (<header>, <nav>, <main>, <footer>) и обязательным комментарием с ФИО. Уже на этом этапе закладывается привычка к подключению внешней таблицы стилей, даже если она пока не содержит правил. Это задание направлено на формирование умений, указанных в первой строке колонки «Уметь» таблицы 1.
- Второе задание строится на основе результата предыдущей работы и фокусируется на применении каскадных таблиц стилей. Студенты стилизуют ранее созданную страницу: задают фон, оформляют заголовок, настраивают отступы и межстрочный интервал для абзацев, форматируют список и создают карточку с использованием модели блока (отступы, граница, тень). Все стили оформляются исключительно во внешнем файле styles.css, что формирует навыки разделения структуры и оформления.
- Третье задание интегрирует знания по HTML и CSS в единую практико-ориентированную задачу. Студенты добавляют на страницу внешнюю и якорную гиперссылку, реализуют интерактивную стилизацию ссылок с использованием псевдоклассов (:link, :hover и др.), а также применяют класс .intro для выделения первого абзаца.
О курсе
Разработанные рекомендации учитывают как технологическую специфику изучаемого материала (HTML и CSS как инструменты клиентской вёрстки), так и психолого-педагогические особенности обучающихся (принцип поэтапного усложнения, зона ближайшего развития, необходимость обратной связи). Структура каждого занятия предусматривает чёткую последовательность: постановку цели → выполнение задания в профессиональной среде (VS Code) → тестирование результата в браузере → коллективный анализ типичных ошибок → рефлексию. Та
6