Модуль  1. Введение в сайтостроение

1.1 Регистрация и настройка Tilda

Регистрация в Tilda, Активация пробного периода, Настройка сайта - Главное и добавление встроенных шрифтов, Добавление Google Fonts, Добавление своего шрифта, Дополнение по замене шрифта, Настройка сайта - Главная страница, домен, аналитика, Переадрессация HTTP на HTTPS, Шапка и подвал, Остальные разделы, Создание и настройка 404 страницы

 

1.2 Про типографику

Основы типографики, Настройка текста в Tilda

 

1.3 Практика создания одностраничного сайта

Введение и открытие исходника в Figma по ссылке, Импорт исходного файла в Figma, Архив с иходными материалами, Экспорт изображений, Подключение шрифта Montserrat, Создание первого экрана, Адаптация первого экрана, Проверка адаптивности первого экрана, Создание третьего и четвёртого экрана, Адаптация третьего и четвертого экрана, Создание меню, Мобильное меню

 

Модуль 2. Подробное знакомство с Tilda

2.1 Оргвопросы и домен

Как пользоваться справочником Tilda, Регистрация домена, Подключение домена к Tilda, Подключение SSL-сертификата, Переадрессация с http на https, Подключение доменной почты

 

2.2 Стандартные блоки

Введение в стандартные блоки, Обложки, Конвертация обложки в Zero Block, О проекте, Заголовок, Текстовый блок, Изображения, Галерея, Ключевая фраза, Прямая речь, Преимущества, Колонки, Разделитель, Меню, Список страниц, Плитка и ссылка, Подвал, Видео,Блоки призыва к действию, Кнопки, Панель для анонса, Формы, Опрос или голосование, Тест, Пошаговая форма, Попап с информацией, Виджеты, Типы полей, Поле Email, Телефон и Имя, Поля в одну и несколько строк, Выпадающий список, Подключение Email для сбора заявок, Подключение Email через SendGrid, Корзина, Прямая оплата без корзины, Карточка продукта, Карточки плюс Popup, Заголовок с кнопкой и вертикальная карточка, Popup карточка товара, Команда, Отзывы, Этапы, Контакты, Яндекс Карты, Яндекс Карты Координаты, Google Map Подключение, Google Map Координаты, Контакты и форма в 2 колонки, Услуги, Социальные сети, Комментарии Facebook, Комментарии Vkontakte, Тарифы, Партнеры, HTML код, Якорная ссылка, Плавный скролл, Карты, Подсказка для ссылки, Модификатор стиля ссылок, Индикатор прокрутки страницы, Эффект загрузки страницы, Эффект печатной машинки, Фон для всей страницы, Авто появление попап окон, Уведомление о куки, Возрастное ограничение, Переадрессаия на URL, Снег, Галактика, Alias блок, Анимированное слайд-шоу для обложки, Поиск

 

2.3 Практика создания сайта на стандартных блоках

Введение, Первый экран, Блок Почему Йога, Блок с преимуществами, Блок с программами, Блок с тарифами, Блок с отзывами, Блок с цифрами, Блок Галерея, Блок Контакты, Меню, Форма popup

 

Модуль 3. Zero Block

3.1 Основы работы в Zero Block

Знакомство с Zero Block, Настройка Zero Block, Сетка в Zero Block

 

3.2 Элементы Zero Block

Добавление текста, Добавление изображения, Добавление кнопки, Добавление видео, Добавление подсказки (ToolTip), Добавление HTML, Добавление формы

 

3.3 Контейнеры в Zero Block

Понятие контейнера, Практика работы с контейнером

 

3.4 Оптимизация под мобильные устройства

Основы оптимизации Zero Block, Практика оптимизации Zero Block

 

3.5 Практика создания сайта на Zero Block

