Тёмный

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

ВебКадеми | Юрий Ключевский
Подписаться 54 тыс.
Просмотров 29 тыс.
50% 1

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3".
Чтобы получить файлы макета и готовой верстки, необходимо подписаться на курс: webcademy.ru/htmlsite/
Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.
Верстаем HTML шапку сайта. Делаем фоновое изображение через CSS на весь блок.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 03 Июня 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews

Опубликовано:

 

13 дек 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@user-fd5le5bx9j
@user-fd5le5bx9j 2 года назад
Дай Бог тебе здоровья, Юрий! Шикарный объяснятор, показатор, мотиватор!
@user-kn3ut1sh2o
@user-kn3ut1sh2o 2 года назад
Спасибо за урок! Всё понятно и просто
@SuperPetok
@SuperPetok 3 года назад
спасибо огромное за разъяснение с позиционированием.
@nurlansalkinbayev3890
@nurlansalkinbayev3890 Год назад
Спасибо за отличный урок.
@yulianasparrow
@yulianasparrow 2 года назад
Замечательные уроки! Всё понятно и просто.
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 Год назад
Спасибо что хайт а не хейт , все таки разные вещи , хотя поголовно хейт , сами знаете , что значит . И за обучение конечно же большое спасибо !
@azimkurbanov4659
@azimkurbanov4659 Год назад
спасибо огромное тебе добрый человек
@Zhumadil93
@Zhumadil93 2 месяца назад
Рахмат чоон. аябай пайдалуу сабак болуптур.
@ericderden5683
@ericderden5683 3 года назад
очень полезно. советую для всех начинающих.
@lawdriver88
@lawdriver88 Год назад
Большое спасибо
@alEL321
@alEL321 2 года назад
Полезно.
@user-uz7by8sb2t
@user-uz7by8sb2t 2 года назад
Доброго дня! header-subtitle необходимо задать максимальную ширину, чтобы выполнился перенос на другую строчку, как в макете. Ведь так?
@user-yp7cm3ul2w
@user-yp7cm3ul2w 3 года назад
Здравствуйте! Скажите ,пожалуйста, почему нет слоев в "Фигме"?
@user-et1vd4qf9g
@user-et1vd4qf9g 2 года назад
Здравствуйте, Юрий, получила на почту первый урок, но нет ссылки на макет и код
@FEELOKIT-PLAY
@FEELOKIT-PLAY Год назад
Привет! Всё отлично объяснил! Только можете пожалуйста сказать, где брать макет для фигмы? Спасибо!
@user-pq8nz9gb7c
@user-pq8nz9gb7c Год назад
в описании есть ссылка, по ней надо зарегистрироваться на их курс, и потом получите доступ к сайту со всеми уроками и файлами к ним
@ukrainiansabroad6583
@ukrainiansabroad6583 Год назад
Не смог найти макет в фигма, подписку на рассылку оформил.
@reiben7328
@reiben7328 Год назад
Стрелочка должна встать по центру, если ей просто задать position: absolute и bottom: 0.
@nurmatrasulov
@nurmatrasulov Год назад
Здраствуйте!!! у меня не получается взять макет как мне его взять?
@nazarmelnik3250
@nazarmelnik3250 Год назад
подписался на курс, файлы макета не приходят...
@user-jx5rr5ob4i
@user-jx5rr5ob4i 3 месяца назад
У меня не перемещается или не удается копировать файл на фигма! Сколько раз пробовал!
@user-zo3ec9ui9r
@user-zo3ec9ui9r 7 месяцев назад
Урок супер просто я не смог открыть файл фигму.Можете помочь ?
@idrisveliev
@idrisveliev Год назад
да, все хорошо. обьяснет очень легко. но почему-то забегает очень быстро вперед. новичку .card:nth-last-child(2) очень рано рассказывать
@damir_9347
@damir_9347 3 года назад
Здравствуйте у меня не получилось убрать отступы.
@WebCademy
@WebCademy 3 года назад
body { margin: 0; }
@yevhenkiper5187
@yevhenkiper5187 3 года назад
Помогите пожалуйста, где можно найти картинку для шапки? Перехожу по ссылке чтоб получить файлы макета и верстки, скачиваю их, а там просто картинки Никак не могу вычленить картинку для шапки
@Aztec33
@Aztec33 3 года назад
ejo nado eksportirovat s maketa nazhav na nejo i potom cerez export zagruzit sebe na komp. On vsio pakazivaet, gde to nedosmotreli vi.
@user-sf1do3su5q
@user-sf1do3su5q 3 месяца назад
Help) не открывается режим разработчика в Figma) при наведении на кнопку переключения пишет : to use dev mode in this file move it to a paid team
@WebCademy
@WebCademy 3 месяца назад
Он теперь платный. Вместо него используйте плагин Inspect Styles
@user-sf1do3su5q
@user-sf1do3su5q 3 месяца назад
@@WebCademy спасибо!)
@an_game5409
@an_game5409 Год назад
Здравствуйте Юрий! Не могу загрузить файл в фигму, import failed. Пробовал через хром и яндекс
@WebCademy
@WebCademy Год назад
Добрый день. Загружать необходимо файл с расширением .fig Возможно вы пытаетесь закинуть в фигму zip архив.
@unwmika9922
@unwmika9922 Год назад
@@WebCademy подскажите пожалуйста,как скачать макет в расширением фиг
@unwmika9922
@unwmika9922 Год назад
макет по умолчанию скачивается в zip
@WebCademy
@WebCademy Год назад
@@unwmika9922 Разархивируйте его. Двойной клик чтобы открыть архив и достать из него макет с Figma
@reiben7328
@reiben7328 Год назад
@@WebCademy Здравствуйте. Если стрелке просто задать position: absolute и bottom: 0 она и так встаёт по центру. Если так сделать, то это не будет ошибкой? Position: relative не обязателен?
@user-hw7nw7un6s
@user-hw7nw7un6s Год назад
Vh не работает
@LegionWotTeam
@LegionWotTeam 10 месяцев назад
30:34
@user-jx5rr5ob4i
@user-jx5rr5ob4i 3 месяца назад
У меня не загружает и не импортиуется файл на Фигма!
@WebCademy
@WebCademy 3 месяца назад
Загружайте файл с расширением fig, а не zip архив. Разархивируйте.
@LegionWotTeam
@LegionWotTeam 10 месяцев назад
24:10
@gmailgmail-sy1xn
@gmailgmail-sy1xn Год назад
Хорошего не чего нет картинка у меня не встала должным образом,а объяснений конечно не будет из подобных роликов.
@reiben7328
@reiben7328 Год назад
Ответ можно найти за несколько минут с помощью поисковика.
Далее