Акции школ
Войти

Курс «Верстаем landing page на HTML5»

Составитель: Денис Сметнёв · Обновлено: 08.07.2026

Практический курс по освоению этапов вёрстки landing page на HTML5. Содержит 3 основных урока. Ориентирован на новичков в программировании и специалистов, работающих в сфере IT. Во время обучения студенты сверстают landing page, с нуля познакомятся с HTML5 и CSS3, разберутся в меню, списках и блоках на flex. Преподаватель научат позиционировать текст поверх изображения и создавать PSD-макет.

Подробнее


Компания: GeekBrains (ГикБреинс)

Язык: ru

Уровень: Сложный Старт: в любое время Документ: Сертификат
🎓 Сертификат
Почему мы рекомендуем: сертификат — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)

Актуальная программа курса (3 модулей, по данным школы)

  1. Урок 1. Верстаем landing page на HTML5. Часть 1
  2. Урок 2. Верстаем landing page на HTML5. Часть 2
  3. Урок 3. Верстаем landing page на HTML5. Часть 3

Сколько зарабатывают в профессии (медиана hh.ru, по 103 вакансиям)

Junior
80 000 ₽
Middle
140 000 ₽

Сравнение с похожими курсами других школ

Листайте таблицу вбок, чтобы увидеть срок, рейтинг и диплом
КурсШколаЦенаСрокРейтингДиплом
Верстаем landing page на HTML5 (этот) GeekBrains (ГикБреинс) беспл. Сертификат
Разработчик на Spring Framework OTUS (Отус) 108 600 ₽ 5 месяцев 5.0 Перейти
Введение в веб-разработку Хекслет (Hexlet) 3 900 ₽ 2 дня 5.0 Перейти
Modx LoftSchool (Лофт скул) беспл. 5.0 Обзор
Длительность курса

Длительность курса

Обучение в свободном режиме

Формат обучения

Формат обучения

Видеокурс

Обратная связь

Обратная связь

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

Теория и практика

Теория и практика

3 урока

Чему научитесь

  • Применять Adobe Assets
  • Ускорять написание HTML-разметки с помощью Emmet
  • Нормализовать стили
  • Подключать сторонние шрифты
  • Центрировать элементы и фоновые изображения
  • Использовать ссылки-якори
  • Верстать списки, меню, блоки на Flex
  • Позиционировать текст поверх изображений
  • Создавать PSD-макет проекта и размещать результат работы на хостинг GitHub
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Веб-дизайнерам и программистам с базовым уровнем

Сверстаете landing page и познакомитесь с основами HTML5 и CSS3.

Урок 1. Верстаем landing page на HTML5. Часть 1

Темы урока: * **vs code** – пару слов о редакторе кода; * **adobe assets** – Фотошоп не нужен; * **emmet** – ускоряем написание HTML-разметки; * **HTML5** – где применять section, header, nav и другие новые теги; * **normalize.css** – нормализация стилей; * **Google fonts** – подключение сторонних шрифтов; * **vh** – единицы измерения; * **display flex** – как центрировать элементы.

Урок 2. Верстаем landing page на HTML5. Часть 2

Темы урока * less в редакторе vs code, * меню на flex, два варианта: only css, with js, * списки на flex, * использование ссылок-якорей.

Урок 3. Верстаем landing page на HTML5. Часть 3

На третьем уроке речь пойдет о: * live reload в vscode, * верстаем блоки на flex, * центрирование фоновых изображений, * разница между списками в html: ul(ol) и dl, * позиционирование текста поверх изображений.

HTML5

CSS3

adobe assets

Google fonts

Emmet

Подключение сторонних шрифтов Google fonts

Работа с adobe assets

Ускоренное написание HTML-разметки с помощью emmet

Нормализация CSS при помощи Normalize.css

Верстка блоков на flex

Использование ссылок-якорей

Центрирование фоновых изображений

Позиционирование текста поверх изображений

Навыки, которые вы получите

 
ВЕРСТКА GOOGLE FONTS FLEXBOX ССЫЛКИ-ЯКОРЯ

Компания, проводящая курс

GeekBrains (ГикБреинс)

212 курсов по 793 темам

Онлайн-платформа для обучения GeekBrains (Гик брейнс) работает с 2014 года. Является частью холдинга Mail.Ru Group и резидентом Сколково с 2016...

27 (1372)

Ни одного отзыва об этом курсе

Может, вы можете помочь? Вам будут благодарны многие пользователи. И мы тоже.

больше курсов

Похожие курсы компании