Видеоинструкции
Курс: Как создать сайт на Taptop

11min
Мы проведем вас шаг за шагом через весь процесс создания сайта: от регистрации до полной сборки. Расскажем обо всех особенностях нашей платформы и покажем, на что нужно обратить особое внимание. Этот курс особенно полезен для тех, кто только начинает знакомство с Taptop. Курс состоит из 10 видео.
Урок 1. Знакомство, интерфейс
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239093&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=456239093&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
﻿
Урок 2. HTML, CSS, блочная верстка
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239094&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=456239094&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 3. Верстка первой секции, классы
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239095&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=456239095&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 4. Верстка второй секции, слайдер
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239096&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=456239096&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 5. Верстка третьей секции
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239097&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=456239097&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 6. Форма обратной связи
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239098&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=456239098&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 7. Подвал
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239099&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=456239099&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 8. Адаптация
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239100&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=456239100&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 9. Анимации
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239101&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=456239101&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Урок 10. Компоненты, базовая настройка
Видео на YouTube
VK Видео
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239102&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=456239102&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
﻿
Ссылку на макет в Figma можно найти тут.
Готовый проект: https://apple-watch.taptop.site/﻿
﻿
Updated 03 Sep 2024
Did this page help you?
Видеоинструкции
Все о тарифах Taptop