Семантический HTML-документ
Разберите структуру документа, landmark-элементы, заголовки и смысловую разметку.
Программирование
Онлайн-курс «HTML + CSS»
Уверенно верстать семантичные и адаптивные страницы. Обучение построено вокруг практики и завершается проектом, который можно показать в портфолио.
Итоговый результат: многостраничный адаптивный сайт по макету.
14 модулейот основ до проекта
42–56 часовв удобном темпе
Автопроверкаобратная связь сразу
Сертификатс проверкой подлинности
Программа обученияМодуль 1 Модуль 2 Модуль 3 Модуль 4 Модуль 5 Модуль 6 Модуль 7 Модуль 8 Модуль 9 Модуль 10 Модуль 11 Модуль 12 Модуль 13 Модуль 14
Что вы изучите
Текст, ссылки и изображения
Используйте списки, ссылки, picture, alt, figure и адаптивные изображения.
Формы и доступность
Свяжите label и input, выберите типы полей, добавьте fieldset, autocomplete и понятные ошибки.
Каскад и специфичность CSS
Разберите наследование, порядок правил, specificity, custom properties и DevTools.
Блочная модель и размеры
Изучите content, padding, border, margin, box-sizing, min/max и переполнение.
Flexbox
Освойте главную и поперечную оси, перенос, gap, grow/shrink и auto margin.
CSS Grid
Создавайте явные и автоматические сетки, используйте minmax, repeat и auto-fit.
Адаптивная вёрстка
Применяйте mobile-first, относительные единицы, медиазапросы и контейнерные ограничения.
Компоненты и состояния
Спроектируйте кнопки, поля, карточки и уведомления с hover, focus-visible, disabled и error.
Анимация без вреда
Используйте transition и transform, учитывайте prefers-reduced-motion и избегайте дорогих свойств.
Производительность и проверка
Оптимизируйте шрифты и изображения, проверяйте валидность, контраст и переполнение.
Итоговый адаптивный сайт
Соберите многостраничный проект из компонентов, добавьте форму и опубликуйте.
Design tokens и масштабируемый UI-kit
Материал разбирается через входные данные, алгоритм, состояние программы, наблюдаемый результат и оценку ограничений. Тема встраивается в итоговый проект и проверяется вместе с ранее созданными частями. В курсе «HTML + CSS» тема «Design tokens и масштабируемый UI-kit» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется корректностью алгоритма, читаемостью решения и тестами на граничных данных.
Подготовка вёрстки к интеграции с backend
Материал разбирается через входные данные, алгоритм, состояние программы, наблюдаемый результат и оценку ограничений. Финальный модуль объединяет программу курса в один воспроизводимый результат. В курсе «HTML + CSS» тема «Подготовка вёрстки к интеграции с backend» считается освоенной только после создания предметного результата и его независимой проверки. Качество определяется корректностью алгоритма, читаемостью решения и тестами на граничных данных.
Результат
многостраничный адаптивный сайт по макету
В каждом модуле ученик создаёт часть итоговой работы, проходит самопроверку и получает баллы за практику.
Инструменты курса
HTML5, CSS3, DevTools, Figma
Формат
Теория, демонстрация, практика, автопроверка и итоговый проект
Ответы на вопросы
Подойдёт ли курс новичку?
Да. Первый модуль определяет уровень, а материал идёт от базовых действий к самостоятельному проекту.
Как проверяются задания?
Система проверяет полноту ответа, ключевые критерии и тест. Результат и рекомендации появляются сразу.
Когда я получу сертификат?
Именной сертификат автоматически выпускается после успешного завершения всех модулей.