Верстка сайта с нуля для начинающих. Перенос из PSD в Тильду 06. Кастомные табы из зеро-блоков

Это последний, шестой урок из серии "Верстка сайта с нуля для начинающих. Перенос из PSD в Тильду", где мы создаем лендинг на Тильде.

Весь плейлист по верстке этого сайта- https://bit.ly/2UjieiI
Ссылка на сам сайт - https://pk-doverie-avtoprogramma.ru/

**********

Сегодня мы продолжаем делать наш landing page на Тильде и сделаем кастомные табы из зеро-блоков, которые будут показываться только для мобильных устройств. А еще вставим свои иконки в блок вопрос-ответ, вместо плюсиков, которые стоят по умолчанию. Ну и конечно же адаптируем квиз от сервиса marquiz.ru

Кроме того, создадим страницу благодарности, на которую будет попадать пользователь после того, как заполнит форму. Настроим формы, чтобы они отправляли на эту самую страницу благодарности. Подключим формы на сайте к Tilda CRM. Настроим базовое SEO на лендинге и пропишем описание для соц. сетей.

**********

Ссылки из видео:

СВОЯ ИКОНКА В БЛОК ВОПРОС-ОТВЕТ - https://yadi.sk/d/vsdsaudiCte21A
ТАБЫ ИЗ ЗЕРО-БЛОКОВ - https://yadi.sk/d/YlK8DZ49pF2JGw

**********

Тайм-коды:

00:00 - Привет
00:14 - Делаем кастомные табы из зеро-блоков для мобильных устройств
11:52 - Вставляем собственные иконки в блок вопрос-ответ (вместо плюсиков)
12:00 - Адаптация квиза marquiz
17:57 - Создаем страницу благодарности
20:52 - Назначаем подвал (footer) для всего сайта
25:11 - Копируем попап из зеро-блока на страницу благодарности
26:11 - Настраиваем формы, чтобы они отправляли на страницу благодарности
26:52 - Подключаем Tilda CRM к формам на сайте и смотрим, куда падают заявки
28:35 - Настраиваем SEO на сайте и делаем бейджик для соц. сетей
29:53 - Пока


**********

Коротко о том, что такое Tilda. Тильда - это конструктор сайтов от компании Tilda Publishing. Он позволяет создавать сайты самостоятельно, используя встроенную подборку блоков, даже если вы не изучали веб-дизайн с нуля. И ваш сайт сразу будет иметь адаптивную верстку.

Но в нашем примере мы будем , использовать zero block. Это такой специальный блок, который позволяет нам располагать элементы произвольно.

Верстка сайта происходит из psd, т.е. предварительно макет подготовлен в Фотошопе. Мы уже выгрузили графику, оптимизировали ее и дальше сам макет нам нужен только для того, чтобы правильно измерять расстояния от элемента до элемента.

**********

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

Задавайте свои вопросы в комментариях, подписывайтесь в соц. сетях. Постараюсь всем помочь.

Успехов

**********

Инста - https://www.instagram.com/dzibiz/
Мой блог по Тильде в ВК - https://vk.com/dzibiz.blog
Моя личная страница - https://vk.com/dzibiz

**********

Подпишись на канал - https://bit.ly/31v99rb
Видео - https://youtu.be/YOUiZHO0xnk

Первый урок - https://youtu.be/3mAszn5BeT0
Второй урок - https://youtu.be/Zy5jCD0gUYM
Третий урок - https://youtu.be/8kjVuKW3VRM
Четвертый урок - https://youtu.be/JR6nMN9r_lY
Пятый урок - https://youtu.be/YOUiZHO0xnk

Весь плейлист по верстке этого сайта- https://bit.ly/2UjieiI

**********

Теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock, #webdesign