Практика верстки #1. Верстка шапки сайта

Всем привет!
Добро пожаловать на мой канал. Это мое первое видео и возможны некоторые косяки. Поэтому открыт к конструктивной критике в комментариях. Этим роликом я запускаю серию видео по верстке небольшого макета на чистом html и css.
Приятного просмотра.

Содержание:
00:00 Приветствие
00:29 Подготовка файлов и стили по-умолчанию
08:20 Начало верстки
13:00 Стили контейнера и лого
15:30 Стили навигации
18:30 Стили кнопок
25:12 Расположение элементов

#html #css #верстка

[mr.vorchun]

Все очень не плохо. Правда есть пара моментов, с которыми я не согласен.
1. Логотип я бы обернул дивом. Если верстка выполняется на заказ и клиент решит подгрузить другой логотип, в Вашем случае его будет ждать сюрприз.
2. Навигация - это всегда СПИСОК ссылок, и семантически верно было бы её поместить в тег ul. К тому же управлять отображением навигации при адаптировании сайта под мобильные гаджеты, будет проще.
3. Для активного пункта меню, всё-таки стоит прописать стили вместе с отображением при наведении (кроме случаев, когда при наведении стили отличаются). Иначе код дублируется.

[РусланСулейманов-гш]

То что надо. Искал того кто будет так подробно, с деталями все объяснять.Спасибо тебе за крутой видос. Желаю успехов!

[KirillSergeev]

Для первого видео - это просто бриллиант. Спасибо. + подписка.

[manofsteppe]

Четко, относительно свежее видео для 2021, да и еще и в фигме диза, еще и ссылка есть, все по делу без бла-бла

[MrZefirkin]

Отличный контент, хорошо объясняешь, все по полочкам) Посмотрю твои уроки с удовольствием!

[dobrMAV]

Спасибо большое за урок! Подача отличная!!! Продолжаю обучение по вашим урокам!

[denismaltsev]

Спасибо 🙏 за контент братва я с вами )

[denismaltsev]

У меня есть несколько уточняющих вопросов ответь на них пожалуйста,
1) ты пишешь тег nav с классом navi и сразу делаешь ссылки без тега <li></li> и не заворачиваешь туда ссылку <а> насколько это нужно, или это не нужно?
2) секция header и section hero, не делается через absolute и relative ? если переходить на другие страницы то нам же надо чтоб элементы дизайна были другими.
3) картинкам, кнопкам, и ссылкам можно прописать всем по умолчанию
display: inline-block; в самом начале чтоб не дублировать код, или лучше всё-таки по отдельности?

[Евгений-мен]

Здравствуйте, спасибо большое за ваш труд очень полезная информация, и есть не большой вопрос сколько времени вы занимаетесь вёрсткой, и где работает в компании или на фрилансе?

[contrik_]

Здравствуйте. При вёрстке кнопок левая кнопка почему-то стала меньше по ширине чем правая . Всю верстку в точности повторил за Вами. Почему так произошло и как исправить? Заранее спасибо.

[KiaraKasper]

Подскажите, а почему вы кнопки оборачиваете в тег a, а не в button? Я думала, что ссылки нужны только, если ведут на другие страницы, ну, или для якорей.

[streaming]

Друг скажите пожалуйста, реально сколько плюс минус надо времени чтобы взяли верстальщиком если работать каждый день по 6 часов

[КапибараОлег]

26:05 на этом моменте у меня положение кнопок не изменилось