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

  Рет қаралды 10,779

Vladislav Griga

Vladislav Griga

5 жыл бұрын

В этом мы создадим свои первый сайт из 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 час и столько грамотных пояснений. супер
@Nikitosss91
@Nikitosss91 5 жыл бұрын
Хорошо получается. Не бросай канал
@Nikitosss91
@Nikitosss91 5 жыл бұрын
Подписался,жду. Расскажи о себе. Работаешь в этой сфере? Или фрилансишь по приколу? Сколько лет опыта? Хочу ворваться во фронтэнд, так сказать)
@user-my5bl2uk2w
@user-my5bl2uk2w 2 жыл бұрын
Большое спасибо за урок! Все очень доступно и быстро подано, без лишней воды! Жду новых уроков по адаптивности.
@ibadullahesenli6744
@ibadullahesenli6744 5 жыл бұрын
Думаю лучший видеоурок и объяснение деталей , спасибо Вам!!
@van19817
@van19817 2 жыл бұрын
Как же ты круто объясняешь! Благодарю!
@giorgiosupremo3751
@giorgiosupremo3751 4 жыл бұрын
у меня есть ощущение, что чувак, автор канала "история всего"
@shuka-original
@shuka-original Жыл бұрын
Очень хорошо и понятно всё объясняешь. Жаль конечно что ты забросил свой канал, ну впрочем это твой выбор. Желаю тебе всего хорошего и огромное спасибо за твои видеоуроки!
@uaplatformacomua
@uaplatformacomua 5 жыл бұрын
Спасибо за полезный урок!!!
@user-ni7oe5yd1z
@user-ni7oe5yd1z 4 жыл бұрын
спасибо огромное очень понятно и конструктивно )
@karmakyn5018
@karmakyn5018 5 жыл бұрын
Спасибо за контент , думал где 2 строка в итоге сам сделал ,а когда видео досмотрел до конца, оказывается дз такое было )
@kyki4962
@kyki4962 5 жыл бұрын
Отлично.
@andriykozachok7610
@andriykozachok7610 5 жыл бұрын
Большое спасибо за урок! Все очень доступно и быстро подано, без лишней воды! Жду новых уроков по адаптивности. 1 вопрос: Нужно ли было оборачивать остальные секции в класс "container"?
@DanyloMinakov
@DanyloMinakov 5 жыл бұрын
Все четко).Я очень хочу заниматься веб-разработкой. И хотелось что бы вы рассказывали как пройти весь путь front-end,что и как изучать,какими методами.(p.s Спасибо вам за видео!)
@user-rg5wh3fx2q
@user-rg5wh3fx2q 5 жыл бұрын
Если для новичков урок, то вроде норм. А если для опытных, тогда не понятно, почему без препроцессоров верстаешь, почему по тегам, а не по классам (это про специфичность), ну и т.д. и т.п. А так, лови лойс
@artfix_pro
@artfix_pro 5 жыл бұрын
Хорошие материалы. А почему не используется Flex или Grid? Почему Float?
@alexlisouski4069
@alexlisouski4069 5 жыл бұрын
На канале braincloud этот же макет верстали 🧐
@mister_robot01
@mister_robot01 5 жыл бұрын
лучше сразу учить flex верстке, чем float. Ему давно пора на покой. Да и легок флекс)
@XanjaevRodmam
@XanjaevRodmam 5 жыл бұрын
@@vladislavgriga1903 флоат в сетки не ахти, поставить пару элементов - да. Но весь сайт, слишком много замарочек, тем более когда сейчас есть альтернатива. Впрочем, лишь бы юзеру было удобно, а нам с вами главное холивар)) Но конечно верстка сайта за час эт кликбейт))) сайт урезан по максимуму, а видео не плохое, спс
@merlok327
@merlok327 5 жыл бұрын
Расскажи пж,выгодно ли этим заниматься.Сколько примерно можно заработать,когда только начал заниматься фрилансом,и сколько ты зарабатываешь на фрилансе
@iceRash
@iceRash 3 ай бұрын
я правильно понимаю что здесь никак не получится сверстать с РР ?
@WEBnew228
@WEBnew228 2 жыл бұрын
хочу верстку на гридах!лайкайте чтобы заметил
@dimaradzikhovskyi8304
@dimaradzikhovskyi8304 5 жыл бұрын
А где ссылка на блог?
@WEBnew228
@WEBnew228 2 жыл бұрын
хотелось бы верстку на гридах
@uaplatformacomua
@uaplatformacomua 5 жыл бұрын
А где ссылка на статью по поводу clearfix?
@uaplatformacomua
@uaplatformacomua 5 жыл бұрын
Спасибо!!!
@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
@OlekusGames
@OlekusGames 5 жыл бұрын
Мне кажется вы учите людей плохому. Флоаты неактуальны давно, плюс нужно стараться везде использовать классы, они удобнее. То есть вы задали меню в стилях просто через nav li. Мне кажется, это плохая практика и так мало кто делает.
Объяснение Вёрстки Простого Сайта HTML+CSS
53:56
Сергей Дмитриевский
Рет қаралды 154 М.
Can teeth really be exchanged for gifts#joker #shorts
00:45
Untitled Joker
Рет қаралды 15 МЛН
Which one is the best? #katebrush #shorts
00:12
Kate Brush
Рет қаралды 27 МЛН
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 3,5 МЛН
Советский мультфильм про нашу жизнь !
13:49
Дедушка Аргентинца
Рет қаралды 3,7 МЛН
[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
1:06:37
Как правильно и быстро верстать сайты
23:53
Учим CSS за 1 час! #От Профессионала
1:26:02
Хауди Хо™ - Просто о мире IT!
Рет қаралды 2,3 МЛН
HTML CSS за 1 ЧАС. Учим основы
1:00:09
Vladislav Griga
Рет қаралды 2,2 М.