Разработка сайта на Tilda

1.

Разработка сайта
на Tilda
4.2 урок (Интерьер)
Хаятова Лилия Рэхтямовна,
преподаватель кафедры математики и информатики
ЧОУВО «Международный Институт Дизайна и Сервиса»

2.

Создадим новую страницу

3.

Выбираем пустую страницу.
Заголовок страницы измените на «Интерьер»

4.

Переходим по кнопке «Все блоки»

5.

Во вкладке «Контент» добавим пункты меню

6.

За основу новой страницы будем
использовать макет:
https://clck.ru/38mkcd.
Он на английском языке, но мы
будем делать на русском и не все
секции задействуем

7.

Во вкладке «Контент» добавим логотип.
Его скачать из макета Figma

8.

Во вкладке «Настройки» изменим цвет фона

9.

Во вкладке «Настройки»
изменим параметры
текста у пунктов меню
(они есть в макете Figma)

10.

Во вкладке «Настройки» расположение меню

11.

Во вкладке
«Настройки»
увеличим
размер логотипа
до 150рх

12.

Скачаем
из Figma
картинку
первого
экрана
в формате
jpeg и
переименуем
в «Картинка
для первого
экрана»

13.

Создадим
следующий
блок страницы –
«Первый экран»
через Zero Block.
В формате
редактирования
изменим
размеры блока

14.

Добавим
блок
Add Image.
В него
вставим
скопирован
ную нами
картинку

15.

Изменим параметры картинки

16.

Добавим текстовый блок в виде заголовка

17.

Добавим текстовый блок

18.

Добавим кнопку
(Button)

19.

Скруглим углы
у кнопки.
Изменим цвет кнопки
при наведении