Начните с результата, который хотите получить. Для первой страницы, самостоятельной вёрстки по макету и разработки веб-приложений нужны разные программы. В каталоге есть отдельные курсы HTML/CSS и большие программы frontend- и fullstack-разработки, в которых вёрстка занимает лишь часть обучения.

• Для знакомства с кодом подойдёт вводный курс: создать HTML-документ, подключить стили и увидеть изменения в браузере.
• Для переноса макета в код выбирайте обучение с самостоятельной работой: разметкой страницы, компоновкой блоков, адаптацией под разные экраны и исправлением замечаний.
• Если основы уже знакомы, ищите конкретный пробел: сложные сетки, адаптивность, формы или качество кода. Узкий модуль не обязан повторять весь начальный курс.
• Для разработки интерактивных интерфейсов сравните курсы frontend-разработки. Для работы и с интерфейсом, и с серверной частью потребуется более широкая программа.

Дизайнеру вёрстка помогает понять реализацию макета, редактору сайта - структуру контента и оформление, начинающему разработчику - подготовить основу для дальнейшего обучения. При этом работа с готовым макетом и создание дизайна с нуля - разные навыки. Для второй задачи есть курсы веб-дизайна и обучение Figma.

HTML задаёт структуру и смысл элементов страницы, CSS отвечает за их оформление и расположение. Для самостоятельной вёрстки важен переход от знакомства с отдельными тегами и свойствами к целой странице.

• Разметка: заголовки, текст, ссылки, изображения и подходящие смысловые элементы. Если в проекте есть форма, нужны подписи и понятная структура полей.
• Стили: селекторы, каскад, наследование, размеры, отступы, шрифты и работа с блоками.
• Компоновка: выбор способа расположения элементов. Flexbox и Grid полезны для разных задач; важно понять, где и почему применять каждый приём.
• Адаптивность: поведение блоков, изображений и длинного текста при изменении ширины экрана. Для курса по вёрстке макетов ищите практические задания на эту тему.
• Проверка результата: поиск ошибок в браузере, работа с инструментами разработчика и исправление проблем в коде.

Глубину программы сопоставляйте с целью. Первый вводный урок не обязан охватывать все способы построения сеток. Для более серьёзного проекта полезны смысловая разметка, управление с клавиатуры, видимый фокус и альтернативные описания изображений. Один урок по доступности или отсутствие ошибок в валидаторе не подтверждают полное соответствие сайта всем требованиям WCAG.

Макет формы ещё не означает отправку заявки на сервер. Уточните, заканчивается ли работа статической страницей, включает ли поведение на JavaScript или полноценное приложение. Если нужен интерактивный интерфейс, следующим шагом могут стать курсы JavaScript.

Повторить код за преподавателем, решить задачу в тренажёре и самостоятельно сверстать страницу - разные виды практики. Для цели «верстать по макету» ищите задание, где нужно самому выбрать структуру, написать стили и проверить результат, а затем внести правки.

Название курса не определяет сопровождение. Например, у Бруноям в программе «Вёрстка на HTML и CSS» тариф «Базовый» предусматривает самостоятельные занятия без наставника, а «Оптимальный» включает наставника и выпускной проект. Сравнивайте состав выбранного тарифа, а не только название и месячный платёж.

• Выясните, что получает проверяющий: исходный код и страницу в браузере или только скриншот.
• Посмотрите, какие замечания разбирают: структуру документа, стили, адаптивность, поведение элементов и ошибки.
• Проверьте, можно ли исправить работу и сдать повторно, каковы сроки ответа и дедлайны.
• Разделите помощь по заданиям и организационную поддержку. Наличие чата само по себе не означает индивидуальное код-ревью.

Если школа использует GitHub, уточните, будете ли вы хранить там собственные исходники и получать комментарии к изменениям. Git помогает вести историю кода, GitHub предоставляет сервис для работы с репозиториями. Для самого первого HTML-файла они не обязательны.

Смотрите не только на календарный срок. Сопоставьте часы занятий, время на самостоятельную работу, число законченных работ и возможность вернуться к сложной теме. Несколько секций одного лендинга не равны нескольким независимым проектам.

У онлайн-курса могут быть записи, занятия по расписанию, тренажёры или их сочетание. Проверьте, когда открыт доступ к материалам, сколько действует проверка заданий и можно ли переносить дедлайны. Доступ к видео после окончания обучения не означает продолжение работы наставника.

Сравнивайте полную стоимость и состав тарифа. Рассрочка может длиться дольше самого обучения. Отдельно проверьте, включены ли ревью, итоговый проект и документ. У бесплатного курса тоже может быть практика; платная программа может предусматривать самостоятельное обучение.

Для работы с кодом обычно нужны компьютер, редактор и браузер. Возможность посмотреть урок со смартфона не означает, что на нём удобно выполнить проект. Перед записью проверьте требования школы к устройству и программам, условия доступа к макетам и платным сервисам. Покупка домена нужна только тогда, когда это предусмотрено вашей задачей.

Заранее определите результат: файлы HTML и CSS, самостоятельная страница по макету, репозиторий или опубликованный сайт. Если включена публикация, выясните, где будет размещён проект, какие действуют ограничения и сохранится ли доступ после курса.

Для портфолио полезно показать задачу, своё решение, исходный код и результат в браузере. Уточните право публиковать учебный макет, изображения и шрифты. Учебную работу обозначайте как учебную: она показывает навык, но сама по себе не является коммерческим опытом.

Если при выполнении заданий используется ИИ, важно уметь объяснить полученный код, проверить его и самостоятельно исправить ошибки. Генерация страницы не подтверждает её адаптивность и доступность.

Выбирайте следующий этап по задаче: углубить вёрстку, перейти к frontend или изучить серверную часть в рамках обучения веб-разработке. Документ и карьерные услуги оценивайте отдельно от навыков: сертификат не заменяет проект, а помощь с резюме не гарантирует найм.