Основы CSS - #4 - Структура сайта

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

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

  • @nanaaka
    @nanaaka 8 ปีที่แล้ว +26

    Учусь на ваших видео (html, css, js), спасибо вам большое. Отличное объяснение, приятно слушать. Вы молодцы. Думаю, вам пора иметь счет для взносов как благодарность за такие хорошие бесплатные уроки... :)

    • @Raccoon_ph
      @Raccoon_ph 6 ปีที่แล้ว

      Девушка программист????!!!!! Такие существуют?!

    • @darychitadze7456
      @darychitadze7456 6 ปีที่แล้ว

      @@Raccoon_ph почему бы и нет)

  • @maksim4334
    @maksim4334 5 ปีที่แล้ว

    К просмотру этому видео, уже все это умел. Смотрю, что для повторения. Это лучший урок на ютубе. Ты крут, спасибо.

  • @Мудрыемысличеловечества
    @Мудрыемысличеловечества 2 ปีที่แล้ว

    Спасибо Loftblog, все четко, ясно, без лишних слов. Ты прекрасный наставник!

  • @мангманго
    @мангманго 2 ปีที่แล้ว

    Спасибо тебе большое, хороший человек, благодаря тебе я поняла как с этим разбираться, до просмотра видео у меня ничего не получалось. Ты классный человек, спасибо господи, что ты есть

  • @Oksana_Bon
    @Oksana_Bon 8 ปีที่แล้ว +10

    Супер, спасибо, молодцы......а Ваши уроки всегда нужны!!!

  • @deniskutsenko9205
    @deniskutsenko9205 ปีที่แล้ว

    спасибо за уроки! Пересматриваю ваши видео и нахожу нюансы, о которых не знал

  • @Yarovikow
    @Yarovikow 4 ปีที่แล้ว +1

    Просто и с быстрым результатом. Отличные материалы, спасибо!

  • @MartinEden-ps6ld
    @MartinEden-ps6ld 7 ปีที่แล้ว

    От души))) А то когда задали сайт написать в коляжке, я всё бутстрапом сделал, а самой сутью не проникся)) А теперь начал благодаря вам разбираться)) Спасибо)))

  • @КомпанияСтройСевас
    @КомпанияСтройСевас 9 ปีที่แล้ว +2

    просмотрел все четыре урока. Спасибо огромное за ваши старания. ждем продолжения.

  • @kovaldn
    @kovaldn 10 ปีที่แล้ว +2

    Коля, спасибо, что помогаешь людям подтягивать основы!

  • @АСПара
    @АСПара 6 ปีที่แล้ว +1

    Благодаря вашему каналу разобралась с HTML, CSS пока что-то не поддается. 4 урок, а я ничего не поняла. Надеюсь вникну. Спасибо вам!

  • @Кулинарноеугаралово
    @Кулинарноеугаралово 6 ปีที่แล้ว

    Классный сайт получился. Отличный дизайнерский вкус. Спасибо за урок.

  • @Eropbl4Kavaleuski
    @Eropbl4Kavaleuski 9 ปีที่แล้ว +1

    ребят, всё круто, чо! А снимите еще, пожалуйста, у вас очень здорово получается! И ппл требует)) Нам надо, имхо!

  • @СергейКомбаров-д1ж
    @СергейКомбаров-д1ж 10 ปีที่แล้ว +5

    Для новичка в самый раз, лайк=)

  • @_Fantom_.
    @_Fantom_. 5 ปีที่แล้ว

    Отличный урок, поехали дальше!

  • @olgab3757
    @olgab3757 5 ปีที่แล้ว

    Спасибо, рада у вас учиться, делайте видео еще. Спасибо!.

  • @paolonehaychuk1235
    @paolonehaychuk1235 6 ปีที่แล้ว

    СПС, подача информации просто супер, так держать

  • @vikalisicina
    @vikalisicina 4 ปีที่แล้ว

    Всё просто и понятно. Спасибо!

  • @televizorlol
    @televizorlol 3 ปีที่แล้ว

    Очень полезная информация

  • @user-ud1wz9or6n
    @user-ud1wz9or6n 9 ปีที่แล้ว

    молодчик, хорошие уроки. давай ещё

  • @U-nieskladovaje
    @U-nieskladovaje 5 ปีที่แล้ว

    То чувство, когда в видео сказали «как сделать сайдбар справа, а контент слева?», подумал про проценты контейнера. Когда сказали про проценты, подумал про 80 и 20... И все совпало :D

  • @GravelTravel
    @GravelTravel 3 ปีที่แล้ว

    Познавательно! Спасибо, лайк! )

  • @ОлегАвтосвит
    @ОлегАвтосвит 5 ปีที่แล้ว

    Спасибо, хорошие уроки, хороший канал!

  • @ВячеславБандус
    @ВячеславБандус 6 ปีที่แล้ว

    Спасибо. Скажите пожалуйста. Почему когда для footter в css прописываю background: red; цвет применяется ко все фону контента?

  • @eugenesoft856
    @eugenesoft856 9 ปีที่แล้ว

    Спасибо за четкие уроки!

  • @alexandramityayeva4725
    @alexandramityayeva4725 5 ปีที่แล้ว

    благодарю, отличный урок!

  • @andreykambarov2417
    @andreykambarov2417 9 ปีที่แล้ว +9

    Почему для aside { float: left;} , если лучше { float: right; } ?

    • @yuriypetrichenko3815
      @yuriypetrichenko3815 7 ปีที่แล้ว +4

      uk.wikipedia.org/wiki/%D0%9F%D0%B5%D1%80%D1%84%D0%B5%D0%BA%D1%86%D1%96%D0%BE%D0%BD%D1%96%D0%B7%D0%BC_(%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%8F)

    • @MrSekator
      @MrSekator 6 ปีที่แล้ว +1

      Да, можно и float:right; но т.к. ширина левого блока 80%, а второго 20%, то почему бы и нет, пусть все обтекает справа))

  • @РусланРусалкин-х7ш
    @РусланРусалкин-х7ш 4 ปีที่แล้ว

    Спасибо за урок!

  • @hartmanntatiana9595
    @hartmanntatiana9595 9 ปีที่แล้ว

    Спасибо большое за уроки!

  • @Salvator701
    @Salvator701 5 ปีที่แล้ว

    ЛУЧШИЙ!

  • @J0nSneG
    @J0nSneG 9 ปีที่แล้ว

    Спасибо, полезное свойство очистки.

  • @АльпПромСамара
    @АльпПромСамара ปีที่แล้ว

    А гридов и флексов тогда не было?

  • @pveselkov
    @pveselkov 7 ปีที่แล้ว

    Круто видео! Спасиб. Только вот вопрос возник... хотя не должно, но... у меня футар уплывает аж за слайдбар. По коду, вроде, всё верно. Он не попадает ни в какие группы. Открывается, закрывается. Ниже только
    В чем может быть соль?

  • @КостяЧельцов-ц5н
    @КостяЧельцов-ц5н 8 ปีที่แล้ว

    Сколько уроков планируете сделать по css в общем?

    • @loftblog
      @loftblog  8 ปีที่แล้ว

      +Костя Чельцов нет определенного количества уроков, есть план курса, а там сколько получится записать уроков.

  • @Black_Engineer
    @Black_Engineer 8 ปีที่แล้ว

    а как сделать сайт именно таким как htmlbook а не как непрогруженой станицей

  • @АртёмТриколич-ф7д
    @АртёмТриколич-ф7д 8 ปีที่แล้ว +2

    Смотрел на х2 скорости, понравилось.
    Лаконично объяснили то, что webformyself объясняют долго и нудно не смотря на ускорение.

    • @loftblog
      @loftblog  8 ปีที่แล้ว

      Спасибо)

    • @__terens666__5
      @__terens666__5 8 ปีที่แล้ว +1

      шустряк прям

  • @eNi1FFOmaI
    @eNi1FFOmaI 7 ปีที่แล้ว

    Спасибо за урок!
    Только я вот тоже не понял.. Почему для .aside { float: left;} ? тоже left как и для .content 5:43

    • @CYBERUkr
      @CYBERUkr 7 ปีที่แล้ว +2

      не смотря на то, что aside находится справа, формально браузер его относит к левой стороне, и при этом стоит он правее, сразу за content'ом. В принципе можно было использовать и right, но тогда бы скорее всего образовалось небольшое пустое расстояние между aside и content, пришлось бы подгонять блоки друг под друга

    • @eNi1FFOmaI
      @eNi1FFOmaI 7 ปีที่แล้ว +1

      Понял, огромное спасибо!

  • @RocketBoy039
    @RocketBoy039 10 ปีที่แล้ว

    Спасибо за уроки. А можно сделать урок "Аналог masonry своими руками" ?

  • @TheBlooodymess
    @TheBlooodymess 7 ปีที่แล้ว

    Огромное спасибо! Для нуба - самое оно)

  • @glafirapampushkina349
    @glafirapampushkina349 8 ปีที่แล้ว +1

    в какой программе Вы пишете код?

  • @andrewgrayson5835
    @andrewgrayson5835 8 ปีที่แล้ว

    Я так и не понял, зачем нужен тег . Если он нужен для заголовка, то почему бы не использовать без ? Что изменится?

    • @__terens666__5
      @__terens666__5 8 ปีที่แล้ว +1

      что бы ты изучил структуру как нужно делать правильно

    • @АндрейЗайцев-ь6р1н
      @АндрейЗайцев-ь6р1н 8 ปีที่แล้ว +2

      Этот тег относится к html5, который отвечает за голову контента (не сайта), в которой размещают меню или какую-то картинку и т.д.

    • @ЛарисаТарасова-н9п
      @ЛарисаТарасова-н9п 7 ปีที่แล้ว

      всегда в верху

  • @ЕгорБелокриницкий
    @ЕгорБелокриницкий 6 ปีที่แล้ว +1

    Я вот не пойму, почему к двум классам применяется свойство float: left; но текст второго класса оказывается справа? Когда говорилось о двух колонках, я ожидал, что один класс будет иметь свойство float: left, второй - float: right;. Поясните тугодуму, почему произошло именно так. Если есть где почитать о float`e, с радостью приму ссылку на ресурс.

    • @loftblog
      @loftblog  6 ปีที่แล้ว +1

      Можете почитать здесь habr.com/post/142486/ , там и примеры есть

  • @maxmuz1871
    @maxmuz1871 5 ปีที่แล้ว

    очень классно, благодарю

  • @danialdemiurge3688
    @danialdemiurge3688 8 ปีที่แล้ว

    подскажите что за плагин для такого написания
    ul>li*5

  • @zalegator
    @zalegator 4 ปีที่แล้ว

    спасибо! я запоздал конечно но ничего я иду в перед!

  • @IhorK-ly4ty
    @IhorK-ly4ty 10 ปีที่แล้ว

    давайте еще, лайк

  • @VladRum
    @VladRum 9 ปีที่แล้ว

    полено\по сути \ спасибо!

  • @ArthurGB6
    @ArthurGB6 7 ปีที่แล้ว

    как работает -> ul>li>*5 ХЕЛП

    • @__esssentia1__
      @__esssentia1__ 7 ปีที่แล้ว

      для этого в редакторе sublime text нужно поставить плагин emmet, ищи в инете, я тебя направил

    • @GOvnocoder
      @GOvnocoder 6 ปีที่แล้ว

      ul>li*5>a + Tab

  • @_spektr
    @_spektr 4 ปีที่แล้ว

    4:40,эт для меня
    Спс чувак

  • @aexmaltsev4111
    @aexmaltsev4111 5 ปีที่แล้ว

    Thank you very much!!!

  • @МахсудовМаксим
    @МахсудовМаксим 6 ปีที่แล้ว

    на какой программе он пишет свои коды?

    • @Raccoon_ph
      @Raccoon_ph 6 ปีที่แล้ว

      саблайн текст 2

  • @ТимурМустафаев-ь9ж
    @ТимурМустафаев-ь9ж 6 ปีที่แล้ว

    А как потом footer отлепить? margin-top не робит.

    • @antishia_com
      @antishia_com 6 ปีที่แล้ว

      Тимур Мустафаев clear:both;

  • @maxsunson
    @maxsunson 9 ปีที่แล้ว +1

    ещё, пожалуйста ))

  • @eugenesukhoi7025
    @eugenesukhoi7025 5 ปีที่แล้ว

    Спасибо.

  • @валерасалай
    @валерасалай 6 ปีที่แล้ว

    А будут уроки по си?

    • @loftblog
      @loftblog  6 ปีที่แล้ว

      Уроки по С++ : th-cam.com/play/PLY4rE9dstrJzGC_1IlAwuY806WasvTIAJ.html
      Уроки по С# : th-cam.com/play/PLY4rE9dstrJxYPjMqk15Vx5aBmRaHFx_Y.html

    • @валерасалай
      @валерасалай 6 ปีที่แล้ว

      Спасибо

  • @capkirill
    @capkirill 7 ปีที่แล้ว

    header и footer не покрасились почему-то, остальное получилось. Где искать ошибку?

    • @capkirill
      @capkirill 7 ปีที่แล้ว

      проверил построчно, все правильно, но не красится(

    • @capkirill
      @capkirill 7 ปีที่แล้ว

      нашел косяк

    • @ЛарисаТарасова-н9п
      @ЛарисаТарасова-н9п 7 ปีที่แล้ว

      забей в сайте html book как правильно пишется

  • @Clindatu
    @Clindatu 6 ปีที่แล้ว

    Спасибо!

  • @itskost-3253
    @itskost-3253 9 ปีที่แล้ว

    Спасибо большое!

  • @АлександрВикторович-т7ц
    @АлександрВикторович-т7ц 7 ปีที่แล้ว

    Мужик ты крут

  • @nikitakozlov4555
    @nikitakozlov4555 8 ปีที่แล้ว

    Кто подскажет что это значит?
    (Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id perspiciatis consectetur, assumenda mollitia laudantium sed illum, dicta blanditiis repellendus dolorem minus provident omis quas.) 1:20

    • @loftblog
      @loftblog  8 ปีที่แล้ว

      Это просто текст, который можно быстро вставить и проверить верстку, чтобы не печатать свой текст.

    • @nikitakozlov4555
      @nikitakozlov4555 8 ปีที่แล้ว

      Спасибо за отзыв! Я все такие добрался до истины с помощью интернета. До этого я думал что это какое то скрытое послание =D

    • @eNi1FFOmaI
      @eNi1FFOmaI 7 ปีที่แล้ว

      плагин Emmet генерирует рандомный текст с помощью команды lorem и то число, сколько нужно слов в тексте. Например: lorem100

    • @АлексейШилякин
      @АлексейШилякин 7 ปีที่แล้ว

      Он не рандомный :)

    • @ЛарисаТарасова-н9п
      @ЛарисаТарасова-н9п 7 ปีที่แล้ว

      это текст-рыба. забей в гугл

  • @DenisBMWE39
    @DenisBMWE39 9 ปีที่แล้ว

    Дайте еще уроки

  • @cotreigen8189
    @cotreigen8189 6 ปีที่แล้ว

    Спасибо тебе

  • @TechPriest27
    @TechPriest27 9 ปีที่แล้ว

    Спасибо

  • @タンユシャ-チャン
    @タンユシャ-チャン 3 ปีที่แล้ว

    Super

  • @gm_Maker
    @gm_Maker 7 ปีที่แล้ว

    Спасибо! :)

  • @ГорВардикян
    @ГорВардикян 8 ปีที่แล้ว +1

    Спс

    • @loftblog
      @loftblog  8 ปีที่แล้ว

      Пожалуйста!

  • @ДмитрийМалоштан-я2ъ
    @ДмитрийМалоштан-я2ъ 10 ปีที่แล้ว

    Про clearfix надо было бы рассказать

  • @keeplod2069
    @keeplod2069 9 ปีที่แล้ว

    где уроки)

  • @AsteonTV
    @AsteonTV 9 ปีที่แล้ว +4

    спс за уроки а что дальше нет нечего

    • @AsteonTV
      @AsteonTV 9 ปีที่แล้ว +4

      продолжение в студию )

  • @geazy2738
    @geazy2738 6 ปีที่แล้ว +1

    2018! thanks

  • @adilzhankenes7231
    @adilzhankenes7231 8 ปีที่แล้ว

    Не каждый выживает до 7 урока 😂

  • @t33n62
    @t33n62 7 ปีที่แล้ว

    Да-же не заметил конец:D

  • @Paradigmawebsite
    @Paradigmawebsite 4 ปีที่แล้ว

    Это не спам, это называется посев) Я записал полезное видео про структуру сайта, кому интересно - th-cam.com/video/hmoxvF9xRvs/w-d-xo.html

  • @lada.s1ng
    @lada.s1ng 3 ปีที่แล้ว

    clas

  • @arturivanov6881
    @arturivanov6881 7 ปีที่แล้ว

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

  • @СергейКоршунов-к3ь
    @СергейКоршунов-к3ь 7 ปีที่แล้ว

    Очень мало даете информации, нужно не только тупо писать код, но хотя бы понимать что за этим влечет

  • @cs_yoh
    @cs_yoh 3 ปีที่แล้ว +1

    это худшее что я видел, что за затупок

  • @savin1977
    @savin1977 9 ปีที่แล้ว

    спасибо