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