Создание лендинга: Урок #12

В данном уроке мы покажем, как создать подвал сайта.

Создание подвала сайта

Шаг #1. На главной странице перейдите в раздел «Хедер/Футер» → задайте название для футера (Подвал сайта) → выберите тип «Повал (Footer)» → нажмите кнопку «Создать» → зайдите в созданный подвал.

Шаг #2. В разделе «Блоки» на панели инструментов выберите «Адаптивный блок» → перетащите элемент в среду визуальной верстки.

Шаг #3. Нажмите на блок в любом свободном месте → в нижнем или в верхнем углу блока появится иконка «Настройки» → нажмите на иконку.

Шаг #4. В «Настройках» укажите высоту блока - 90 px.

Шаг #5. Нажмите на иконку «Оформление» → перейдите в раздел «Цвет фона».

Шаг #6. Задайте цвет фона → в выпадающем списке цветов выберите черный.

Шаг #7. В разделе «Медиа» на панели инструментов выберите «Текст» → перетащите элемент в среду визуальной верстки.

Шаг #8. Над текстом (в верхнем левом углу) появятся иконки с возможными действиями → нажмите на иконку «Настройки» (знак шестеренки) → выберите стиль текста (Текст белый (16 px)).

Шаг #9. Над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (© SMART BEAUTY 2021 г. ).

Шаг #10. Нажмите на созданный текст → в появившейся панели «Инфрмация» укажите ширину текстового элемента (ширина: 13%) → переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, слева) → укажите отступы от базовой точки (по оси x: 2 %, по оси y: 40 px).

Шаг #11. Нажмите на текст → над элементом (в верхнем левом углу) появятся иконки с возможными действиями. Нажмите на иконку «Копировать» (знак «+»).

Шаг #12. Над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (Сайт работает на CMS Smart Engine v.4).

Шаг #13. В появившейся панели «Информация» укажите ширину текстового элемента (ширина: 28.2%) → переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, справа) → укажите отступы от базовой точки (по оси x: 2 %, по оси y: 40 px).

Шаг #14. Нажмите на текст → Над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → выделите данный текст → в текстовом редакторе выберите ориентацию текста по правому краю.

Шаг #15. Выделите текст (CMS Smart Engine v.4) → в текстовом редакторе нажмите на иконку «Ссылка» → выберите тип ссылки «URL» → выберите открытие при клике «В новом окне» → введите адрес ссылки (https://smart-engine.ru) → нажмите «Сохранить».

Шаг #16. Сохраните изменения.

Сайт готов!

Была ли полезна для вас данная статья?