Полноценный лендинг с функционалом и программированием в программе Web Builder
Автор: Нейросети и квиз маркетинг
Загружено: 2024-10-30
Просмотров: 16
Всем привет! Сегодня покажу, как создать полноценный лендинг с анимацией и программированием в Web Builder.
Шаг 1:
Посмотрите пример лендинга: анимация, смена моделей, кнопка "Заказать звонок", блок "О нас", каталог с листающимися товарами. Всё это мы сейчас повторим!
Шаг 2:
Открываем Web Builder. Задаём фон в свойствах страницы — можно выбрать цвет или картинку. Я выбрал серый фон.
Шаг 3:
Перетаскиваем слой, задаём ему ширину на всю страницу и добавляем картинку. Готов первый блок!
Шаг 4:
Добавляем логотип — обычное изображение. Уменьшаем, размещаем в левом углу и настраиваем ссылку на главную страницу.
Шаг 5:
Копируем текст, задаём шрифт и цвет. Добавляем кнопки, настраиваем стиль и шрифты.
Шаг 6:
Работаем с каруселью: убираем стрелки, делаем её прозрачной, добавляем картинки и настраиваем анимацию плавного исчезновения.
Шаг 7:
Добавляем текст и анимацию для всех объектов — текстов, кнопок, иконок. Настраиваем плавное появление при скролле.
Первый экран лендинга готов, выглядит как профессиональный сайт! В следующем видео расскажу, как сделать мобильную версию и настроить переходы по страницам.
Подписывайся, чтобы не пропустить новые уроки по созданию сайтов в Web Builder!
Напиши "Хочу аудит", и получи разбор ваших компаний или сайта бесплатно: Телефон / WhatsApp: +7 926 223-06-60
TG: https://t.me/AVEVru
YouTube: / @avedesign
Cайт: https://aveditect.ru
#Заголовки #УТП #Маркетинг #БизнесСоветы #ПривлечениеАудитории #КурсПоМаркетингу #УспехВБизнесе #Контент #ПрофессиональнаяИнформация #ЭффективныеОфферы

Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: