Быстрый старт

Верстка сайта с нуля. Подробный разбор

1min

В этом видео показываем и рассказываем, как собрать сайт в Taptop. Верстаем с нуля  десктопную версию и адаптируем её для мобильных устройств. 
Видео на YouTube
VK Видео
﻿
Таймкоды:
00:00 — введение
01:02 — знакомство с интерфейсом, макет Figma
19:58 — шапка
34:37 — первая секция, Z-индексы
1:03:37 — вторая секция, блог услуг
1:28:40 — секция «о нас»
1:42:42 — секция «аренда», слайдер
2:25:51 — формы
2:47:35 — подвал
2:54:30 — социальные сети
3:15:40 — адаптация для мобильной версии
4:19:03 — итоги
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239126&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239126&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
﻿00:00 — введение
01:02 — знакомство с интерфейсом, макет Figma
19:58 — шапка
34:37 — первая секция, Z-индексы
1:03:37 — вторая секция, блог услуг
1:28:40 — секция «о нас»
1:42:42 — секция «аренда», слайдер
2:25:51 — формы
2:47:35 — подвал
2:54:30 — социальные сети
3:15:40 — адаптация для мобильной версии
4:19:03 — итоги 
﻿
Ссылку на макет в Figma можно найти тут.
Готовый проект: https://downhill-skiing.taptop.site/﻿
﻿

Updated 09 Sep 2024

Did this page help you?

Собираем сайт из готового шаблона

Шаблоны сайтов. Как использовать?