Полноценный лендинг с функционалом и программированием в программе 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айт:
#Заголовки #УТП #Маркетинг #БизнесСоветы #ПривлечениеАудитории #КурсПоМаркетингу #УспехВБизнесе #Контент #ПрофессиональнаяИнформация #ЭффективныеОфферы
1 view
1579
484
1 month ago 00:01:02 1
Полноценный лендинг с функционалом и программированием в программе Web Builder
1 month ago 00:04:25 2
Как сделать крутой сайт в 2024-2025
2 months ago 00:39:51 16.9K
Land Blog | Какой газон выбрать? Рулонный VS Сеянный. Как правильно монтировать сетку от кротов? ТОП - ошибок
2 months ago 00:10:11 45
Экспресс аудит сайта компании по услугам фулфилмента
3 months ago 00:13:37 1
ИМПОРТ ИЗ FIGMA В TILDA | Создание и перенос Мокапов в конструктор | Пошаговая инструкция
2 months ago 00:20:26 2.4K
Land Blog | Как автополив убивает ваш сад? Полив растений - это польза или вред? А как правильно монтировать?
3 months ago 00:10:09 35.7K
SMM ПОРТФОЛИО. Пример портфолио СММ специалиста. Как создать и оформить с нуля? — Саша SMM
3 months ago 00:10:10 1
👽 SMM ПОРТФОЛИО. Пример портфолио СММ специалиста. Как создать и оформить с нуля? — Саша SMM
3 months ago 00:02:41 4
Показываем на видео как мы из лендинга сделали полноценный корпоративный сайт с каталогом товаров ✅
4 months ago 00:11:44 90
Многостраничный сайт, лендинг или квиз?
4 months ago 00:11:11 24
Аудит сайта
4 months ago 00:10:50 23
SEO-аудит сайта
4 months ago 00:12:28 46
Аудит сайта ветеринарной клиники
4 months ago 00:03:36 1
5 САМЫХ НЕУБИВАЕМЫХ РАСТЕНИЙ ДЛЯ ВАШЕГО САДА!
4 months ago 00:05:57 16
Soul land Shrek Academy
5 months ago 00:20:38 4
Ватсап и SMS Рассылка в одном месте - Обзор сервиса WA SMS
5 months ago 00:07:38 6
КАК И НА ЧЕМ СОЗДАЮТСЯ САЙТЫ. ТОП CMS СИСТЕМ В 2024-2025 ГОДУ
5 months ago 00:00:00 2
Moon Girl and Devil Dinosaur 2: Crisis on the Savage Land
5 months ago 00:05:49 132
Бесплатный экспресс-аудит сайта: пример аудита
6 months ago 00:47:07 38
ДОВОЛЬНО НЕ ПЛОХАЯ 2D ВЫЖИВАЛКА ► The Rule of Land Pioneers
6 months ago 00:08:19 1
Сайт или лендинг для клиники. Что выбрать и почему
7 months ago 00:14:58 30
Сколько стоит заказать сайт. Сайт недорого. Сайт под ключ. Веб-студия. Где заказать сайт.
8 months ago 00:03:02 41
Merab Amzoevi - Были бы крылья (Official Audio, Lyric)
9 months ago 00:09:23 86
Как сделать сайт бесплатно (Конструктор сайтов Tilda). Лэндинг на Тильде. Как создать сайт.