5.0 
Изучаете тему
Смотрите занятие в удобное время и в удобном темпе
Онлайн курс Основы верстки контента от Hexlet
На этом курсе вы изучите основы верстки сайтов.
Здесь мы изучим базовые возможности при работе с контентом и научимся создавать анимации. Вы узнаете больше о том, как стилизовать текст, создавать таблицы, добавлять медиаэлементы на сайты и создавать красивые фоны. В итоге вы научитесь стилизовать страницы сайтов с помощью CSS-стилей, размечать таблицы, видео, аудио и картинки.
Полная стоимость курса
3 900 ₽
3 900 ₽
В рассрочку
0 ₽ в месяц
Чему вы научитесь
Правильно размечать текст, списки, таблицы и медиаэлементы.
Создавать таблицы.
Обращаться к элементам используя широкие возможности селекторов.
Адаптировать страницы для людей с ограниченными возможностями.
Использовать возможности CSS Columns.
Краткая информация
Уровень сложности
для новичков
Обратная связь
да
Демо доступ
нет
Стажировка
нет
Формат обучения
видеоуроки
Помощь в трудоустройстве
нет
Домашнее задание
да
Документ по окончании
сертификат
Как быстро окупится обучение
Вы можете рассчитать в калькуляторе, как будет расти ваш заработок вместе с опытом.
А так же сколько времени потребуется, чтобы окупить вложения в образование.
На должности
Junior Верстальщик
с зарплатой 50 000 ₽
затраты на пройденный курс окупятся за
1 месяц
Профессия: Верстальщик
Средняя З/П: 50 000 ₽ – 150 000 ₽
Junior
Опыт до 1 года
Опыт до 1 года
Middle
Опыт 1-3 года
Опыт 1-3 года
Senior
Опыт от 4 лет
Опыт от 4 лет
Программа курса
17 модулей
17 онлайн-уроков
Работа с контентом — базовая часть при создании проекта. За красивыми анимациями, блоками и картинками скрывается контент. За ним приходит пользователь на сайт или открывает приложение.
Какие CSS свойства влияют на размеры элементов при отображении на странице? Вспомним понятие блочной модели и изучим работу свойств margin, padding и border для установки внешних/внутренних отступов и видимых границ элемента.
Шрифты и работа с ними Слышали фразу «Поиграйся со шрифтами»? Настало время этим заняться. Учимся подключать шрифты с помощью CSS, управлять размером текста, оформлением и устанавливать межстрочные интервалы.
Списки — неотъемлемая часть текста. Они позволяют группировать связанные между собой фрагменты, объединяя их по смыслу.
Создание журнальной верстки в несколько колонок было проблематичным с использованием CSS. С приходом стандарта CSS3 появился новый модуль — CSS Multi-column Layout.
Как и в реальном мире, в мире верстки используются единицы измерения для обозначения размеров элементов, отступов, размера текста и так далее.
Посетители сайтов любят не только читать текст, а воспринимать информацию через медиаэлементы: изображения, видео, аудио. Как правильно добавить их и учитывать различия в браузерах?
Таблицы — страшный сон верстальщика. Для их создания используется много тегов, а небольшие ошибки могут испортить настроение. В этом уроке последовательно, шаг за шагом, изучим создание простых и сложных таблиц, разберемся, откуда могут возникать ошибки.
Формы — важный интерактивный элемент веб-страницы. Как и ссылки, формы обеспечивают взаимодействие пользователя и страницы, позволяя отправлять данные.
К этому уроку были изучены и опробованы простые селекторы, которые позволяли выбирать элементы по классу, идентификатору или тегу.
Не хватило элементов на странице? На помощь приходят псевдоэлементы — элементы, созданные с помощью CSS
Представьте, что на сайте десяток блоков имеют фон одного и того же цвета. Вам нужно изменить все эти цвета. Как же это сделать без постоянной замены цвета в каждом селекторе и как могут помочь переменные узнаем в этом уроке.
Одноцветный фон или изображение — не единственный способ добавить стили для блока. Художник и дизайнеры, для создания фона, нередко используют градиенты — плавные переходы одного цвета в другой.
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Как проходит обучение
01
02
Домашняя работа
Практикуйтесь на домашних заданиях. Они состоят из трёх уровней сложности
03
Фидбэк
Получаете обратную связь от экспертов и задаете вопросы куратору
04
Дипломная работа
Получаете официальный документ об окончании курса
Трудоустройство
Помогаем составить резюме
HR-специалисты Академии Eduson помогут создать грамотное резюме, которое выделит вас на фоне других кандидатов.
Даем необходимые знания и навыки
С ними вы легко найдете идеальную для вас работу, где будете чувствовать себя уверенно и говорить с коллегами на одном языке.
Рассказываем все про поиск работы
Вы получите доступ к курсу по трудоустройству и узнаете, как подготовиться к интервью, отвечать на сложные вопросы и многое другое.
Определяем потребности рынка
Мы тщательно анализируем профессии, в которых помогаем с трудоустройством: опрашиваем специалистов, оцениваем вакансии, потребность в кандидатах и доступность профессии для новичков.
FAQ
В среднем — 1 месяц. Кому-то требуется больше времени. Вы обучаетесь в комфортном для вас темпе в любое время суток и не привязаны к графику уроков.
Для старта обучения не нужны специальные знания. Вы сможете с нуля начать и освоить все необходимые навыки.
Да, вы можете вносить ежемесячный платеж вместо единовременной оплаты.
Вы обучаетесь в комфортном для вас темпе в любое время суток и можете самостоятельно выстроить учебную траекторию.
Характеристики курса
Уровень сложности
Обратная связь
Демо доступ
Стажировка
Формат обучения
Помощь в трудоустройстве
Домашнее задание
Документ по окончании
Школа
Длительность
Навыки
Уровень
Ожидаемая зарплата
Цена курса
Цена в рассрочку
Отзывы о курсе
Подборка курсов для вас
