КАК СДЕЛАТЬ САЙТ ЗА 1 ЧАС. Верстка из PSD в HTML5 CSS3.

Поделиться
HTML-код
  • Опубликовано: 6 янв 2019
  • В этом мы создадим свои первый сайт из PSD макета.
    Мы будем использовать знания HTML / CSS полученные в прошлых уроках, и изучим несколько новых моментов!
    Исходные файлы: yadi.sk/d/Z-l6TzyHvY2CTg
    Clearfix: @vlgriga-chto-takoe-cl...
    Так же советую посмотреть видео про Адапативную сетку: • КАК СДЕЛАТЬ САЙТ ЗА 1 ...
    ----------------------------------------------
    Подписывайся на группы в социальных сетях:
    Бесплатный курс по верстке codevirto.com
    Вконтакте codevirto
    Instagram / codevirto
    Telegram t.me/codevirto
    ----------------------------------------------
    Понравилось видео?
    Подпишись 🤙
    Поставь лайк 👍
    Оставь комментарий 💬
    И жди следующего урока)
    Если тебе надоело смотреть бесполезные курсы, которые не дают практических знаний. Хочешь стать полноценным Fullstack разработчиком в 2018 года - верстать сайты, создавать веб приложения и писать сервер? Делюсь собственным 5 летним опытов в программировании.
    Теги
    #как_создать_сайт_за_час #как_создать_сайт #создание_сайта #как_сделать_сайт #html #css #html5 #css3 #js #javascript

Комментарии • 32

  • @andreisushyi2763
    @andreisushyi2763 5 лет назад +1

    это рекорд для таких обучающих видео! 1 час и столько грамотных пояснений. супер

  • @Nikitosss91
    @Nikitosss91 5 лет назад +7

    Хорошо получается. Не бросай канал

    • @Nikitosss91
      @Nikitosss91 5 лет назад

      Подписался,жду. Расскажи о себе. Работаешь в этой сфере? Или фрилансишь по приколу? Сколько лет опыта? Хочу ворваться во фронтэнд, так сказать)

  • @shuka-original
    @shuka-original Год назад

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

  • @user-my5bl2uk2w
    @user-my5bl2uk2w 2 года назад

    Большое спасибо за урок! Все очень доступно и быстро подано, без лишней воды! Жду новых уроков по адаптивности.

  • @ibadullahesenli6744
    @ibadullahesenli6744 5 лет назад +1

    Думаю лучший видеоурок и объяснение деталей , спасибо Вам!!

  • @van19817
    @van19817 2 года назад +1

    Как же ты круто объясняешь! Благодарю!

  • @karmakyn5018
    @karmakyn5018 5 лет назад +1

    Спасибо за контент , думал где 2 строка в итоге сам сделал ,а когда видео досмотрел до конца, оказывается дз такое было )

  • @user-ni7oe5yd1z
    @user-ni7oe5yd1z 4 года назад

    спасибо огромное очень понятно и конструктивно
    )

  • @uaplatformacomua
    @uaplatformacomua 5 лет назад

    Спасибо за полезный урок!!!

  • @giorgiosupremo3751
    @giorgiosupremo3751 4 года назад +1

    у меня есть ощущение, что чувак, автор канала "история всего"

  • @andriykozachok7610
    @andriykozachok7610 5 лет назад

    Большое спасибо за урок! Все очень доступно и быстро подано, без лишней воды! Жду новых уроков по адаптивности.
    1 вопрос: Нужно ли было оборачивать остальные секции в класс "container"?

  • @kyki4962
    @kyki4962 5 лет назад

    Отлично.

  • @user-rg5wh3fx2q
    @user-rg5wh3fx2q 5 лет назад

    Если для новичков урок, то вроде норм. А если для опытных, тогда не понятно, почему без препроцессоров верстаешь, почему по тегам, а не по классам (это про специфичность), ну и т.д. и т.п. А так, лови лойс

  • @alexlisouski4069
    @alexlisouski4069 5 лет назад +1

    На канале braincloud этот же макет верстали 🧐

  • @DanyloMinakov
    @DanyloMinakov 5 лет назад

    Все четко).Я очень хочу заниматься веб-разработкой.
    И хотелось что бы вы рассказывали как пройти весь путь front-end,что и как изучать,какими методами.(p.s Спасибо вам за видео!)

  • @artfix_pro
    @artfix_pro 5 лет назад

    Хорошие материалы. А почему не используется Flex или Grid? Почему Float?

  • @merlok327
    @merlok327 5 лет назад

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

  • @iceRash
    @iceRash 5 месяцев назад

    я правильно понимаю что здесь никак не получится сверстать с РР ?

  • @dimaradzikhovskyi8304
    @dimaradzikhovskyi8304 5 лет назад

    А где ссылка на блог?

  • @mister_robot01
    @mister_robot01 5 лет назад +2

    лучше сразу учить flex верстке, чем float. Ему давно пора на покой. Да и легок флекс)

    • @XanjaevRodmam
      @XanjaevRodmam 5 лет назад

      @@vladislavgriga1903 флоат в сетки не ахти, поставить пару элементов - да. Но весь сайт, слишком много замарочек, тем более когда сейчас есть альтернатива. Впрочем, лишь бы юзеру было удобно, а нам с вами главное холивар)) Но конечно верстка сайта за час эт кликбейт))) сайт урезан по максимуму, а видео не плохое, спс

  • @uaplatformacomua
    @uaplatformacomua 5 лет назад

    А где ссылка на статью по поводу clearfix?

  • @WEBnew228
    @WEBnew228 2 года назад

    хотелось бы верстку на гридах

  • @ivan_makarov_fun
    @ivan_makarov_fun 5 лет назад

    Отправь пожалуйста скриншот своих расширений для Visual Studio Code. Вот прям все которые есть, сделай скрин если не трудно. Выискивать среди той кучи которые есть очень трудно человеку который в это не так много знает.
    Я пробовал найти приложение для того чтобы подтягивался путь к картинки но так и не смог его найти. И другие полезные изображения также интересуют.
    Буду очень признателен за скрин или перечень всех расширений которые у тебя установлены.

    • @ivan_makarov_fun
      @ivan_makarov_fun 5 лет назад

      @@vladislavgriga1903 спасибо за список. Все получилось установить.

  • @take_do_it
    @take_do_it 5 лет назад

    Какое у тебя стоит расширение в Visual Studio Code для подсветки и вывода вариантов вводимого тега prntscr.com/m40di5

  • @WEBnew228
    @WEBnew228 2 года назад

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

  • @OlekusGames
    @OlekusGames 5 лет назад

    Мне кажется вы учите людей плохому. Флоаты неактуальны давно, плюс нужно стараться везде использовать классы, они удобнее. То есть вы задали меню в стилях просто через nav li. Мне кажется, это плохая практика и так мало кто делает.