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

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 พ.ย. 2024

ความคิดเห็น • 81

  • @allgamer3d620
    @allgamer3d620 8 หลายเดือนก่อน +15

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

  • @newuser7926
    @newuser7926 6 หลายเดือนก่อน +6

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

  • @yuliahodgson3677
    @yuliahodgson3677 8 หลายเดือนก่อน +3

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

    • @iddqd777
      @iddqd777 6 หลายเดือนก่อน

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

    • @thelavrSA1
      @thelavrSA1 4 หลายเดือนก่อน

      Привет, ChatGpt тебе в помощь

  • @МухтарСарыбай
    @МухтарСарыбай 8 หลายเดือนก่อน +3

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

  • @Commissar_Grievous
    @Commissar_Grievous 8 หลายเดือนก่อน +15

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

  • @romantrend2871
    @romantrend2871 4 หลายเดือนก่อน +1

    Дякую, чудова подача матеріалу

  • @nelfira4119
    @nelfira4119 7 หลายเดือนก่อน +1

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

    • @DalaiGamers
      @DalaiGamers 6 หลายเดือนก่อน

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

  • @АлександрГеннадьевич-в2г
    @АлександрГеннадьевич-в2г 3 หลายเดือนก่อน

    Очень круто ! Я только начинаю, поэтому этот плейлист бесценен !

  • @antos2
    @antos2 13 วันที่ผ่านมา +1

    Парни, где изучить html и css углубленно? Не базовую что есть на канале, а углубленно?

  • @attend5699
    @attend5699 8 หลายเดือนก่อน +1

    от души!

  • @Жоскичел-ж8я
    @Жоскичел-ж8я 7 หลายเดือนก่อน +3

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

  • @alimbrrrr
    @alimbrrrr 3 หลายเดือนก่อน +4

    Здравствуйте! А почему при переходе в фигму на страницу проекта, сам проект в виде картинки, а не состоит из элементов?..

    • @kayatx4452
      @kayatx4452 14 วันที่ผ่านมา +1

      нужно сменить параметр Cover слева в настройках😊

  • @ArtemHulia-t4f
    @ArtemHulia-t4f วันที่ผ่านมา

    Народ где взять саму вервстку сайта как на видео?? не могу найти сам сайт как у Автора на видео

  • @пуасававыа
    @пуасававыа 3 หลายเดือนก่อน +3

    картинка с джойстиком большая и не на том месте что делать???????????????

  • @user_nikkon777
    @user_nikkon777 7 หลายเดือนก่อน +3

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

    • @stafy6439
      @stafy6439 3 หลายเดือนก่อน

      вытащи файл css из папки к index "расположение их друг с другом мне помогло"

    • @user_nikkon777
      @user_nikkon777 3 หลายเดือนก่อน

      @@stafy6439 Спасибо за совет👍

  • @EfolixQ
    @EfolixQ 3 หลายเดือนก่อน

    Если честно, то слишком много материала в одном видео, не успеваешь все понять и закрепить, а так основные принципы работы с хтмл и css понятны, спасибо!

  • @TEMKI6006
    @TEMKI6006 หลายเดือนก่อน +1

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

    • @qwertqwert9168
      @qwertqwert9168 หลายเดือนก่อน

      в первой части

  • @malthael283
    @malthael283 7 หลายเดือนก่อน +5

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

    • @niksmith6716
      @niksmith6716 3 หลายเดือนก่อน

      Он его вырезал и потом вставил

    • @ivanrubtsov2084
      @ivanrubtsov2084 หลายเดือนก่อน +1

      @@niksmith6716 Не просто вырезал и вставил. Он поставил курсор на 35 строчку, нажал вставить и каким-то чудом оказалось на 36 строчке в 1 столбце, затем нажал еще хер пойми на что и div сдвинулся во второй столбец связавшись с div на 12 строчке 2 столбца... Как это сделал автор нам знать не положено, разбирайтесь мол сами))) типа чего ты еще ждешь от "бесплатного курса" )

    • @ivanrubtsov2084
      @ivanrubtsov2084 หลายเดือนก่อน +2

      Сначала он вырезал тег затем поставил курсор после такого же тега в строчке img, вставил тег и нажал Shift + Alt + F. Это называется автоформатирование кода :)

    • @YoImAmy
      @YoImAmy 20 วันที่ผ่านมา

      @@ivanrubtsov2084объясните пожалуйста попроще и подробнее, я не понимаю(((

  • @kayatx4452
    @kayatx4452 12 วันที่ผ่านมา

    кнопка не работает, transform для hover не отображается

  • @varznik
    @varznik หลายเดือนก่อน

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

  • @crankdestiny5024
    @crankdestiny5024 หลายเดือนก่อน +2

    12:22 как ты изменил вложенность всего тега???? не нашел горячих клавиш почему-то(((

  • @Просточеловек-ъ5п
    @Просточеловек-ъ5п 8 หลายเดือนก่อน +1

    Ура

  • @rainyday6548
    @rainyday6548 หลายเดือนก่อน

    у меня бекграунд нормально не отображается, в чем проблема?

  • @maxwellhawk
    @maxwellhawk 5 หลายเดือนก่อน

    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.

  • @ОльгаШишватова
    @ОльгаШишватова 6 หลายเดือนก่อน

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

  • @EfolixQ
    @EfolixQ 3 หลายเดือนก่อน

    Люди говорят о каком-то "cover" и "screens" в каком то там верхнем правом углу, где это угол

    • @ivanrubtsov2084
      @ivanrubtsov2084 หลายเดือนก่อน

      у меня эти параметры слева вверху

  • @OldBOBOW
    @OldBOBOW 5 หลายเดือนก่อน

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

  • @sashaholikov
    @sashaholikov 7 หลายเดือนก่อน +2

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

    • @Микусик-ы2л
      @Микусик-ы2л 6 หลายเดือนก่อน +3

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

    • @Fix_Play77777
      @Fix_Play77777 6 หลายเดือนก่อน

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

    • @EfolixQ
      @EfolixQ 3 หลายเดือนก่อน

      ​@@Микусик-ы2л
      Не помогло

    • @EfolixQ
      @EfolixQ 3 หลายเดือนก่อน

      ​@@Микусик-ы2л
      Стоп, каком правом верхнем углу чего

    • @ivanrubtsov2084
      @ivanrubtsov2084 หลายเดือนก่อน

      @@EfolixQ В левом верхнем углу (у меня там)

  • @nevolnyut
    @nevolnyut 4 หลายเดือนก่อน

    привет, не делаются отступы, помоги

  • @Elwood21
    @Elwood21 8 หลายเดือนก่อน +1

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

    • @Elwood21
      @Elwood21 8 หลายเดือนก่อน +1

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

    • @donatik4889
      @donatik4889 7 หลายเดือนก่อน +1

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

    • @junoa_beats
      @junoa_beats 5 หลายเดือนก่อน

      @@Elwood21 в комментах подсказали, необходимо нажать вместо “cover” в правом или левом верхнем углу на «screens”

  • @Егор-м1с2н
    @Егор-м1с2н 3 หลายเดือนก่อน

    Что делать если :hover для кнопок на шапке 18:22 не работает? Уже все перепробовал, не понимаю в чем причина

    • @kayatx4452
      @kayatx4452 12 วันที่ผ่านมา

      попробуй установить свойство для ссылок display: inline-block

  • @ТимурСултанов-и6ы
    @ТимурСултанов-и6ы 6 หลายเดือนก่อน

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

  • @_akm_shoot
    @_akm_shoot 8 หลายเดือนก่อน +2

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

    • @soejejeoszozo
      @soejejeoszozo 4 หลายเดือนก่อน +1

      я лично вбил в гугл figma games 3d макет и поискал, это бесплатный макет в фигме

  • @NEP..
    @NEP.. 3 หลายเดือนก่อน

    Эх жаль но сейчас этот набор включает в себя лишь фотки типа нельзя взять определенные объекты таким образом курс устарел

    • @156fasdghqg1
      @156fasdghqg1 3 หลายเดือนก่อน

      нет, ты не там смотришь, почитай коменты

    • @NEP..
      @NEP.. 3 หลายเดือนก่อน

      @@156fasdghqg1 я про нобор в наборе теперь только 2 фотки страницы и одна страница как объект с котором можно работать
      Я все ровно сделал сайт но все же

    • @antos2
      @antos2 11 วันที่ผ่านมา +1

      Не устарел, я сначала тоже подумал как всё смотреть если это фото, но я открыл файл через фигму(не через браузер) и у меня всё заработало

  • @ksardaslord
    @ksardaslord 8 หลายเดือนก่อน +1

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

    • @soejejeoszozo
      @soejejeoszozo 4 หลายเดือนก่อน

      я лично вбил в гугл figma games 3d макет и поискал, это бесплатный макет в фигме

  • @user-kd5cw4fe3b
    @user-kd5cw4fe3b 7 หลายเดือนก่อน +1

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

    • @malthael283
      @malthael283 7 หลายเดือนก่อน

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

    • @user-kd5cw4fe3b
      @user-kd5cw4fe3b 7 หลายเดือนก่อน

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

    • @malthael283
      @malthael283 7 หลายเดือนก่อน

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

    • @user-kd5cw4fe3b
      @user-kd5cw4fe3b 7 หลายเดือนก่อน

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

    • @vd5400
      @vd5400 4 หลายเดือนก่อน

      ​@@malthael283скажи пожалуйста как связать теги между собой как на этом ввиде 12.22 секунды

  • @IT_programe
    @IT_programe 8 หลายเดือนก่อน +3

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

    • @dron6410
      @dron6410 7 หลายเดือนก่อน

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

    • @ДаниилМаксимович-ч6ч
      @ДаниилМаксимович-ч6ч 7 หลายเดือนก่อน

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

    • @Alexsey_Kyznecov
      @Alexsey_Kyznecov 7 หลายเดือนก่อน +4

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

  • @HEYMECTEH
    @HEYMECTEH 8 หลายเดือนก่อน

    Второй

  • @Soytwing0
    @Soytwing0 หลายเดือนก่อน

    я не пойму как свой сайт в эту конченную фигму загрузить

  • @donaks
    @donaks 18 วันที่ผ่านมา

    Такой говнокод однако 😅 Я в шоке от того, что так вообще можно писать (сам писал с помощью БЭМ).

  • @Валіса
    @Валіса 6 หลายเดือนก่อน

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