Открываем 70+ курсов на неделю за 1 ₽Узнать больше
Партнёры Академика Pro
ProProВсе материалы курса доступны по подписке Академика Pro
  • Для всех
  • С сертификатом
  • На русском языке
  • 12 часов
  • 990

Основы вёрстки с HTML и CSS

Если учиться, то только на практике и с максимальным результатом — так, как на этом курсе. Практикующий разработчик объяснит вам все основы создания веб-страниц. В каждом модуле вы сможете попрактиковаться в HTML и CSS, а в конце курса получите грамотно свёрстанный вами сайт.

  • Для всех
  • С сертификатом
  • На русском языке
  • 12 часов
  • 990
Посмотреть программу

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

  • Использовать GitHub для управлением версиями исходного кода

  • Работать с макетами в Figma

  • Работать в VSCode

  • Применять все основные HTML-теги

  • Применять CSS-стили

  • Переносить макет на вёрстку в коде

  • Работать с формами, отступами, поведением, позиционированием

Содержание курса

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

  • 8 модулей
  • 12 часов
  • GitHub, Figma, макет
    • Знакомство с GitHub
    • Создание и клонирование репозитория
    • Изменения, commit, push
    • Макет и знакомство с Figma
    • Картинки и их экспорт
    • Расширения VSCode
    • Форматы картинок, иконки. Знакомство с index.html
    • Исходники первого модуля. Задание для самопроверки
  • Теги и начало вёрстки макета
    • Базовые теги. Консоль devtools
    • Разновидности тегов. Табличные теги.
    • Заголовки и списки
    • Разметка блока Header
    • Разметка секций услуг. Тег section.
    • Разметка секции «Отзывы»
    • Разметка подвала (footer). Тег div.
    • Подведение итогов
    • Исходники модуля. Задание для самопроверки
  • Знакомство с CSS
    • Введение в стили CSS
    • Практика: добавляем и применяем CSS
    • Перенос с макета ссылок и цветов
    • Перенос шрифтов
    • Исходники модуля. Задание для самопроверки
  • Отступы, devtools, блочные элементы
    • Разбор задания
    • Стили и devtools. Вкладки styles & computed
    • Блочные и строчные элементы
    • Padding
    • Margin
    • Практика: перенос отступов в различных блоках с макета
    • Исходники модуля. Задания для самопроверки

Автор курса

  • Илья Фофанов

    Илья Фофанов

    Специалист в области проектирования и реализации ПО. Инженер-программист с опытом более 15 лет.

    Организатор и координатор .NET митапов MskDotNet, спикер на крупнейших международных конференциях. Автор популярных онлайн-курсов по востребованным направлениям: разработке архитектуры программного обеспечения, юнит-тестированию на C# и других.

Сертификат от EngineerSpock Education

Подтвердит, что вы прошли курс, и усилит ваше портфолио или резюме.

Часто задаваемые вопросы

  • Для кого этот курс?

    Курс предназначен для всех, кто хочет научиться верстать веб-страницы, используя технологии HTML и CSS. 

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