arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана финальная сборка навигационного меню: виджет меню в контейнере шапки, распределение по краям для позиционирования логотипа слева и меню справа без абсолютного позиционирования, gap между пунктами, настройка шрифта элементов. Дополнительно — бургер-режим для планшета и второй уровень с выпадающими подпунктами и тенью. Распределение по краям в Flex-контейнере шапки — главный инструмент позиционирования: логотип и меню расходятся по краям одной строкой без лишних блоков. Выпадающее второй уровень требует отдельного позиционирования и тени для визуального отрыва от фона. Урок — часть 5 серии «Собираем шапку». Смотри последовательно: в предыдущих частях разобраны базовая структура, иконки, соцсети и логотип. Этот урок завершает сборку полноценной шапки с навигацией.

Собираем шапку для сайта в Taptop: часть 5

Шапка почти готова: логотип, контакты, ссылки. Осталось финальное — навигационное меню и бургер на планшете. Как разместить логотип слева, а меню справа без абсолютного позиционирования? Где включить бургер?
Пятая часть сборки шапки: распределяем элементы по краям через autolayout, добавляем навигационное меню, включаем бургер для планшета в настройках виджета. Анимацию и позицию бургера настраиваем там же. Для новичков, которые собирают шапку по серии. После просмотра шапка полностью готова — логотип, меню, мобильный бургер.
Тайминги видео
00:00 — Виджет меню: добавление и распределение 01:00 — Оформление пунктов и бургер для планшета 02:00 — Второй уровень меню и подпункты

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока