Как сверстать сайт с нуля: HTML, CSS и Figma в действии
Всем привет. Это полное руководство по верстке сайта с нуля с использованием HTML, CSS и FIGMA для новичков. Научитесь создавать свой собственный сайт с легкостью и без нервов! Вы вместе со мной сверстаете сайт с нуля, а после опубликуете свой сайт в интернете при желании вы сможете отправить ссылку на свой сайт своим друзьям, знакомым и продемонстрировать свои успехи. В этом уроке мы сами сверстаем - Footer (подвал) нашего с вами проекта. 👉 Макет проекта реализован в Figma, ссылка на макет: https://www.figma.com/design/2P83TIxRyBwfERmx8Dygz3/%D0%9E%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%BA%D0%B0?m=auto&t=XseqkMbLxqnRY9xL-6 👉 Готовый код проекта вы можете скачать по следующей ссылке: https://drive.google.com/file/d/1m8hzI018hRmB9Lcc_vNfPYhXbPfqOLRW/view?usp=sharing 👉 Если вы столкнулись с какими-либо сложностями при верстке проекта и вам необходима помощь в поиске ошибок, или же обратная связь по вашему проекту, пишите в чат, буду рад помочь, ссылка на чат: https://t.me/+vPthXuGY5thkZDJi 💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 Вконтакте: https://vk.com/web__skills 👉 Telegram канал: https://t.me/web_skills :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00:00 - Анализируем footer. 00:00:50 - Продумываем структуру footer. 00:02:45 - Пишем html код. 00:15:55 - Приступаем к стилизации footer с помощью CSS. 00:35:00 - Проверяем результат работы с помощью Pixel Perfect. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 Уроки по редактору кода Visual Studio Code: https://www.youtube.com/playlist?list=PLuHUihQUkBMI8-HbZ0PEIHMpi-zdBlq5n 👉 Уроки по HTML, базовый курс: https://www.youtube.com/playlist?list=PLuHUihQUkBMJa7BBiMmEWEVFkgXX6JcYS 👉 Уроки по графическому редактору Figma: https://www.youtube.com/playlist?list=PLuHUihQUkBMIGWwwndKd5SlYWKPfrk3mo 👉 Уроки по CSS FlexBox: https://www.youtube.com/playlist?list=PLuHUihQUkBMKBqrR-S1ASFw9w-e4n8RM7 👉 Урок по работе с плагином Pixel Perfect: https://youtu.be/fB0JHxdeXx8 #html #верстка #css #frontend #фронтенд #tutorial
Всем привет. Это полное руководство по верстке сайта с нуля с использованием HTML, CSS и FIGMA для новичков. Научитесь создавать свой собственный сайт с легкостью и без нервов! Вы вместе со мной сверстаете сайт с нуля, а после опубликуете свой сайт в интернете при желании вы сможете отправить ссылку на свой сайт своим друзьям, знакомым и продемонстрировать свои успехи. В этом уроке мы сами сверстаем - Footer (подвал) нашего с вами проекта. 👉 Макет проекта реализован в Figma, ссылка на макет: https://www.figma.com/design/2P83TIxRyBwfERmx8Dygz3/%D0%9E%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%BA%D0%B0?m=auto&t=XseqkMbLxqnRY9xL-6 👉 Готовый код проекта вы можете скачать по следующей ссылке: https://drive.google.com/file/d/1m8hzI018hRmB9Lcc_vNfPYhXbPfqOLRW/view?usp=sharing 👉 Если вы столкнулись с какими-либо сложностями при верстке проекта и вам необходима помощь в поиске ошибок, или же обратная связь по вашему проекту, пишите в чат, буду рад помочь, ссылка на чат: https://t.me/+vPthXuGY5thkZDJi 💻 Будем рады видеть вас в наших сообществах, в них мы регулярно публикуем новости и интересные материалы для ваших проектов. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 Вконтакте: https://vk.com/web__skills 👉 Telegram канал: https://t.me/web_skills :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм коды: 00:00:00 - Анализируем footer. 00:00:50 - Продумываем структуру footer. 00:02:45 - Пишем html код. 00:15:55 - Приступаем к стилизации footer с помощью CSS. 00:35:00 - Проверяем результат работы с помощью Pixel Perfect. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 Уроки по редактору кода Visual Studio Code: https://www.youtube.com/playlist?list=PLuHUihQUkBMI8-HbZ0PEIHMpi-zdBlq5n 👉 Уроки по HTML, базовый курс: https://www.youtube.com/playlist?list=PLuHUihQUkBMJa7BBiMmEWEVFkgXX6JcYS 👉 Уроки по графическому редактору Figma: https://www.youtube.com/playlist?list=PLuHUihQUkBMIGWwwndKd5SlYWKPfrk3mo 👉 Уроки по CSS FlexBox: https://www.youtube.com/playlist?list=PLuHUihQUkBMKBqrR-S1ASFw9w-e4n8RM7 👉 Урок по работе с плагином Pixel Perfect: https://youtu.be/fB0JHxdeXx8 #html #верстка #css #frontend #фронтенд #tutorial