+7 (812) 703-02-02 info@hse.spbstu.ru

Создание сайтов при помощи конструктора Tilda

Длительность дисциплины: 40 ак.ч.


Аннотация

На курсе вы освоите принципы разработки посадочных страниц в одном из самых популярных конструкторов – Tilda, научитесь использовать функционал конструктора для продвижения landing page. Курс полностью состоит из практических занятий, включающих в себя разбор кейсов и разработку лэндинга для выбранной компании.


Знания и умения, полученные в результате изучения

  • Разрабатывать структуру посадочной страницы;
  • Работать с основными блоками и настройками в Tilda;
  • Настраивать адаптивность посадочной страницы под разные типы устройств;
  • Добавлять формы и анимацию на страницу;
  • Создавать сайт интернет-магазина;
  • Настраивать сайт и подключать сервисы веб-аналитики.

По окончании курса вы защите проект своей landing page для выбранной компании.


Содержание дисциплины

Занятие 1. Типы сайтов. Разработка структуры landing page

  • Задачи и функционал разных типов сайта.
  • Структура landing page: ключевык смысловые блоки.
  • Базовые принципы создания посадочных страниц.
  • Определение основных блоков.
  • Ошибки при разработке посадочных страниц.

Практическое задание:

  1. Разбор кейсов.
  2. Разработка структуры многостраничного сайта для выбранной компании (по шаблону).
  3. Разработка структуры landing page для выбранной компании (по шаблону).

Занятие 2. Основные возможности конструктора Tilda. Создание посадочной страницы

  • Процесс регистрации и активации тестового периода.
  • Знакомство с основными разделами личного кабинета.
  • Основные шаблоны в конструкторе, создание пустой страницы.
  • Обзор блоков библиотеки.
  • Работа с функционалом разделов Настройки, Контент.
  • Разбор особенностей отдельных блоков.

Практическое задание:

  1. Разбор кейсов.
  2. Определение шаблона для реализации проекта, создание сайта из типовых блоков.

Занятие 3. Использование Zero Block. Работа с формами.

  • Функционал редактора Zero Block.
  • Создание кнопок, форм, pop-up.
  • Подключение почты и CRM.
  • Мобильные версии блоков. Настройка адаптивности под различные устройства.

Практическое задание:

  1. Создание нестандартного блока при помощи редактора Zero Block.
  2. Создание и подключение форм обратной связи.

Занятие 4. Анимация.

  • Стандартная и step by step анимация.
  • Пошаговая настройка анимации.

Практическое задание:

  1. Выполнение заданий – блоки с пошаговой анимации.

Занятие 5. Создание интернет-магазина.

  • Особенности настройки функционала интернет-магазина.
  • Подключение и настройка корзины.
  • Платежные системы и варианты доставки.
  • Работа с интернет-магазином с помощью инструмента «каталог».

Практическое задание:

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

Занятие 6. Настройки сайта. Создание многостраничного сайта.

  • Базовые понятия веб-аналитики.
  • Подключение Яндекс Метрики.
  • Подключение домена.
  • Настройки сайта, подключение сервисов.
  • Особенности создания многостраничных сайтов. Закрепление Header и Footer.
  • Разбор дополнительных функций конструктора сайтов.

Практическое задание:

  1. Подключение и настройка сервисов.
  2. Подготовка сайта к публикации.
  3. Связывание главной страницы и страницы благодарности.

Занятие 7. Защита стратегии. Экзамен.

  • Разбор вопросов и ключевых ошибок.

Практическое задание:

  1. Итоговое тестирование.
  2. Защита проекта.