Изучаем как сделать сайт на онлайн конструкторе. Рассказываю и показываю как настроить отступы и блоки
в прошлом говорили о стандартных блоков ведь это таких как картинки иконки с в этот раз мы будем говорить о разделе отступы итак создадим новую пустую секцию для того что нам можно было поэкспериментировать значит что мы здесь видим у нас есть такая штука как от стоп-линия вот про них это видео целом я не рекомендую использовать данный блок данный виджет отступов именно в я говорю про отступы всего лишь только потому что отступать отдельные виджет который особо не решают какую-то отдельную проблему задачу и в любом другом виджете можно использовать для этого встроенные отступы в настройке виджета было время когда я использовал отступы во всех возможных местах но потом когда я узнал что они дают дополнительную нагрузку я отказался от использование отступов то есть каждый блок каждый виджет размещенный в конструкторе потом дает определенный вес определенную нагрузку на загрузку страницы на скорость загрузки страницы и поэтому я отказался от использования отступов так как зачем дополнительная нагрузка когда ровно тоже самое можно сделать просто настройкой виджета формате отступов а вот напротив если говорить про линии то в принципе это по сути дела одна и та же линия которая имеет просто кучу разных настроек это что мы видим вот здесь это просто варианты при преднастроенные варианты а то есть вот мы взяли линия по поводу отступов сразу покажу вот мы заходим в настройки у нас здесь есть настройка отступа и в общем-то я могу любые отступы здесь настроить когда мне надо там отодвинуться сверху или там отодвинуться снизу я вот этими отступами пожалуйста могу регулировать да то есть если мне надо быстро и точно я такую в циферку вписываю необходимую мне значение необходимое и собственно получаю результат моментально все отступы готовый и допустим использовать тот же виджет отступ и говорить что мне нужен отступ там что там пиксел ну как бы какой смысл если вот я уже сделал быстро и без дополнительные нагрузки поэтому отдельно отступы я не использую вам не рекомендую но если вам нужно то все его настройки вот они здесь полине долине это более интересный виджет который позволяет делать разделение контента и в общем то дополнительное какой-то там украшательства fredag ну как на странице то есть у нас здесь есть вариант там сплошная линия пунктир у можно задать точечки а можно задать толщину этих точечек да или там пунктирных линий вот если точечки то сантиков прикольно получается да то есть мы ширина линии у нас процентах либо мы можем задать конкретно в количестве там пикселов проценты сто процентов там просто 5 точек 35 процентов ну то есть вот эти вот настройки они позволяют очень гибко настраивать также мы здесь имеем возможность выбрать цвет и указать прозрачность что влияет на визуальную часть этих точек также здесь есть настройка положения то есть мы можем выровнять слева справа по центру есть некая настройка особого положения на телефонах то есть на телефоне мы допустим у нас есть стандартное положение слева но по телефону на телефоне нам нужно по центру поэтому мы ставим по центру и она будет выровнена пациент в общем то здесь по сути дела все настройки вот и больше тут особо [музыка] показать и рассказать нечего поэтому поэтому поэтому давайте поговорим про блоки блоки то более обширная история и соответственно скорректируем а про блоки значит по сути дела вот эти четыре пять вот эти элементы да вот эти все элементы это опять же один и тот же формат только с разными преда настройками иногда бывает это ускоряет работу просто нужен блок с рамочкой мы его сразу и берем а у блоков соответственно есть также свои настройки но по сути это основная история блок это контейнер для для других виджетов да то есть другие блоки мы вставляем внутрь контейнера поэтому у блока может быть предана стройка только что что это карточка товара то есть когда мы выбираем что эта карточка товара у нас появляются некоторые дополнительные настройки но про карточки товара мы будем говорить отдельно формате создание интернет магазинов потому что конструктор меняется и вот эта конкретная информация она уже не так сильно актуально то есть сейчас у конструктора грядет большое изменение по интернет моим по созданию интернет магазинов поэтому мало использованием моя функция основные настройки здесь у нас конечно через капельку потому что мы настраиваем уже непосредственно сам визуальную часть самого виджета не они внутреннего содержимого то есть внутри у нас вставлен может быть и текст внутрь у нас также словно говоря может быть вставлена и картинка и и все это сидит внутри блока да то есть картинка вот у нас блок поэтому блок настраивается только через визуальную составляющую через настройки непосредственно сам умею самого виджета да то есть вот у нас более границы можем сделать их потоньше можем сделать скругление то есть вот такой формат управление блоками значит у нас здесь есть блоки для оформления а это номера слайдов то есть в принципе когда вы делаете какие-то слайды вам нужно их пронумеровать то вы берете просто данный номер блока и соответственно используете в нем при постройке для того чтобы задать необходимые необходи необходимые данные так справа слева что не помню как эта история редактируется наклонный в общем то здесь такие типовые настройки которые мир нам всем предельно будут по я понятный и рассказывать повторно за про них нет никакого резона так а возможно у нас если использовать два блока так это бог вставил так два блока дублируем интересно скорее что это автоматическая история которая работает непосредственно с секциями в которых блоки уже заданы да то есть встроенный имеется видимо какая-то предназ тройка надо по разбираться с этим конечно конечно это может быть использоваться в достаточно многих во многих вариантах исполнения тут я вижу это просто другая настройка от больше размер прозрачность да это же просто одинаковые один и тот же блок с предана стройками то есть ли мы видим а поместим в группу блоков и или слайдеров то эти цифры вот он то этот блок будет показывать на цифрах порядок порядковый номер блока или слайдера ограничитель ширины кажется что это один и тот же виджет но на самом деле это два разных виджетом 111 виджет соответственно у нас дин виджет это у нас выравнивание с двух сторон то есть мы можем зажать ограничить ширину здесь только с одной стороны это на этом стоит обратить внимание но фактически мало используемая штуку а потому что у нас есть отступ и которыми мы регулируем положение и зачем опять же использовать блок отдельные повышать нагрузку странице когда это все можно отредактировать непосредственно самим уже ну другим так скажем друг другим блокам отступами в других блоках в той же таблицы или ну там в колонках формах без разницы поэтому этом нет никакого резона слева справа вот такая история так идем дальше есть такой блок как растягивайте это не так давно появившийся блок который предназначен для того чтобы выравнивать в блоках высоту для этого нам нужно использовать другую секцию что продемонстрировать секция с блоками мы можем выбрать любую секцию и допустим переместить в неё наши блоки там вставить блогу блог аж ты побежал то когда я уже сделаю чувствительность вот видите я поместил блок в номер блока в точнее номер блоком в блоке он пронумеровала свопы здесь появился на 2 то есть для того чтобы у нас была одинаковая высота блоков мы можем использовать вот этот блок растягивать или на то есть фактически он расти автоматически растянулся на все содержимое соседнего блока и у нас теперь блоки имеют одинаковую высоту вот такая его функция в принципе настроек у него никаких нет он работает автоматически идем далее набор блоков то есть это дополнительная скажем так дополнительная функция как галерея тоже появилась сравнительно недавно так допустим мы можем дублировать сам дублировался да вот и соответственно в этого набора блоков можно добавить блог дополнительно так можно его за дублировать тоже создается по настройкам соответственно здесь это этот набор блоков заточен в основном под до работы с таблицами поэтому он как бы для этого предназначена у него есть настройка вида как располагать блоки то пользуйтесь очень удобная история можно выравнивать тут максимум максимально возможное количество настроек также есть авто выравниватель и можно сделать дополнительные имеется настройка с дополнительными вещами такими как контейнер сверху да допустим нам нужно создать дополнительно не в блоке а над всеми блоками текста вот пожалуйста в наборе блоков мы смогли перенести подзаголовок также ниже всех блоков но в нашем блоке все это вот все по сути дела внутри нашего набора блоков очень интересный свежие виджет рекомендую пользоваться и составлять из него разные полезные контента и содержание а также этот набор блоков может быть использован в секции не блочной секции но поведение у него сохранится как блочной секции то есть остается также у нас добавление дополнительных блоков и управления ими через настройки так идем далее одолей все то есть это был наш последний виджет в блоках ну что ж на этом все жду вас в следующем уроке в нем мы будем говорить про колонки это большая объемная тема буду показывать примеры использования с другими [музыка] виджетами
Пройди регистрацию
Смотри обучающие видео
Выполняй домашние задания для закрепления материала
Создавай впечатляющие сайты
Для тех кто ищет новую профессию
Начинающим фрилансерам
Маркетологам
Предпринимателям
Получите необходимый запас знаний и навыков для уверенного старта в разработке сайтов с возможностью трудоустройства
Получите стартовые знания как делать сайты и веб сервисы
с возможностью консультироваться у практика и получения заказов
Расширите свои знания в области цифровых технологий и откройте для себя новые возможности роста
и развития Вашего бизнеса
Инвестируйте в команду. Обучите сотрудника делать сайты для бизнеса
В нашем курсе он узнает все тонкости создания и управления It ресурсов
14 лет опыта в создании сайтов
Эксперт по созданию продающих сайтов и веб сервисов
Главный преподаватель школы, web мастер, предприниматель
Спикер и ведущий мастер-классов
по бизнесу на разных мероприятиях
Получите подтверждение того, что профессия веб-мастера для Вас!
Зарегистрируйтесь на бесплатный курс что-бы понять, подходит она Вам или нет
Выберите нужный вариант
Ответьте на 6 вопросов и мы вышлем Вам предварительную стоимость и сроки работы
Какой тип услуг Вас интересует?
Выберите тип сайта
Что уже готово для сайта?
Укажите ссылки на сайты (если есть), которые хотелось бы использовать в качестве примера?
В какие сроки планируете выполнение работ?
Как с Вами связаться?