Резиновая верстка в Тильде

26 участников

О чём курс

Сайт на больших мониторах часто выглядит либо растянутым, либо зажатым в узкую колонку — здесь показывают, как использовать Window-контейнер, чтобы контент адаптировался под любые экраны, сохраняя задуманную композицию. Вы научитесь комбинировать динамические размеры в процентах с фиксированными пиксельными значениями, создавая интерфейсы, которые выглядят профессионально и на ноутбуках, и на широкоформатных дисплеях. Основной акцент сделан на верстке в Zero Block, совмещении «резиновых» элементов со стандартными блоками платформы и правильной подготовке макета в графическом редакторе для такого типа адаптации. Интенсив подходит веб-дизайнерам, которые хотят выйти за рамки стандартных шаблонов Tilda и создавать сложные, отзывчивые интерфейсы.

Программа обучения

  • 26 августа: Принцип резиновой верстки и подготовка макета
    • Принцип вёрстки относительно границ экрана (Window Container)
    • Как построить динамическую композицию блоков для резиновой вёрстки
    • Как правильно подготовить макет перед вёрсткой
    • Практика подготовки макета
  • 27 августа: Вёрстка в Тильде
    • Как позиционировать элементы относительно Window-контейнера
    • Как сделать «резиновую» сетку для вёрстки
    • Положение и размеры элементов в px и в %
    • Принципы верстки по Window: пошаговый гайд
    • Как комбинировать Window-вёрстку с Autoscale
    • Как комбинировать «резиновые блоки» с «библиотечными блоками»
    • Мобильные версии
    • Чек-лист проверки верстки перед сдачей проекта (бонус)
Складчина создана 21 марта 2023 г. · описание обновлено 26 марта 2026 г.

Теги курса

Инструменты
600 ₽ 6 950 ₽