Полноценный лендинг с функционалом и программированием в программе Web Builder

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