arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана вёрстка подвала: создание секции с тёмным фоном и классами, добавление карты через виджет Карта (координаты, название компании, масштаб), Flex-контейнер 30/70 для логотипа и блока контактных данных, стилизация текста и иконок под тёмный фон. Карта в подвале настраивается через виджет «Карта»: вводишь координаты объекта и масштаб. Чем больше значение масштаба — тем ближе вид. Превью карты показывает результат прямо в редакторе до публикации. Виджет поддерживает Яндекс.Карты и Google Maps в зависимости от настроек. Урок для начинающих, кто верстает первый полноценный сайт с подвалом. Понимание Flex и базовой работы с классами нужно как минимальная база. Тёмный фон подвала — хороший случай попрактиковаться с контрастной стилизацией текста и иконок.

Как создать подвал для сайта в Taptop

Верстаешь подвал сайта: логотип, контакты, ссылки и карта. Стандартный блок — но вопросы: как расположить элементы в две колонки? Как добавить карту и настроить масштаб?
Структура подвала через flex 30/70: левый блок — логотип и описание, правый — контакты и ссылки. Карта добавляется виджетом «Карта»: вводишь координаты, название и масштаб — чем больше значение, тем ближе вид к объекту. Для новичков. После просмотра верстаешь подвал с картой и правильной структурой за один сеанс.
Тайминги видео
00:00 — Создание секции подвала с разделителем 01:30 — Виджет карты: координаты, масштаб, превью 03:00 — Flex-блок 30/70: логотип и контактные данные 05:00 — Иконки соцсетей и финальная стилизация

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока