Найти тему
Саморазвитие с Alluznai

Что такое тильда? И как с ней работать? Краткий обзор.

Один из лучших движков (конструкторов для сайтов) на мое мнение это Tilda. Поможет сделать красивый сайт без кода, быстро и удобно. Тильда движок, который делает упор на дизайн сайта, но и не забывает про его функционал.

Сайтостроение
Сайтостроение

И так после регистрации, нам предлагают создать новый сайт, создаем, после кликаем на создавшуюся страницу, если нету создаем новую страницу, выбираем создать пустую страницу эта страница будет главной страницей нашего сайта. Переходим на эту страницу (кликом по названию страницы).

Мы оказались в панели редактирования страницы. Нам нужно создать новый блок, нажимаем на нужную нам тему блока, например: «Обложка» это шаблонный блок, в котором мы можем изменить контент, кликнув на кнопку «Контент» или «Настройки», но очертания шаблона останутся. Таким же образом вы уже можете создать сайт или Лендинг (одностраничный сайт).

Как же пользоваться нулевым блоком?

Когда мы, выбираем какой блок сделать следующий, вы, наверное, видели «Zero block». Через этот блок мы можем сделать собственный дизайн сайту и собственные анимации, переходы и многое другое.

Приступим, создаем нулевой блок, кликаем на «Редактировать блок». Мы попадаем в панель редактирования блоком. Там удаляем все, что нам не нужно. Справа мы видим колонку настроек, если ее нет, нажмите «settings», в этой колонке есть настройки цвета фона, высота блока и другое.

Мы можем добавить какой-то объект (Картинку, круг,квадрат, видео…) нажав на кнопку «+» в левом верхнем углу. Когда мы добавили объект, мы можем настроить и его, кликаем на объект (тем самым выделяя его), в колонке настроек появятся настройки объекта тут мы можем увеличить, передвинуть, изменить цвет, скруглить(border-> radius), перевернуть(rotate), добавить эффект(Effekt) …

Эффекты
Эффекты

Но самое интересное на мое мнение это сделать анимацию, анимацию можно выбрать из предложенных (basic fnimation) или сделать самому. Сделать анимацию самому можно: нажав на кнопку «ADD». Там мы выбираем, когда анимация придет в действие.

Спустившись ниже, мы увидим вкладку «steps», там мы можем сделать ключевые кадры анимации и сделать анимацию, например: Напротив «Event» выбираем «on click», а напротив «Start Trigger» выбираем «on Window Center»; на первом кадре ставим объект слева снизу, нажимаем «add step» и перетаскиваем объект, в противоположный угол. Можем добавить кручения(Rotate).

Веб-разработчик
Веб-разработчик

И вот вы уже можете создать сайт со своим контентом и дизайном на Tilda. Для публикации вашего сайта нужно нажать кнопочку «Опубликовать».

#тильда #сайтостроение #сайт #сайт для бизнеса #сайты для заработка #сайт под ключ #саморазвитие #фриланс #веб-разработка

Illustration by Icons 8, Dani Vinogradova, Igor Kapustin from Ouch!