От пустого файла
до живой страницы.
Проходите этапы по порядку или возвращайтесь к нужной теме. Для старта достаточно текстового редактора и браузера.
- 01
Поймите каркас HTML
Создайте документ, задайте язык и заголовок, разметьте смысловые области страницы.
Открыть основы HTML ↗ - 02
Оформите элементы через CSS
Подключите таблицу стилей, выберите типографику, цвета, отступы и простую сетку.
Открыть основы CSS ↗ - 03
Сделайте страницу гибкой
Проверьте макет на узком экране, добавьте адаптивные правила и следите за читаемостью.
Перейти к статьям ↗ - 04
Проверьте доступность
Убедитесь, что ссылки понятны, контраст достаточен, а интерактивные элементы работают с клавиатуры.
Найти материалы ↗