arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана полная настройка кнопки с переходом: Flex-контейнер для кнопки, добавление виджета Кнопка, стилизация (скругление, цвет фона, текст), создание целевой страницы, настройка логики в разделе «переход на страницу». Дополнительно — hover-состояние с изменением цвета для визуальной обратной связи. Целевая страница должна существовать до настройки кнопки — создаётся в разделе «Страницы» панели навигатора. После этого она появляется в выпадающем списке логики кнопки. Hover-состояние настраивается через панель UI State отдельно от основных стилей. Урок для начинающих, кто верстает первый многостраничный сайт. Понимание базовой структуры страницы в Taptop (как добавлять элементы, работать с правой панелью) нужно как минимальная база.

Как добавить кнопку с переходом на другую страницу сайта

Сайт готов, страницы сверстаны. Теперь нужно, чтобы кнопки куда-то вели. Где настраивается переход? Как кнопка узнаёт, на какую страницу идти? И можно ли добавить hover-анимацию?
Переход на другую страницу настраивается через «Логика» кнопки: выбираешь действие «переход на страницу» и нужную страницу из списка. Страницу нужно создать заранее в разделе «Страницы». Hover-состояние — через «Селекторы». Для новичков, которые делают первый многостраничный сайт. После просмотра связываешь страницы кнопками и добавляешь hover-эффекты.
Тайминги видео
00:00 — Добавление кнопки и стилизация 01:00 — Создание страницы и логика перехода 01:50 — Hover-состояние через селекторы

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

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