Тёмный

Верстка сайта html css | Как правильно верстать современные сайты #1 Шапка (Header) 

Уроки верстки
Подписаться 1,6 тыс.
Просмотров 11 тыс.
50% 1

В данной серии уроков будем верстать современный дизайн с использованием html, css, js. Сделаем адаптивную версию для мобильных устройств. Подключим и настроим слайдер, галерею изображении, реализуем всплывающие окна и многое другое. Желаю Вам успехов в прохождении урока!
================================
Таймкоды:
00:00 - Обзор конечного результата
01:03 - Начало верстки
07:42 - Верстка верхней части шапки
31:12 - Верстка нижней части шапки
================================
Полезно? Подпишись на канал:
/ @uroki-verstki
================================
Успей получить бесплатный курс по созданию сайта на Wordpress: www.udemy.com/course/wordpres...
================================
Дизайн макет: www.figma.com/file/eu44tKUoV2...
Референсы: disk.yandex.ru/d/MyLI9FOKNdu5cw
Скачать данный шаблон: www.templatemonster.com/landi...
Страница урока: uroki-verstki.ru/adaptivnaya-...
================================
Плейлисты:
Адаптивная верстка Landing Page | Практический урок: • Адаптивная Верстка Lan...
Winter CMS: • Winter CMS - Уроки
Создание интернет-магазина на Opencart: • Интернет-магазина на O...
================================
Бесплатный курс создание сайта под ключ: www.udemy.com/course/wordpres...
================================
Я в социальных сетях:
Телеграм: t.me/@urokiverstki
Телеграм канал: t.me/urokiverstki1
Вконтакте: urokiverstki
================================
Почта для консультации: uverstki@gmail.com

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

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 28   
@spectrdent6154
@spectrdent6154 День назад
Отличные уроки. Мне нравится спокойный тон автора, без воды без умничаний. И ещё нет слов паразитов. ЛАЙК
@user-oy7vd8vz8e
@user-oy7vd8vz8e 11 месяцев назад
Комментарии из десяти слов для поддержки канала. Спасибо за урок
@alexsatm05
@alexsatm05 9 месяцев назад
Спасибо вам за такое подробное объяснение, все очень понятно
@user-zk6vc9qh1t
@user-zk6vc9qh1t 11 месяцев назад
отлично спасибо. будем смотреть, повторять и ждать следующие ролики
@clown8638
@clown8638 4 месяца назад
Закончил html и css, теперь закрепляю знания. Спасибо)
@umida_kholboeva
@umida_kholboeva 8 месяцев назад
Спасибо большое за урок, все понятно и доступно, без лишней воды. Очень долго ломала голову на счет меню с логотипом, наткнулась на ваше видео и все получилось, хотя до этого пересмотрела много роликов похожей тематики
@dimondimonov6417
@dimondimonov6417 11 месяцев назад
Развеселил меня словом хедер😊. Топчик
@KlaudGortsev
@KlaudGortsev 11 месяцев назад
Благодарю за урок
@yatutbylyatutbyl3939
@yatutbylyatutbyl3939 4 месяца назад
Спасибо за урок
@CaH4u3
@CaH4u3 11 месяцев назад
Привет, спасибо за уроки. Такой вопрос, верстальщик должен делать проект 1в1 как на макете, или имеет право вносить правки в пару пикселей?
@uroki-verstki
@uroki-verstki 11 месяцев назад
Ну я ни разу не верстал пиксель перфект и проблем особо не было с этим) Но бывают заказывают дизайнеры и требуют чтобы все соответствовало, в таких случая да надо 1в1 хотя если Вы верстаете сайт адаптивным то с пиксель перфект можно замучиться
@web-inzhener
@web-inzhener 10 месяцев назад
Хороший урок. Адаптив ви будите в кінці робити?
@uroki-verstki
@uroki-verstki 10 месяцев назад
Спасибо. Да будет
@user-kn9tn5wt6i
@user-kn9tn5wt6i 11 месяцев назад
Привет. Хочу освоить професию front end dev. Решил начать соответсвенно с верстки. Я никогда раньше этим не занимался. Я строитель) Данное видео актуально для обучения? Вы сами работаете как фронт энд разработчик?
@uroki-verstki
@uroki-verstki 11 месяцев назад
Данное видео обучает основам верстки. Я специализируюсь в области веб-дизайна и разработки сайтов под ключ
@uroki-verstki
@uroki-verstki 11 месяцев назад
Рекомендую сначала изучить html и css а потом уже переходить к javascript так как фронтенд это в большинстве случаев javascript и его фреймворки. По html и css я запишу отдельный урок
@user-kn9tn5wt6i
@user-kn9tn5wt6i 11 месяцев назад
@@uroki-verstki Я посмотрел роадмапы. У +- все рекомендуют начинать с html css. Соотвественно html & css - это верстка. т.е. осознано повторяя за вами и потом верстая похожее самостоятельно - так сойдет?)
@uroki-verstki
@uroki-verstki 11 месяцев назад
@@user-kn9tn5wt6i Да я сам так учился)
@manilovv1983
@manilovv1983 6 месяцев назад
8:40 Зачем тегу header указывать класс, если стили можно задать для самого тега header? Что насчёт иконок для разных браузеров? Что насчёт дополнительных мета данных?
@uroki-verstki
@uroki-verstki Месяц назад
Тег header может присутствовать несколько раз
@alexdreamer11
@alexdreamer11 10 месяцев назад
На ссылки в меню ховеры надо было еще навесить
@user-ke4cy3cl2s
@user-ke4cy3cl2s 9 месяцев назад
у тебя что ли стоит шрифт на компе такой же, а то у меня не фига не похоже с твоим?
@dimondimonov6417
@dimondimonov6417 11 месяцев назад
А чем отличается слик от свайп слайдера?
@uroki-verstki
@uroki-verstki 11 месяцев назад
Swiper лучше по функционалу и гибкости чем slick
@alekssjeva951
@alekssjeva951 2 месяца назад
Slick это легаси библиотека, зависимая от Jquery. Не обновлялась уже много лет.
@vbvb2805
@vbvb2805 3 месяца назад
Нахера тебе бутстрап в 2023году? Это видео лиш бы видео по всей видимости, Нет заинтересованости в помощи людям на выход в продакшн верстку, дизлайк и в мусорку твой канал
@jaycob_l1
@jaycob_l1 3 месяца назад
привет, подскажи что тогда лучше использовать для хорошей вёрстки) если кнш есть время
@masteryoda1842
@masteryoda1842 10 месяцев назад
ХЕДЕР)
Далее
КАК Я ЖИВУ БЕЗ ДЕВУШКИ!
25:30
Просмотров 1 млн
Which one is the best? #katebrush #shorts
00:12
Просмотров 4,9 млн
Они убрались очень быстро!
00:40
Стилизация форм на HTML и CSS
12:44
Просмотров 61 тыс.
КАК Я ЖИВУ БЕЗ ДЕВУШКИ!
25:30
Просмотров 1 млн