О курсе

Курс посвящён классической вёрстке сайтов с использованием HTML и CSS. В программе последовательно рассматриваются ключевые темы, начиная с тегов оформления текста и заканчивая адаптивной вёрсткой и сборкой проекта. Уроки включают работу с заголовками, списками, формами, ссылками, CSS-селекторами, псевдоэлементами и псевдоклассами. Отдельное внимание уделяется блочной модели, отступам, размерам элементов и свойству box-sizing. В курсе разбираются подходы к созданию базовой разметки, стартовый сброс стилей, типы макетов (фиксированный, резиновый, адаптивный), а также основы Flexbox для выравнивания и расположения элементов. Завершающие уроки посвящены адаптивной вёрстке, сравнению классического подхода и MobileFirst, работе с макетом, нарезке в Avocode, подключению шрифтов и решению популярных проблем. В финале рассматривается сборка проекта с Gulp и направления дальнейшего развития.

Что рассматривается в программе

  • рассматриваются теги оформления текста и правила вложенности
  • изучаются CSS-селекторы, псевдоэлементы и псевдоклассы
  • разбирается классическая блочная модель и отступы
  • осваиваются основы Flexbox и выравнивание элементов
  • рассматривается адаптивная вёрстка и media-запросы
  • изучается работа с макетом и нарезка в Avocode
  • разбирается подключение шрифтов и сборка проекта с Gulp

Кому может быть полезен курс

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

Вопросы о программе

Какие темы охватывает курс?

Курс охватывает классическую вёрстку на HTML и CSS: от тегов оформления текста и CSS-селекторов до блочной модели, Flexbox и адаптивной вёрстки.

Для кого предназначен курс?

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

Какие инструменты рассматриваются в курсе?

В курсе рассматриваются HTML, CSS, Avocode для нарезки макета, Gulp для сборки проекта, а также подходы к адаптивной вёрстке.