Верстка лендинга с нуля на HTML,CSS, JS - для начинающих
Ссылку на этот макет, чтобы повторять, вы можете качать в нашем телеграм канале Itcnj2eBhWY5M2Uy
В этом видео вы увидите как верстать лендинг из макета Figma с использованием базовых знаний HTML, CSS и JS. Узнаете, как структурировать и разметить контент, добавить стили, подключить шрифты, а также адаптировать страницу для отображения на различных устройствах.
00:00 Вступление
00:18 Создаем базовые файлы и папки
00:44 Подключаем файлы в index HTML
01:24 Сброс стандартных стилей у элементов, выставляем базовые стили макета
02:25 Подключаем шрифты
03:55 Начинаем верстку шапки
04:55 Заворачиваем логотип и экспортируем контентную часть шапки
06:11 Прописываем структуру логотипа и контентной части
08:31 Отдельный тэг для меню
09:05 Можем открыть index HTML
09:20 Выставляем отступы и размеры wrapper’а
10:31 Как выравнивать элементы через display flex
12:04 Выравниваем лого
13:09 Выравниваем элементы header
13:39 Добавляем отступы между элементами
1 view
223
40
6 months ago 00:00:38 1
Лендинг на Getcourse Курс Английского языка
6 months ago 00:26:17 1
🎨 Настройка PhpStorm
6 months ago 01:25:10 5
Лендинг в Zero Block за час: мастер-класс
6 months ago 03:38:46 1
[Жесть!] ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!
6 months ago 01:24:54 1
Лендинг с анимацией в Zero Block в прямом эфире
6 months ago 00:05:18 4
Vite в Laravel проекте #14 - Интеграция React
6 months ago 00:21:03 1
Выполняю РЕАЛЬНЫЙ ЗАКАЗ дизайн + вёрстка сайта на фрилансе LIVE / Веб-дизайн Figma + Craftum
6 months ago 00:05:11 2
Vite в Laravel проекте #13 - Интеграция Vue
6 months ago 00:03:12 2
Vite в Laravel проекте #12 - Интеграция Tailwind CSS
6 months ago 00:06:32 5
Vite в Laravel проекте #11 - Дополнительные настройки
6 months ago 00:07:34 2
Vite в Laravel проекте #9 - Переменные окружения
6 months ago 00:02:51 1
Vite в Laravel проекте #8 - Оптимизация картинок
6 months ago 00:04:30 1
Vite в Laravel проекте #7 - Макросы для класса Vite
6 months ago 00:03:29 10
Vite в Laravel проекте #6 - Статические файлы / импорт картинок
7 months ago 00:05:35 1
Vite в Laravel проекте #5 - Автоматическая перезагрузка страницы
7 months ago 00:03:29 1
Vite в Laravel проекте #4 - Псевдонимы путей (path aliases)
7 months ago 01:29:34 1
Дизайн и вёрстка лендинга на Тильде в прямом эфире
7 months ago 00:05:03 1
Vite в Laravel проекте #3 - Внедрение CSS и JS кода в Blade шаблон
7 months ago 01:06:37 1
[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
7 months ago 00:05:44 2
Vite в Laravel проекте #2 - Сборка CSS и JS файлов
7 months ago 00:08:18 11
Vite в Laravel проекте #1 - Подключение CSS и JS файлов на странице
7 months ago 00:17:32 1
Верстка лендинга с нуля на HTML,CSS, JS - для начинающих