Видеоуроки и вебинары

Как создать одностраничный сайт

Из ролика вы узнаете, как создать одностраничный сайт на Тильде и настроить его под свои нужды.

👋 Инструкция по работе с обложкой: https://help-ru.tilda.cc/cover
👋 Как настроить якоря и ссылки внутри страницы: https://help-ru.tilda.cc/anchor
👋 Как настроить шрифты для сайта: https://help-ru.tilda.cc/fonts

00:00:04 – Введение и подготовка
  • Рассказываем, как создать одностраничный сайт
  • Подготовим прототип для лендинга конференции и определим разделы: о мероприятии, преимущества, спикеры, программа, запись и контакты.

00:00:54 – Создание сайта на Tilda
  • Регистрации на Тильде и создания нового сайта
  • Подключение тарифа Personal на 2 недели для бесплатного использования функционала

00:02:07 – Работа с блоками
  • Cоздаем первую страницу на Тильде и разбираем, как работать с блоками
  • Выбираем обложку для страницы, меняем текст и изображения, настраиваем внешний вид

00:07:37 – Раздел о конференции
  • Создаем раздел о конференции, используя текстовые блоки и галереи
  • Как использовать секции для упрощения работы

00:10:09 – Преимущества мероприятия
  • Добавляем раздел о преимуществах мероприятия, используя блок с крупными цифрами и фотографией
  • Настраиваем внешний вид блока, меняем фотографию и фильтр

00:12:28 – Спикеры
  • Создаем раздел со спикерами, используя блок из категории Команда
  • Рассмотрим, как добавлять и настраивать карточки для спикеров

00:16:28 – Расписание
  • Добавляем раздел с расписанием мероприятия, используя блок из категории Расписание
  • Меняем текст и добавляем новые карточки для событий

00:18:40 – Добавление фотографий спикеров
  • Замена фотографий через перетаскивание в контейнер
  • Добавление второй фотографии через контент блока

00:19:21 – Настройка типографики
  • Изменение типографики для имен спикеров
  • Использование панели настроек текста

00:19:56 – Добавление формы для регистрации
  • Регистрация участников конференции
  • Использование библиотеки блоков для добавления формы
  • Настройка расстояния между формой и заголовком

00:21:10 – Настройка контента формы
  • Замена текста заголовка и подзаголовка блока
  • Добавление полей для имени, email и телефона
  • Удаление ненужных полей и изменение внешнего вида формы

00:23:46 – Добавление карты места проведения
  • Добавление заголовка, текста, подзаголовка и карты
  • Настройка карты для указания места проведения

00:24:57 – Добавление контактов
  • Добавление блока контактов с номером телефона и почтой
  • Добавление ссылок на социальные сети и изменение цвета кнопок

00:26:01 – Структурирование страницы
  • Замена цвета фона блоков для улучшения структуры страницы
  • Выравнивание расстояний между секциями

00:28:12 – Настройка шрифта
  • Изменение шрифта на всей странице
  • Подключение дополнительных шрифтов через настройки сайта

00:29:29 – Подключение формы
  • Подключение сервиса для приема данных через настройки сайта
  • Ввод email для приема заявок

00:30:46 – Настройка якорной ссылки
  • Добавление якорной ссылки для кнопки на обложке
  • Настройка плавного перехода от кнопки к форме

00:32:42 – Настройка адреса и заголовка страницы
  • Задание адреса страницы через настройки сайта
  • Добавление заголовка и описания для улучшения видимости в поисковых системах и социальных сетях

00:34:19 – Публикация страницы
  • Публикация страницы по домену или локальной ссылке

👉 Создать сайт на Tilda: https://tilda.cc/ru
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: https://tilda.education

Подписывайтесь на нас в соцсетях:
◾ Telegram: https://t.me/tildanews
◾ VK: https://vk.com/tildapublishing
◾ Instagram*: https://www.instagram.com/tildapublishing

Оставить отзыв о работе на платформе Tilda: https://tilda.cc/ru/otzyvy

* Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Как создать сайт
Made on
Tilda