Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

Sdílet
Vložit
  • čas přidán 22. 08. 2024

Komentáře • 87

  • @silkfade
    @silkfade Před měsícem +5

    Я рил в шоке, как вы понятно всё рассказываете и объясняете :)

  • @spicyeric9063
    @spicyeric9063 Před 8 měsíci +16

    Я шокирован тем как доходчиво вы объясняете, красивой грамотной речью, приятным голосом. Вас хочется слушать. Ваш проффесионализм как верстальщика так и преподавателя вызывает уважение. Пожалуйста, продолжайте делать то, что делаете.

    • @WebProSchool
      @WebProSchool  Před 8 měsíci

      Благодарю! Такие комментарии вдохновляют и мотивируют двигаться дальше. Спасибо за обратную связь :)

  • @muzzzychenk0
    @muzzzychenk0 Před 6 měsíci +10

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

    • @Plombiros
      @Plombiros Před 5 měsíci

      И что как успехи за год?сам верстаешь уже?

  • @user-xn5nd3fq6t
    @user-xn5nd3fq6t Před 5 měsíci +4

    Много видео посмотрел по верстке, но ты действительно объясняешь доходчиво и понятно! Спасибо! Ждем больше видео теперь по языкам программирования!

  • @fromrussia7135
    @fromrussia7135 Před 10 měsíci +5

    Автор, благодарю тебя за обучение. Не останавливайся и не слушай хейтеров!

    • @WebProSchool
      @WebProSchool  Před 9 měsíci

      Благодарю за поддержку. В ближайшее время выйдут новые видео :)

  • @SHAKH-br3gj
    @SHAKH-br3gj Před 16 dny +2

    огромное спасибо, лучшее объяснение верстки которое я смотрел

  • @quiettatar
    @quiettatar Před měsícem +1

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

  • @user-zh6oe3qh2i
    @user-zh6oe3qh2i Před 10 dny

    Спасибо , всё очень подробно и с объяснениями . Мне как новичку такой подробный формат очень удобен. Многие непонятные моменты вы прекрасно разъяснили на примерах .

    • @JiDream
      @JiDream Před 4 dny

      Привет, не подскажешь в фигме убрали область для верстальшика, там еще написаны стили, атрибуты, ссылки и так далее, эту проблему решить можно с помощью плагина, но даже в плагине нету ссылки на изображение, там фон и так далее

  • @user-iw7mj1ci5e
    @user-iw7mj1ci5e Před rokem +4

    Хорошо объясняете, на простом языке, как раз для начинающих. Спасибо 👍

  • @vikrinov6022
    @vikrinov6022 Před 2 měsíci +4

    Отличное объяснение. Даже на платном курсе так не объясняют.😊

  • @whole_lotta_redd
    @whole_lotta_redd Před 5 měsíci +2

    Я хочу сказать тебе огромное спасибо! За твою проделанную работу, ты очень сильно помог разобраться во многих вещах очень доходчиво. Я только начал учить html и css и много каких вещей было непонятно, я буду продолжать смотреть твои видео и надеюсь , благодаря твоей работе, я смогу делать свою работу с каждым разом только лучше и легче! Ещё раз огромное спасибо!

    • @WebProSchool
      @WebProSchool  Před 5 měsíci +2

      Благодарю за приятные слова 🙏
      Удачи в обучении)

    • @whole_lotta_redd
      @whole_lotta_redd Před 5 měsíci +1

      @@WebProSchool спасибо огромное!

  • @user-cl9ek1ss9r
    @user-cl9ek1ss9r Před měsícem +2

    Все предельно понятно. Спасибо.

  • @WebProSchool
    @WebProSchool  Před rokem +1

    Макет взят отсюда: t.me/maket_figma
    🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
    t.me/webproschool_bot?start=link_7P0svXUmMT

  • @Shaman_Mashan
    @Shaman_Mashan Před měsícem

    Спасибо за эти уроки!! Очень понятно и приятно объясняете) Желаю огромной удачи в продвижении канала!!

    • @WebProSchool
      @WebProSchool  Před měsícem

      @@Shaman_Mashan благодарю 🙏
      Удачи в обучении)

  • @user-hm6wn8pv7p
    @user-hm6wn8pv7p Před 18 dny +1

    Спасибо большое Вам за видео, всё очень хорошо и понятно объяснили! ❤

  • @berdibekazamatov6168
    @berdibekazamatov6168 Před 11 dny

    Все просто круто спасибо

  • @user-jw4sr2ey5d
    @user-jw4sr2ey5d Před měsícem

    спасибо за хорошее объяснение с примерами.

  • @TopTop-qg1oj
    @TopTop-qg1oj Před 5 měsíci +1

    воуууууууууууу)))это очень круто!!!куда ты пропал??что то новых роликов давно не видно

  • @Middlefront
    @Middlefront Před rokem +6

    Спс за видео❤ просто нету нормальных видосов😅

  • @domakook753
    @domakook753 Před 3 měsíci

    Здравствуйте! Всё просто всё подробно, спасибо.

  • @user-zf9vz8om3j
    @user-zf9vz8om3j Před měsícem

    Всё было прекрасно, только когда я услышал фразу: "Надеюсь ничего не забыл" , то вспомнил один момент который стоило бы затронуть ))
    Забыл назвать комбинацию клавиш для форматирования кода по код-стайлу.
    Лично меня этот момент сразу заинтересовал)
    Если кому-то нужно, то это комбинация SHIFT + OPTION + F (на Mac) / SHIFT + ALT + F (на Windows)
    Всем спасибо) 🙂

    • @WebProSchool
      @WebProSchool  Před měsícem +1

      @@user-zf9vz8om3j да, либо правой клавишей мыши по коду - Форматировать документ

  • @user-cq6yh9lo9h
    @user-cq6yh9lo9h Před 5 měsíci +2

    Очень доходчиво!!

  • @ula_uragan
    @ula_uragan Před 22 dny

    Спасибо, очень полезное видео

  • @user-kd7fp3pe6r
    @user-kd7fp3pe6r Před 5 měsíci

    Очень хороший урок😊Спасибо огромное

  • @user-vj9jb2pj3h
    @user-vj9jb2pj3h Před 3 měsíci +2

    ждем мобильную верстку!)

  • @user-ri7bv3km3f
    @user-ri7bv3km3f Před měsícem

    ты просто лучший

  • @karmawar
    @karmawar Před 2 měsíci

    Максимально понятно

  • @daryapodsvetova
    @daryapodsvetova Před měsícem

    супер!

  • @sleepspacepiece
    @sleepspacepiece Před 4 měsíci

    Красавчик!

  • @nonemeboabs
    @nonemeboabs Před 4 měsíci +1

    Почему то при задании max-width для контейнера элементы начали максимально сжиматься. Я попытался разобрать твой готовый код, но так и не понял в чем была проблема. Сам же просто задал width такой же как и max-width и все заработало. Кто-нибудь может объяснить в чем была проблема?

  • @user-wb2vs9hg5k
    @user-wb2vs9hg5k Před měsícem

    А что делать если в зип файле содержится макет с расширением psd и его нельзя импротировать в фигму, что делать в такой ситуации?

  • @user-fn6xx7db1r
    @user-fn6xx7db1r Před měsícem

    Это семантическая вёрстка?

  • @truork8957
    @truork8957 Před 2 měsíci +1

    блин макет конечно красивый но пока его делал захотел кушать(

  • @Abdurakhmanki
    @Abdurakhmanki Před 3 měsíci +2

    А ссылку на макет

  • @ksenimal
    @ksenimal Před měsícem

    а ресеты не надо подключать сразу?

  • @user-fn6tb8gn5j
    @user-fn6tb8gn5j Před 5 měsíci +3

    В обновленной фигме не вижу вкладку инспект, где найти ее?

    • @GrekSS
      @GrekSS Před měsícem

      я так понял теперь это платная фича

  • @quiettatar
    @quiettatar Před měsícem

    давай мобильную верстку по этому макету

  • @user-dy9el8pj9o
    @user-dy9el8pj9o Před 2 měsíci

    Не уверен что ссылке в хеде нужен класс active, тк. скорее всего opcity: 1 выставляется псевдоклассу :hover
    Если конечно мы не закрепляем хедер

  • @user-tu9uv6zl6y
    @user-tu9uv6zl6y Před rokem +2

    Мобильная верстка будет?

    • @WebProSchool
      @WebProSchool  Před rokem

      Сейчас идет голосование в телеграме на этот счёт

  • @Croopic
    @Croopic Před 3 měsíci +1

    Я не понимаю как решить проблему:перекидываю файл макета в фигму и пишет:Importing to figma design
    ❌ maket Burger Landing.fig
    Unsupported file format.
    Помогите пожалуйста разобраться с этим

    • @ghfjtyh6464
      @ghfjtyh6464 Před měsícem

      разобрался, как решить эту проблему?

    • @ksu_ol
      @ksu_ol Před měsícem

      @@ghfjtyh6464 можно другим способом, нажать два раза на файл и выбрать открыть с помощью фигмы, тогда файл начнет загружаться для открытия в фигме. По крайне мере у меня тоже сначала писал ошибку при открытии способом из видео, потом все открылось

  • @Chupa_coach
    @Chupa_coach Před měsícem

    Не могу скачать материалы!) Требует платную подписку, что делать?

    • @WebProSchool
      @WebProSchool  Před měsícem

      Ни у кого не требует, у вас требует)
      Не вводите людей в заблуждение, пожалуйста

    • @Chupa_coach
      @Chupa_coach Před měsícem +1

      @@WebProSchool Не ввожу, разобрался, не пугайтесь так за свой проект) Всё в порядке)

    • @Chupa_coach
      @Chupa_coach Před měsícem

      @@WebProSchool Учусь в онлайн-школе SkillBox и параллельно подпитываюсь на разных площадках, Вам большое спасибо! Очень информативно и ценно, классная фишка с тем, что бы не множить кол-во классов. В целом полезно увидеть другой взгляд на картину от человека не из упомянутой школы) Продолжайте в том же духе, респект 🤝

    • @WebProSchool
      @WebProSchool  Před měsícem

      @@Chupa_coach 🙏

  • @user-rm5wi9tu8u
    @user-rm5wi9tu8u Před rokem +1

    когда вторая часть?

    • @WebProSchool
      @WebProSchool  Před rokem +2

      Видео выходят по четвергам в 17:00 по Москве.

  • @Croopic
    @Croopic Před 3 měsíci +1

    Что делать если нету eCSStractor Run?

    • @eliaaykkk6275
      @eliaaykkk6275 Před 2 měsíci

      здравствуйте, нашли? а то я тоже найти не смогла

    • @user-dy9el8pj9o
      @user-dy9el8pj9o Před 2 měsíci

      Добавить. В плагинах для VScode можно его найти

  • @alexandr6427
    @alexandr6427 Před 3 měsíci

    😄

  • @user-jz4sw9zb3r
    @user-jz4sw9zb3r Před rokem +2

    + мобильная вёрстка

  • @musicformedidation
    @musicformedidation Před rokem

    у меня такая проблема что не получается сделать Home светлее уже 3 раза повторяю то что у вас в коде но не получается

    • @WebProSchool
      @WebProSchool  Před rokem

      Продублируйте свой вопрос в чат в телеграме и прикрепите архив с версткой, я помогу
      t.me/webproschool_chat

  • @nadir2183
    @nadir2183 Před měsícem

    какая у вас тема в вс код

  • @olegger7436
    @olegger7436 Před rokem

    в обновленной фигме инспект убрали, и теперь оригинальную картинку не получается стащить, или они куда в другое место эту функцию засунули, кто знает?

    • @WebProSchool
      @WebProSchool  Před rokem

      К сожалению, пока простого пути не нашёл. Можно просто фотку вытащить из фрейма и убрать обрезание с помощью crop image. Но это долго и видимо пока можно обойтись без оригинала и использовать export того контента, который представлен.
      Также все материалы из видео (оригиналы) можно получить в телеграме.

    • @stasalsakhanov435
      @stasalsakhanov435 Před rokem

      SHIFT + D нажми на клаве, откроется режим разработчика.

    • @miyuki5273
      @miyuki5273 Před 6 měsíci

      @@stasalsakhanov435 за него надо платить ГЕНИЙ

    • @tortik_0162
      @tortik_0162 Před 4 měsíci

      @@stasalsakhanov435 и ничего там не будет) Просто показывается, что есть такая то фотка, с ней ничего не сделать и нет такого, как в ролике

  • @dogvscatfunny9956
    @dogvscatfunny9956 Před 4 měsíci +7

    очередная ерунда с навязкой подписаться .

    • @Professor_CAHEK
      @Professor_CAHEK Před 3 měsíci +3

      Ну для новичков хорошо, подробно обьясняет

    • @dondragon6949
      @dondragon6949 Před měsícem +1

      dogvscatfunny9956
      предложи лучше и без рекламы}

    • @dogvscatfunny9956
      @dogvscatfunny9956 Před měsícem

      @@dondragon6949 Мне ерундой такой страдать и позориться не охота как то)

    • @quiettatar
      @quiettatar Před měsícem

      @@dogvscatfunny9956крутой крутой, точно не отмазка

    • @adhuard2022
      @adhuard2022 Před 12 dny

      Ну хз, я новичок и это действительно для новичков. Т.к смотрел до этого видео для (новичков) было много не понятного и отсутствовали подробные объяснения. В общем как по мне, то норм

  • @dondragon6949
    @dondragon6949 Před měsícem

    бесплатно нигде нет)
    наша плата подписка и продвижение канала)
    так шо для новичка это то шо треба)))!!!

  • @user-rs6lw1xs6s
    @user-rs6lw1xs6s Před 4 měsíci

    Я заметил в файле css - нету префиксных вендорв - думаю что при отображение сайта на macbok - и афонах будить баги да ? . Так как некоторые свойства css не подерживаеться без префикса

  • @egorrublev5529
    @egorrublev5529 Před 10 měsíci +1

    воды на ценый океан и маленькую речьку

    • @WebProSchool
      @WebProSchool  Před 10 měsíci +3

      Видео для начинающих, соответственно и разжевываю все моменты для новичков. При этом объясняю все шаги, а не лью воду. Если у вас огромный опыт за плечами,то возможно не стоит смотреть видео для начинающих.

    • @user-dd1hp1ph3b
      @user-dd1hp1ph3b Před 7 měsíci +2

      все класс юһдоходчиво обьясняете, для новеньких самое-то, спасибо большре за ваш труд
      @@WebProSchool

  • @user-vj9jb2pj3h
    @user-vj9jb2pj3h Před 3 měsíci +1

    ждем мобильную верстку!)

  • @user-vj9jb2pj3h
    @user-vj9jb2pj3h Před 3 měsíci

    ждем мобильную верстку!)