2. Верстка Шапки сайта. Уроки по верстке сайта Портфолио HTML CSS

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3".

Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.

Верстаем HTML шапку сайта. Делаем фоновое изображение через CSS на весь блок.

Открыть макет проекта в Figma вы можете по следующей ссылке:

Скачать макет проекта вы можете по следующей ссылке:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 16 Декабря 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 23 Декабря 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[NIkFreedomForce]

Дай Бог тебе здоровья, Юрий!
Шикарный объяснятор, показатор, мотиватор!

[yuriyzadorozhnyi]

Спасибо что хайт а не хейт, все таки разные вещи, хотя поголовно хейт, сами знаете, что значит . И за обучение конечно же большое спасибо !

[SuperPetok]

спасибо огромное за разъяснение с позиционированием.

[yulianasparrow]

Замечательные уроки! Всё понятно и просто.

[Zhuma]

Рахмат чоон. аябай пайдалуу сабак болуптур.

[ericderden]

очень полезно. советую для всех начинающих.

[ВадимКошель-лл]

Доброго дня! header-subtitle необходимо задать максимальную ширину, чтобы выполнился перенос на другую строчку, как в макете. Ведь так?

[ukrainiansabroad]

Не смог найти макет в фигма, подписку на рассылку оформил.

[НатальяЛоскутова-фш]

Здравствуйте, Юрий, получила на почту первый урок, но нет ссылки на макет и код

[reiben]

Стрелочка должна встать по центру, если ей просто задать position: absolute и bottom: 0.

[nurmatrasulov]

Здраствуйте!!! у меня не получается взять макет как мне его взять?

[nazarmelnik]

подписался на курс, файлы макета не приходят...

[FEELOKIT-PLAY]

Привет! Всё отлично объяснил! Только можете пожалуйста сказать, где брать макет для фигмы? Спасибо!

[contrik_]

Здравствуйте! Я не могу получить макет чтобы перекинуть в фигму. Пишет что у меня нет доступа к Этому ресурсу.

[КаренСтепанянц-юз]

Help) не открывается режим разработчика в Figma) при наведении на кнопку переключения пишет :

to use dev mode in this file move it to a paid team

[ЛесяЛ-мя]

Здравствуйте! Скажите, пожалуйста, почему нет слоев в "Фигме"?

[an_game]

Здравствуйте Юрий! Не могу загрузить файл в фигму, import failed. Пробовал через хром и яндекс

[БейбарысҚасымбеков]

У меня не перемещается или не удается копировать файл на фигма! Сколько раз пробовал!

[МурадКулиев-мо]

Урок супер просто я не смог открыть файл фигму.Можете помочь ?

[idrisveliev]

да, все хорошо. обьяснет очень легко. но почему-то забегает очень быстро вперед. новичку .card:nth-last-child(2) очень рано рассказывать