Мини-курс
Tilda: сайт без кода
8 коротких уроков: от пустого проекта до опубликованного лендинга с формой заявки. Сделаете сайт для своего дела или первый проект для портфолио — без кода.
Коротко о Тильде
Тильда — российский конструктор сайтов: страницы собирают из готовых блоков, а свой дизайн рисуют в редакторе Zero Block — без программирования. На Тильде делают лендинги, сайты компаний, портфолио и небольшие интернет-магазины. Ей пользуются предприниматели, маркетологи, SMM-специалисты, дизайнеры и фрилансеры, которые делают сайты на заказ.
Зарплаты сильно зависят от города и опыта — смотрите актуальные вакансии: вакансии с Тильдой на hh.ru.
Что такое Тильда
Раньше даже простой сайт требовал дизайнера, верстальщика и программиста. Конструкторы изменили это: страницу собирают из готовых блоков, как из деталей, меняют тексты и картинки — и через вечер сайт уже в интернете.
Тильда — один из самых популярных конструкторов в России. На ней удобно делать лендинги — одностраничные сайты под одну цель: записаться, заказать, купить. Для этого есть сотни готовых блоков, формы заявок, подключение аналитики и редактор Zero Block для своего дизайна.
В курсе вы шаг за шагом соберёте лендинг «Торты на заказ» для пекарни «Тёплый хлеб» — той же, что в курсе про SMM: от структуры и текстов до формы заявки и публикации. В каждом уроке — разбор, задание и мини-тест.
Кому подойдёт, а кому нет
Скорее подойдёт, если
- Нужен сайт для своего дела: мастерской, кафе, курсов, услуг
- Работаете в маркетинге или SMM и хотите сами делать посадочные страницы
- Хотите делать сайты на заказ без программирования
- Дизайнер и хотите собирать сайты по своим макетам
Скорее не подойдёт, если
- Хотите разбираться, как сайты устроены изнутри, и писать код — начните с курса «HTML и CSS с нуля»
- Нужен сложный сервис с личными кабинетами и своей логикой — конструктора не хватит
Программа: 8 уроков
-
Урок 1из 8 пройдензнаете
Открыть
Что такое Тильда и когда хватит конструктора
Что такое конструктор сайтов и чем Тильда отличается от вёрстки с нуля, какие сайты на ней делают, когда конструктора недостаточно, как устроены проекты и страницы и какие бывают тарифы.
15 мин · Дальше: Структура лендинга: оффер, блоки и призыв к действию -
Урок 2из 8 пройдензнаете
Открыть
Структура лендинга: оффер, блоки и призыв к действию
Как устроен продающий лендинг: одна цель, оффер на первом экране, блоки, которые снимают сомнения, призыв к действию и форма. Составляем структуру лендинга «Торты на заказ».
20 мин · Дальше: Первая страница: блоки из библиотеки, тексты и фото -
Урок 3из 8 пройдензнаете
Открыть
Первая страница: блоки из библиотеки, тексты и фото
Как собрать страницу в Тильде из готовых блоков: добавить блок из библиотеки, отредактировать текст и картинки, настроить блок в разделе «Настройки», переставить, скопировать и скрыть блоки, посмотреть страницу в предпросмотре.
20 мин · Дальше: Шрифты, цвет, отступы и версия для телефона -
Урок 4из 8 пройдензнаете
Открыть
Шрифты, цвет, отступы и версия для телефона
Как сделать лендинг на Тильде аккуратным: общие шрифты и цвета в настройках проекта, единые отступы, контраст текста, ритм блоков и проверка версии для телефона.
20 мин · Дальше: Zero Block: свой дизайн без ограничений -
Урок 5из 8 пройдензнаете
Открыть
Zero Block: свой дизайн без ограничений
Что такое Zero Block в Тильде и когда он нужен, как устроен редактор: артборд, элементы, слои и выравнивание, как настроить блок для разных ширин экрана и добавить простую анимацию.
20 мин · Дальше: Формы и заявки: куда приходят и что требует закон -
Урок 6из 8 пройдензнаете
Открыть
Формы и заявки: куда приходят и что требует закон
Как добавить форму заявки на Тильде, какие поля оставить, куда отправлять заявки — почта, мессенджер, таблица, CRM, — как настроить сообщение после отправки и как получить согласие на обработку персональных данных по закону.
20 мин · Дальше: Публикация: адрес, домен, поисковики и аналитика -
Урок 7из 8 пройдензнаете
Открыть
Публикация: адрес, домен, поисковики и аналитика
Как опубликовать сайт на Тильде, задать адрес страницы, подключить свой домен, заполнить заголовок и описание для поисковиков и соцсетей, добавить сайт в Яндекс Вебмастер и подключить Метрику.
20 мин · Дальше: Что дальше: магазин, многостраничный сайт и работа на Тильде -
Урок 8из 8 пройдензнаете
Открыть
Что дальше: магазин, многостраничный сайт и работа на Тильде
Как сделать на Тильде многостраничный сайт и небольшой интернет-магазин, как проверить лендинг перед сдачей, как зарабатывать на создании сайтов и собрать портфолио.
20 мин
Итоговый тест
16 вопросов по всем урокам, около 12 минут. В конце — разбор, какие темы повторить, и вывод по вашим ответам: стоит ли развиваться в создании сайтов на Тильде.
Что дальше
Если тема зацепила, продолжить можно так.
Частые вопросы
Нужно ли уметь программировать или рисовать?
Нет. Сайт собирают из готовых блоков и настраивают мышью. Чувство вкуса пригодится, но основные правила оформления разбираем в уроке 4.
Тильда платная?
Есть бесплатный тариф: на нём можно собрать и опубликовать небольшой сайт на адресе Тильды. Свой домен, полная библиотека блоков, интернет-магазин и больше сайтов — на платных тарифах. Актуальные условия — на tilda.cc.
Чем Тильда отличается от вёрстки на HTML и CSS?
На Тильде быстрее собрать типовой сайт и не нужно знать код. Своя вёрстка гибче и не зависит от платформы. Если хочется понять, как устроены сайты, посмотрите курс «HTML и CSS с нуля».
Сколько времени займёт курс?
Около трёх часов: 8 уроков по 15–25 минут и итоговый тест. Плюс время на свой лендинг — удобный темп урок в день.
Это бесплатно?
Да. Уроки, тесты и шпаргалки бесплатные, регистрация не нужна: открываете курс и учитесь.
Можно ли зарабатывать на Тильде?
Да: многие фрилансеры и небольшие студии делают на ней сайты на заказ. С чего начать и как собрать портфолио — в уроке 8.