Построение сеток

«Сетка» или «раскладка» — это расположение крупных блоков страницы. Проще говоря, учимся строить колонки.

Подробнее о курсе

Блочная модель документа

Научимся управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.

Сетки

Попробуем поймать поток документа и разобраться что это такое. Взглянем на тонкости свойства float и блочно-строчных элементов. Отработаем основные приёмы построения сеток.

Таблицы на CSS

Взглянем на таблицы с другой стороны: научимся строить их с помощью CSS, исследуем и опробуем на практике редкие табличные свойства. а также нас ждёт интересное и непростое путешествие за Святым Граалем.

Флексбокс, часть 1

Рассмотрим основы нового механизма «гибкой» раскладки — флексбокс. Сначала потренируемся «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.

Флексбокс, часть 2

Узнаем как управлять размерами и отступами флекс-элементов и как работают коэффициенты растяжения и сжатия, а также потренируемся создавать «гибкие» раскладки и элементы интерфейса.

Знакомство с гридами

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

О компании

  • Корпоративное обучение
  • Курсы для детей
  • Курсы для пенсионеров
  • Онлайн-курсы

Интерактивные онлайн-курсы по программированию. Курсы для каждого, кто хочет окунуться в мир вёрстки и программирования. Интерактивные задания помогут освоить веб-технологии и создать сайт, а интенсивные курсы подготовят к старту карьеры в IT.

Актуальные цены на интенсивы.

Контакты

ПОКАЗАТЬ https://htmlacademy.ru Санкт-Петербург, Набережная реки Мойки, дом 40 литер А, офис 209