Верстка лендинга с нуля на 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
1 month ago 00:08:49 1
Laravel для новичков #16 - Основная секция главной страницы
1 month ago 00:04:04 1
Laravel для новичков #15 - Перемещение пунктов навигации и ссылок на социальные сети в конфигурацию
1 month ago 00:05:16 4
Laravel для новичков #14 - Компонент иконки
1 month ago 00:05:35 3
Laravel для новичков #13 - Активный пункт навигации
1 month ago 00:06:25 1
Laravel для новичков #11 - Компоненты подвала
1 month ago 00:10:15 1
Laravel для новичков #12 - Перемещение пунктов навигации в layout
1 month ago 00:09:20 1
Laravel для новичков #10 - Подвал
1 month ago 00:05:09 1
Laravel для новичков #7 - Маршруты страниц
1 month ago 00:07:28 1
Laravel для новичков #9 - Компоненты шапки
1 month ago 00:05:06 1
Laravel для новичков #8 - Компонент layout
1 month ago 00:07:12 1
Laravel для новичков #6 - Интерполяция в blade-шаблонах
1 month ago 00:08:58 8
Laravel для новичков #5 - Шапка
2 months ago 00:05:01 1
Laravel для новичков #4 - Установка Tailwind CSS
2 months ago 00:03:11 1
Laravel для новичков #3 - Форматирование кода
2 months ago 00:52:15 1
🔥 Как Создать Сайт Самому на Wordpress + Elementor 🚀 Верстка сайта для начинающих 😱 Первый экран
2 months ago 00:02:40 1
Laravel для новичков #2 - Плагины PhpStorm
2 months ago 00:10:27 13
Laravel для новичков #1 - Установка и подготовка окружения
2 months ago 00:08:16 5
Vue Unit Тестирование #30 - Тест компонента пункта навигации
2 months ago 00:05:43 1
Vue Unit Тестирование #29 - Тест компонента пункта навигации
2 months ago 00:04:26 1
Vue Unit Тестирование #28 - Тест компонента пункта навигации
2 months ago 00:04:57 3
Vue Unit Тестирование #27 - Тест компонента активности
2 months ago 00:04:04 3
Vue Unit Тестирование #26 - Тест компонента активности
2 months ago 00:09:44 2
Vue Unit Тестирование #25 - Тест компонента активности
2 months ago 00:07:40 4
Vue Unit Тестирование #23 - Тест компонента активности