МОДУЛЬ 3
ЗНАКОМСТВО
С ПЛАТФОРМОЙ TILDA
Главная страница: задать название сайта, описание, задать имя сайту (субдомен на Тильде) или подключить свой Домен.

Шрифт и цвета: выбрать шрифт.
К остальным настройкам вернемся после создания сайта.
Настройки сайта
Создаем первую свою страницу!
Возможно выбрать из предложенных шаблонов или создать свою.
Справочный центр
Много полезной информации по возникающим вопросам можно получить в Справочном центре TILDA (вверху на панели):
https://help-ru.tilda.cc/
МЕНЮ СЛЕВА:
Номер шаблона - нажатие стрелки вниз даёт возможность сохранить ваш текст/картинки, но изменить сам шаблон (выбрать: Сохранить контент при переключении).
Если же данную функцию переключения не используем, то выбирается пустой шаблон (внесенные фото и текст слетают).
НАСТРОЙКИ - все технические настройки блока (изменение размера шрифта, выравнивание, отступы, адаптация под разные устройства и др.)
КОНТЕНТ - дает возможность редактировать текст, фото или видео.

МЕНЮ СПРАВА:

Копировать блок
Удалить блок (Корзина) - вернуть блок возможно, если только удалили и сразу же нажали на кнопку Отменить.
Скрыть блок
Стрелочка вниз (Вырезать, Копировать, Вставить, Выделить)
Переместить блок вверх/вниз
Настройки блока
Создание блока
Выбираем: Пустой - все блоки.
Слева в меню или на панели выбираем требуемых блок. Все блоки являются стандартными, кроме Zero (индивидуальная разработка). Добавление блока на странице осуществляется нажатием на +.
1. Через + (создать блок)
2. В самом вверху "Библиотека блоков"
Как найти шаблон блока
Узнать номер (ID) блока
1. Открыть требуемый блок страницы;
2. Настройки - в самом низу Block ID: #rec307977461
Шрифт можно скорректировать если щелкнуть мышью по слову 2 раза и вверху появится панель настроек.
Предпросмотр всего сайта: как будет выглядеть на всех устройствах.
Внизу будет кнопка:
Вернуться к редактированию.
Все внесенные действия на сайте автоматически сохраняются.
Опубликовать! Готово!
Горячие клавиши
ПРИБЛИЗИТЬ: CTRL + колесиком наверх
ОТДАЛИТЬ: CTRL + колесиком вниз
КОПИРОВАТЬ: CTRL + С
ВСТАВИТЬ: CTRL + V
ОТМЕНА: CTRL + Z
Практическое занятие
Разбор
стандартных блоков
Разбор
|
Добавляем блок: Другое - Т635

1) Укажите id блока, в который хотите добавить эффект. Id можно получить так: зайдите в настройки блока и прокрутите вниз — там увидите id вида #12321321

2) Напишите в блоке Т635 в полях "текст 1 - 5 " фразы или слова, которые должны печататься. Максимальная длина фразы — 80 символов. В настройках задайте цвет.

3) Поставьте символ "I" в блоке, в котором будет работать эффект. Этот символ даст понять скрипту, в каком месте заголовка нужно подставлять и печатать ваши слова.
ЭФФЕКТ ПЕЧАТНОЙ МАШИНКИ
ЭФФЕКТ ГАЛАКТИКИ
Добавляем блок: Другое - Т826

В настройках можно применить ко всей странице (применится для всех блоков "Обложка") либо в контенте выбрать требуемый блок/блоки, где будет показываться (указывать через запятую).
ЭФФЕКТ ГАЛАКТИКИ
обложка
Добавляем блок Другое - Т833
В нем изменяем фото/картинки,
Опубликовываем.
Анимация добавится в размещенную ранее обложку.
Готово!
Анимированное слайд - шоу для обложек
Адаптация на стандартных блоках проходит автоматически.
Для того, чтобы посмотреть как версия сайта будет выглядеть на разных устройствах:
1. Предпросмотр - рядом с кнопкой "Вернуться к редактированию" имеются иконки разных устройств. Отображение не всегда корректны.
2. Браузер Chrom - открыть сайт на платформе Tilda - Опубликовать - п.к.м. - Посмотреть код.
Если какой-то блок адаптировался некорректно, то делаем копию блока.
В первом блоке (для компьютера): в настройках меняем диапазон свыше 980 пикселей.
На втором блоке (для мобильных): диапазон видимости от 0 до 980 пикселей.
Также уменьшить отступы. Меняем фото для мобильной версии.
Адаптация сайта под все устройства
Предпросмотр сайта в браузере Chrome для разных устройств
Страница 404 — это автоматическая страница, которая открывается, если запрашиваемый сайт невозможно найти.

ЧТО НЕОБХОДИМО СДЕЛАТЬ:
1. Создать новую страницу (не задавайте адрес самой страницы "404" — будет ошибка Тильды);
2. Добавить любой текст с сообщением, что такой страницы больше не существует;
3. Добавить кнопку возврата на Главную страницу сайта;
4. Опубликовать;
5. Настройки сайта > Еще > 404 страница.
Чтобы страница 404 заработала, вам нужно переопубликовать все страницы сайта.
Страница 404
ЗАПРАШИВАЕМАЯ СТРАНИЦА НЕ СУЩЕСТВУЕТ
ИЛИ БЫЛА ПЕРЕМЕЩЕНА ПО ДРУГОМУ АДРЕСУ

Страница "СПАСИБО" — это автоматическая страница, которая открывается у посетителя после отправки своих данных в форме обратной связи.
ЧТО НЕОБХОДИМО СДЕЛАТЬ:
1. Создать новую страницу со своим дизайном.
2. В блоке "Форма и кнопки" указать номер страницы "Спасибо" в Контенте -
АДРЕС СТРАНИЦЫ В СЛУЧАЕ УСПЕХА.
Страница "СПАСИБО"
ФОРМА ОБРАТНОЙ СВЯЗИ
ВАША ЗАЯВКА ПРИНЯТА
Можете добавить на страницу всплывающие окна (pop-up), которые будут появляться в зависимости от поведения пользователя: при клике на ссылку, при скролле (Другое - блок Т183), по времени ( Другое - блок Т188) или при закрытии страницы (Другое - блок Т723).

Как подключить:

1. Выбрать требуемый блок
(Форма и кнопки - например BF501, BF502N, BF503, BF504).
2. Из выбранного блока POP-UP из контента скопировать #popup:primer (после двоеточия можно задать свое имя на латинице) и вставить где должно появляться.
3. Опубликовать.
Всплывающие окна POP-UP
Оставайся в курсе последних новостей!
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных.
ЗАДАНИЕ 3
1
Собрать из блоков сайт.
2
Создать отдельные страницы: 404, Спасибо.