arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны три типа кликабельных элементов: ссылка (для текста в навигации и футере), кнопка (для CTA и форм), линк-блок (кликабельный контейнер — для карточек и больших кликабельных областей). Показаны все доступные действия: переходы на страницы, управление отображением блоков, отправка форм, работа с коллекциями и файлами. Два практических кейса: открытие попапа по клику и скачивание файла. В Taptop выбор между ссылкой, кнопкой и линк-блоком определяется контекстом: ссылка — inline-элемент для текста, кнопка — блочный элемент с готовыми стилями, линк-блок — кликабельный div для любого размера кликабельной области. Путаница между ними — одна из частых ошибок при первых проектах. Урок полезен в начале работы с Taptop и при переходе с других инструментов. После просмотра перестаёшь задавать вопрос «какой элемент выбрать для кнопки» — ответ зависит от задачи.

Полный гайд по кнопкам, линк-блокам и ссылкам в Taptop

В проекте нужны и кнопки, и карточки-ссылки, и текстовые ссылки в меню. Какой элемент для чего использовать? Чем кнопка отличается от линк-блока? Как назначить разные действия?
В Taptop три кликабельных элемента: ссылка — текстовая, кнопка — для CTA и форм, линк-блок — кликабельный контейнер для карточек. Действия через настройки: переход по ссылке, на страницу, по якорю, звонок, попап. Для всех. После просмотра выбираешь правильный элемент для каждой задачи и настраиваешь любое действие.
Тайминги видео
00:00 — Три типа: ссылка, кнопка, линк-блок — когда что использовать 02:00 — Триггеры: при клике и при наведении 03:00 — Действия-переходы: по ссылке, на страницу, по якорю 04:30 — Управление элементами: показать, скрыть, переключить 05:30 — Кнопки в формах: действие «отправить форму» 06:30 — Коллекции: переход на динамическую страницу, ссылка из поля 07:30 — Кейс 1: открытие попапа. Кейс 2: скачивание файла

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

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