26 главных разделов для Squarespace 7.1 — без кода — полное пошаговое руководство, включая мобиль...

26 вариантов макетов главной страницы Squarespace 7.1, каждый из которых создан с нуля без кода. В этом видео представлены разборы как для настольных, так и для мобильных устройств. Независимо от того, создаете ли вы новый сайт, переделываете главную страницу или просто не знаете, что делать с верхней частью страницы, это единственный урок по созданию главной страницы, который вам понадобится. 🎨 Посмотреть все 26 макетов → https://insidethesquare.co/26 В этом видео я шаг за шагом разбираю каждый макет: блоки изображений, блоки фигур, бегущие строки, параллаксные фоны, приемы наложения, фокусные точки, переключатели заливки экрана, фоны текстовых блоков и многое другое. Все создано с использованием стандартных блоков контента и функций Squarespace 7.1. Код не требуется. Если вы когда-либо открывали пустой раздел Squarespace и думали: «Что дальше?!», начните с этого! Сохраните это видео на потом и оставьте комментарий ниже — какой макет вам нравится больше всего? ⏱️ ВРЕМЕННЫЕ МЕТКИ ГЛАВ 00:00 Введение — 26 вариантов компоновки главного раздела 01:17 Макет 1: Изображение на полстраницы 02:17 Макет 2: Классическое круглое изображение 03:14 Макет 3: Настройка пространства 04:20 Макет 4: Разделение текста 05:09 Макет 5: Разрыв средней линии 07:09 Макет 6: Фокусная точка фона 08:18 Макет 7: Вспомогательные фигуры 09:34 Макет 8: Наложение элементов 12:31 Макет 9: Разрыв средней линии (изображение первым) 13:47 Макет 10: Изменение порядка 14:47 Макет 11: Фильтры изображений 16:56 Макет 12: Бегущая строка подтекста 17:57 Макет 13: Тренд «бенто-герой» 19:14 Макет 14: Триптиховый эффект изображения 20:22 Макет 15: Интервалы и расположение 20:54 Макет 16: Сетка из четырех изображений с наложениями 21:42 Макет 17: Четыре угловых изображения 22:33 Макет 18: Негативное пространство текстового блока 23:24 Макет 19: Параллаксный фон 24:31 Макет 20: Крупный прокручиваемый текст 25:26 Макет 21: Колонки с соотношением сторон 1/3 26:56 Макет 22: Большое горизонтальное изображение 27:04 Макет 23: Параллакс с блоком фигур 27:51 Макет 24: Фокус на изображении 28:21 Макет 25: Фокус на призыве к действию 28:58 Макет 26: Многослойное изображение с рамкой 30:31 Заключение 💛 ПОЛУЧИТЕ РЕСУРСЫ → Посмотреть все 26 макетов: https://insidethesquare.co/26 → Бесплатная дорожная карта Squarespace: https://insidethesquare.co/roadmap → Запуск (создайте свой сайт за 5 дней): https://insidethesquare.co/launch → Шпаргалка по CSS: https://insidethesquare.co/css 👋 ОБО МНЕ Привет, Squarespacer — меня зовут Бекка из Inside the Square. Я являюсь платиновым партнером Squarespace, экспертом Squarespace и сертифицированным экспертом по пользовательскому коду. Я создаю сайты на Squarespace более 10 лет и делаю обучающие материалы, которые помогут вам создать сайт, которым вы действительно будете гордиться. 📌 Подписывайтесь на новые уроки по Squarespace каждую неделю → @insidethesquare #squarespace #squarespacetutorial #webdesign #squarespace71 #squarespacedesign - - 💸 Получите скидку 10% на первый год использования Squarespace 💸 Используйте мою партнерскую ссылку и код INSIDE10 — вы сэкономите 10% на первой годовой подписке, а Squarespace выплатит мне небольшую комиссию за то, что я вас к ним направила 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10 - - Термин «Squarespace» является товарным знаком Squarespace, Inc. Это видео не было одобрено или поддержано Squarespace, Inc. Я просто очень люблю их платформу ♥