Разметка
Описать структуру и смысл элементов страницы.
Вёрстка сайтов на HTML и CSS
Изучите, как создавать структуру веб-страницы и оформлять её с помощью HTML и CSS.
В чём состоит навык
Вёрстка сайтов на HTML и CSS — создание разметки содержания и правил его отображения в браузере.
В каких профессиях пригодится навык
Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.
Связанные профессии
Где пригодится
Оформление
Настроить расположение, цвет и типографику средствами CSS.
Проверка
Проверить страницу на разных экранах и при управлении с клавиатуры.
Подготовка, навыки и инструменты
Подготовьте содержание и учебный макет. Изучите основные HTML-элементы, CSS-селекторы и средства браузера для проверки страницы.
Курсы для развития навыка «Вёрстка сайтов на HTML и CSS»
Яндекс ПрактикумПрофессиональная вёрстка на HTML и CSS
Курс по вёрстке с нуля: HTML, CSS, адаптивные интерфейсы и семь проектов для практики.
44 800 ₽
Стоимость курса
от 1 829 ₽ / мес. на 36 мес.
GeekBrainsВеб-разработка и создание сайтов для детей
Курс GeekSchool для детей 10–15 лет: знакомство с созданием сайтов с HTML, CSS и JavaScript.
Цена на сайте
Стоимость курса
Яндекс ПрактикумФронтенд-разработчик
Курс Яндекс Практикума знакомит с фронтенд-разработкой с нуля: HTML, CSS, JavaScript, TypeScript и React. Школа указывает десять месяцев и десять проектов.
106 400 ₽
Стоимость курса
от 4 344 ₽ / мес. на 36 мес.
Merion AcademyФронтенд с нуля
Курс фронтенд-разработки с нуля: HTML и CSS, адаптивная вёрстка, Git, JavaScript и основы React.
12 930 ₽
Стоимость курса
Что важно знать о навыке «Вёрстка сайтов на HTML и CSS»
HTML описывает содержание и структуру страницы: заголовки, навигацию, текст и другие элементы. CSS задаёт оформление и расположение. Вместе они позволяют превратить содержание и макет в работающую веб-страницу.
Хорошая вёрстка учитывает не только совпадение с макетом, но и смысл элементов, доступность и разные размеры экрана. Длинный текст, отсутствие изображения или управление с клавиатуры могут выявить проблемы, незаметные в одном статичном представлении.
Для практики сверстайте учебную страницу с заголовком, навигацией и основным содержанием. Используйте смысловые элементы HTML и отдельный файл стилей, затем проверьте страницу на узком экране. Убедитесь, что ссылки доступны с клавиатуры и текст не обрезается.