Верстка сайта по макету Figma на HTML и CSS, ДЗ и работа в портфолио

preview_player
Показать описание
Урок полностью посвящен практике, где мы будем верстать сайт по макету Figma на HTML и CSS. Я покажу шаг за шагом как создается верстка сайта и расскажу как сформировать портфолио загрузив свою работу на бесплатный хостинг GitHub Pages. В качестве домашнего задания вы завершите верстку сайта самостоятельно и добавите эту работу в свое портфолио.

00:00 Обзор макета для верстки в Figma
08:10 Создание проекта, подключение шрифта, cоздание шапки и подвала сайта
15:09 Стили для шапки сайта и адаптивная версия
23:01 Стили для подвала сайта и загрузка на GitHub

#itdoctor #html #css #figma #git #github #vscode
Рекомендации по теме
Комментарии
Автор

В описании к видео очень много полезных ссылок и ответов на возможные вопросы, обратите на это внимание, а так же смотрите видео целиком и последовательно в плейлисте от первого к последнему, чтобы ничего не пропустить!

ITDoctor
Автор

Огромное спасибо! Хорошее начало для таких как я ❤

ЮляСолнце-ьу
Автор

Здравствуйте, а подскажите почему я не могу добавить в пиксо данный макет, вроде всё делаю как всегда, обычно получается добавлять другие макеты а этот нет почему?

Web..
Автор

Я по тутореалам делаю сайт на вордпрессе на локал сервере опс, и почемуьо в ВСКоде команды WP красным горят, а картинки на странице добовляются когда я нажимаю на ссылку в левой табличке "имеется более смежая автоматически созраненная версия измегений чем та, которую вы смотрите".
В чем причина?

OlegFantik
Автор

Классный урок, но данный макет уже заезженный на просторах YouTube. На канале ВебКадеми уже есть такое макет с подробной версткой. Хотелось бы что то новое и неторёное.

digidon