Как сверстать сайт с нуля: HTML, CSS и Figma в действии | Верстаем HEADER

Аватар автора
Web Skills. Уроки по веб-разработке
Всем привет. Это полное руководство по верстке сайта с нуля с использованием HTML, CSS и FIGMA для новичков. Научитесь создавать свой собственный сайт с легкостью и без нервов! Вы вместе со мной сверстаете сайт с нуля, а после опубликуете свой сайт в интернете при желании вы сможете отправить ссылку на свой сайт своим друзьям, знакомым и продемонстрировать свои успехи. В этом уроке мы сами сверстаем - Header (шапку) нашего с вами проекта. 👉 Макет проекта реализован в Figma, ссылка на макет: 👉 Готовый код проекта вы можете скачать по следующей ссылке: 💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00:00 - Анализ предстоящий работы. 00:00:20 - Учимся создавать дубликат макета. 00:04:00 - Создаём файлы проекта. 00:05:50 - Анализируем header. Разбиваем header на блоки. 00:09:15 - Работает с HTML кодом. 00:14:40 - Работает с CSS кодом. 00:34:30 - Позиционируем Логотип. 00:36:40 - Проверяем вёрстку header с помощью Pixel Perfect. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 Уроки по редактору кода Visual Studio Code: 👉 Уроки по HTML, базовый курс: 👉 Уроки по графическому редактору Figma: 👉 Уроки по CSS...

0/0


0/0

0/0

0/0