Создание первого экрана, Блок с преимуществами, Создаем шаблон подзаголовка, Создание блока с проектами, Адаптация блока с проектами, Блок про дома под ключ, Блок о цифрах компании, Блок с комплектацией, Блок призыва к действию, Блок о сотрудничестве, Блок о ключевых особенностях, Галерея, Футер, Блок с меню, Всплывающее окно и подведение итогов

 

Модуль 4. Анимация в Tilda

4.1 Анимация в стандартных блоках

Содержание темы: Появление элементов при прокрутке, выбор направления появления анимации, дополнительные эффекты, анимация при наведении курсора, эффекты при наведении (прозрачность, увеличение)

 

4.2 Стандартная анимация в Zero Bloc

Особенности стандартной анимация в Zero Block, Параллакс, Практика парралакс анимации, Фиксация элементов при скролле

 

4.3 Пошаговая анимация

Пошаговая анимация - появление элемента, появление блока, анимация при скролле, анимация при наведении, анимация при клике

 

4.4 Практика пошаговой анимации

Необходимо повторить все действия в видео уроках и создать пошаговую анимацию, используя исходники и пример.

 

Модуль 5. Работа с формами

5.1 Типы полей

Вопрос с вариантами ответа, Вопрос с вариантами ответа в виде картинок, Галочка, Файл, Дата, Время, Количество плюс-минус, Количество ползунок, Ссылка, комментарий, отступ и скрытое поле, Калькулятор

 

5.2 Подключение систем для сбора заявок

Заявки в Tilda, Tilda-CRM - Создание листа, Tilda-CRM - Настройки листа, Tilda-CRM - Добавление заявки вручную, Tilda-CRM - Подключение к форме на сайте, Подключение сервисов рассылок, Подключение Telegram, Тестируем работу форм

 

Модуль 6. Интернет-магазин в Tilda

6.1 Начальные настройки интернет-магазина

Создание сайта и подключение форм, Подключение платёжных систем, Подключение уведомлений о заказе, Каталог товаров

 

6.2 Создание интернет-магазина

Шапка, Подвал, Шрифты, Первый экран, Анимация для первого экрана, Адаптаця первого экрана, Блок с булитами, Адаптация блока с булитами, Раздел с товарами, Альтернативный вывод товаров на главной странице, Блок с призывом, Красивый блок с анимацией, Корректировка шапки сайта, Одностраничный магазин, Страница с описанием товара, Настройка переадрессации на страницу с описанием, Страница с каталогом товаров, Страница "О нас", Страница "Контакты"

 

Модуль 7. Аналитика и SEO

7.1 Подключение и настройка аналитики

Аналитика внутри Tilda, Установка Яндекс.Метрики, Краткий обзор Яндекс.Метрики, Подключение Google Analytics, Отслеживание целей, Составная цель, UTM-метки

 

7.2 Настройки сайта для поискового продвижения

Содержание темы: Настройка SEO, Инструмент - SEO-рекомендации, Подключение Яндекс Веб-мастера, Подключение Google Вебмастер

 

Модуль 8. Как зарабатывать с Tilda

8.1 Как начать зарабатывать на Tilda

Важные шаги перед поиском клиентов, Портфолио,Как правильно оформлять проекты, Как набраться опыта, Где искать клиентов, Формирование сроков и стоимости, Взаимодействие с заказчиком

 

8.2 Как зарабатывать на шаблонах для Tilda

Что такое шаблон сайта, В каких случаях может пригодитьcя шаблон для Tilda, Почему вам стоить создавать шаблоны, На какую тему делать шаблоны, Ссылки на примеры шаблонов, Из чего складывается стоимость шаблона, Как и где продавать шаблоны, Как выдавать шаблоны

 

Итоговая практическая работа

Содержание итоговой работы: создать новый сайт, оформленный как сайт-портфолио с результатами практических работ, выполненных на курсе: Страница “Мой любимчик”, Сайт на стандартных блоках, Сайт на Zero блоках, Интернет-магазин, Анимированная открытка.