Создание сайта-заглушки


Урок #12: cоздание подвала сайта

Шаг #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.  Сохраните изменения. 



Сайт готов!