Tilda

ВСТУПЛЕНИЕ

Начну с того, что есть три основных подхода к созданию сайтов:

• Самопис. Создается сайт с помощью ручного кодирования каждой страницы (статичный сайт) и/или написания серверных скриптов, которые генерят страницы на лету по закодированному шаблону и алгоритму (динамичный сайт). От разработчика сайта требуется квалификация программиста, потому что, как правило, надо написать серверную часть сайта (backend), клиентсткую часть сайта (frontend) и связать эти части с БД (базой данных). Еще желательно админку написать, чтобы контент добавлять и редактировать можно было не на уровне файлов, а через удобные и безопасные формы. Сайт, написанный таким путем с нуля может потенциально обладать максимально возможным функционалом.
• CMS. Content management system. Это система управления содержимым сайта, выполненная в виде веб-платформы. Backend и СУБД (система управления базой данных) поставляется из коробки. Работа в CMS заключается с создании разработчиком (которого более уместно уже называть пользователем) страниц сайта, содержание которых автоматически записывается в БД. В самом общем случае от создателя сайта знания программирования не требуется, но если такие знания имеются, то функционал сайта может быть расширен с помощью скриптов. Также функционал сайта расширяется с помощью плангинов. По сравнению с самописом не все возможные хотелки можно реализовать на CMS, но вполне много, что позволяет говорить о CMS как самом популярному в мире подходе создания сайтов.
• Конструктор. Это, как правило, тоже веб-платформа, более упрощенная и ограниченная, чем CMS. Но и более легкая в освоении. Конструкторы имеют популярность в непрофессиональной среде создателей сайтов, которые не только без знания программирования, но и без ориентации в IT имеют удобную возможность создать сайт по простой схеме: сайт состоит из страниц, страницы состоят из блоков, блоки состоят из элементов. Создатель не думает о backend и БД, он просто составляет страницы как из кубиков, перетаскивая их с места на место, заменяя в них картинки и тексты... Конструктор обеспечивает максимальную визуализацию на этапе создания сайта. Естественно, что возможного функционала в нем меньше, чем в предыдущих двух подходах.

Tilda – это очень популярный, особенно в России, конструктор сайтов, работающий на веб-платформе. На нем удобно и быстро создавать лендинги (одностраничные сайты), сайты-визитки, личные сайты-портфолио, простые корпоративные сайты, даже небольшие интернет-магазины... Для создания страниц существуют более 500 различных функциональных блоков, разбитых на несколько десятков категорий. Есть категории для текстов, изображений, галерей, меню, форм... На примере перечисления плюсов и минусов Тильды читатель может получить представления о возможностях конструкторов вообще и о возможности реализовать на них задуманное самому.

ПЛЮСЫ

• Блок – это готовый шаблонный функционал. Достаточно в блоке заменить шаблонный контент на ваш, и вы получите готовый слайдер, галерею, форму обратной связи... с хорошим дизайном.
• Блоков очень много. Их функционал покрывает львиный процент потребностей большинства пользователей.
• Возможна кастомизация блоков, когда пользователь может менять не только контент, но и цвета, отступы и некоторый функционал.
• Есть Zero-блок – это блок для свободных художников, который формируется пользователем подобно тому, как он бы работал в векторном редакторе, например, в Figma. Более того, есть работающая процедура конвертации дизайна Фигмы в Зеро-блок (см. раздел ниже).
• Есть даже процедура импорта проекта Фигмы в нулевой блок.
• Все блоки кроме Zero-блока обладают встроенной адаптивностью под разные экраны монитора.
• Адаптивность страницы под разные экраны можно проверить в режиме просмотра по кнопкам (не обязательно кастрировать окно своего браузера).
• Адаптивность Zero-блока можно настроить по точкам останова.
• Можно настроить шапку и подвал – это те блоки страницы, которые одинаковые для каждой страницы сайта, но настраиваются в одном месте и динамически отображаются на каждой странице вверху и внизу.
• Также можно реализовать сквозной блок в любом месте страниц с помощью Alias-блока.
• Можно вставлять свои HTML, CSS и JS скрипты как на уровне сайта, так и на уровне страницы.
• Есть бесплатный тариф, хотя и с ограничениями по функциональности.
• Можно взять две недели платного тарифа бесплатно для проверки всего возможного функционала.
• Можно выбрать, купить и привязать свой домен через Тильду, что удобно, т.к. конструктор, хостинг, админка, домен – все в одном месте, в одном интерфейсе.
• Безопасность сайта обеспечивается на профессиональном уровне, в отличие от самописа, написанном неопытным разработчиком.
• На бесплатном тарифе допускается создание до 500 страниц. Это на порядок больше, чем позволяет большинство других конструктов.
• Тильда – отечественная разработка и цены на бесплатных тарифах на порядок меньше, чем у зарубежных аналогов.

МИНУСЫ

• Адаптивность Zero-блока надо настраивать вручную для каждого из пяти возможных диапазонов ширины экрана.
• Около 200 блоков доступны только на платном тарифе.
• Настроить шапку и подвал можно только на платном тарифе.
• Вставлять свои HTML, CSS и JS можно только на платном тарифе.
• Привязывать свой домен к сайту на Тильде можно только на платном тарифе.
• Нельзя динамически формировать страницу новых статей (например, для блога), т.е. ссылки на новые статьи надо прописывать вручную (отмечать флажки) на странице со списком новых статей.
• Нельзя организовать полноценную работу с БД.
• Нельзя получить доступ к файловой системе.
• Код сайта можно экспортировать только на самом дорогом платном тарифе и экспортированный сайт будет статическим и обладать избыточным кодом.

FIGMA > ZERO-БЛОК

Дизайн, созданный в приложении Фигма, можно быстро и качественно перенести в Зеро-блок Тильды по следующей процедуре:

В Фигме:

• Переименовать все векторные фигуры в "svg".
• Переименовать все растровые картинки в "png".
• Фрейм сверстать на ширину 1200px.
• Получить токен для одного переноса.

В Тильде:

• Добавить Zero-блок и опустошить его.
• Кнопка-троеточие > Import.
• Вставить скопированный из Фигмы токен.
• Прокликать все картинки на странице и понажимать для нуждающихся кнопку [Upload to Tilda]. чтобы картинки из временного хранилища загрузились в проект полноценно.

ЗАКЛЮЧЕНИЕ

Tilda – достойное решения по созданию сайта своими руками для не программистов. Низкий уровень вхождения. Достаточный для большинства задумок функционал. Демократичная ценовая политика. Если у человека есть эстетический вкус, то и из шаблонных блоков можно собрать хороший сайт, а с применением Zero-блока можно создать сайт-конфетку.

ССЫЛКИ