Верстка сайта с нуля на HTML | CSS / #2 - Построение шапки сайта

Начиная с этого урока мы приступаем к верстке сайта. Мы будем использовать макет Figma в качестве дизайна для сайта. За урок мы создадим шапку сайта, меню и секцию с презентацией.
✅ Полезные ссылки:
- Урок на сайте: itproger.com/course/css3-html5/2
⏰ Тайм коды:
00:00 - Начало
00:18 - Макет сайта
01:25 - Подключение шрифта
04:22 - Базовые стили
05:01 - Написание HTML кода
09:20 - Добавление изображения
11:01 - Градиент на задний фон
13:57 - Стили для шапки сайта
22:32 - Секция с презентацией
27:42 - Размещение изображения
29:37 - Добавление слоев
30:50 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ ----
🚀 Telegram: t.me/itProger_official
Инстаграм itProger: / itproger_official
Группа FaceBook: goo.gl/XW0aaP
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

[@allgamer3d620]

Спасибо за это люто топовое видео! Я смотрю тебя из видео уроков по python.

[@newuser7926]

Спасибо за урок. Автор заслуживает миллион лайк

[@attend5699]

от души!

[@malthael283]

На что нажали на 12:22 чтобы див имел связку ?

[@Commissar_Grievous]

Эх, а я то думал что дизайн с фигмы можно конвертировать в html. А тут ручками надо всё делать

[@yuliahodgson3677]

Спасибо за урок! Очень жду, когда будет курс по вёрстке сайта с нуля (Html, css, js) по продажам чего-либo (книги, игрушки, торты, запчасти и т.п.), так как не знаю как пополнить сайт новым продуктом не залазия в код. Надо внести новый продукт, как на шопофай - без кода, но со сторлны админа сайта. Короче, жду другой уровень сложности разработки сайта. Спасибо!

[@iddqd777]

Я слышал, что для таких изменений используют WordPress.

[@user-bf9cw7px3n]

Если ты не снимал видео я не мог бы закончить свой сайт,спасибо

[@user-vt6un9cj1c]

Ура

[@_akm_shoot]

Откуда взять макет?

[@user-ps9gn7ov4i]

Где взять макет?

[@nelfira4119]

Приветствую, видео урок получился максимально хорошим, но я не много не понял каким образом мы добились того что, по всей секции у нас идёт определённый отступ слева.

[@DalaiGamers]

Тоже сначала не понял, пересмотрел. Раскрывается в классе container, на 14:00

[@user_nikkon777]

Привет всем! Я что-то не дописал в html-коде, начиная с , что-то пропустил и обертка (wrapper) некорректно взаимодействует c CSS, пожалуйста скиньте кто-нибудь весь html-код.

[@user-zd8cn1ox3f]

Как работать с Gethub и разместить туда html, css?

[@maxwellhawk]

took me like few min to establish why my CSS doesnt load. You gotta remove / infront of css folder in html when u link css file.

[@user-ti9vu7fw3p]

что делать если на 27:15 кнопка вообще не изменяется?

[@OldBOBOW]

у меня возникла проблема с css кто может скиньте пожалуйста полноценный код. Буду очень благодарен

[@user-uh6qz5ov7f]

А где адаптация под другие устройства?

[@user-zf8xr5do5m]

А где проект на фигме?

[@user-gr2lf2hn7p]

у меня ошибка на классе"*{}"что делать помагитееее ????????!!!!!!!!

[@dron6410]

всмысле ошибка, какая? ты бы хоть описал для начала

[@user-xb1nd4iz3d]

​@@dron6410Допустим, я импортировал шрифт. После чего я пишу *{ margin:0; padding:0; } Но при этом, * вылезает ошибкой (звёздочка) Думаю, он имел ввиду именно это.

[@Alexsey_Kyznecov]

Поставь точку запятой после "@import url(text)"

[@ferrum3517]

нету самого макета на сайт в фигме печально а так хотелось посмотреть на сам макет

[@ferrum3517]

там только скрины

[@donatik4889]

@@ferrum3517 макет есть, первое время думал так-же. Слева есть вкладка, где обычно пишутся слои от макета. Там есть категория "Pages", а в ней по умолчанию стоит Сover. Тебе нужно поставить Screens

[@user-kd5cw4fe3b]

в 12:22 на что нажали?

[@malthael283]

Ты разобрался ?

[@user-kd5cw4fe3b]

@@malthael283 взял вырезал текст и вставил обратно

[@malthael283]

@@user-kd5cw4fe3b Не овсем понял, на какую кнопку ? ctrl c + v ?

[@user-kd5cw4fe3b]

@@malthael283 или можете сидеть и нажать tab чтоб был отступ я особа не заморачивалалсь

[@Kskskskskskskskskskskkskssk]

Второй

[@sashaholikov]

Есть ли макет этого сайта, но не скринами? а как обычный мокет с возможность выбора элементов.

[@user-ou4sd4ty4r]

Я вместо “cover” в правом верхнем углу, нажимал на «screens”

[@Fix_Play77777]

@@user-ou4sd4ty4r лучший, а я то думал почему не могу выделить как у автора LOGO

[@daddy69bad]

Спасибо! Единственный момент, гугл фонц изменил интерфейс.

[@user_nikkon777]

Привет! Я что-то не дописал в html-коде, начиная с , что-то пропустил и обертка (wrapper) некорректно взаимодействует c CSS, можешь скинуть ссылку на весь html-код?