#7 Верстка сайта с нуля для начинающих | HTML, CSS

Продолжаем наш курс по верстке сайта с нуля для начинающих! В этом видео заканчиваем основную HTML верстку сайта и впереди нас ждет адаптивная верстка данного PSD макета.
------------------------------------------------
Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
Верстка сайта транспортной компании: brainscloud.ru/landing/logist...
Файлы урока: files.brainscloud.ru/file/mog...
Главы видео:
00:00 - Верстаем блог
20:30 - Верстаем карту
28:28 - Верстаем подвал сайта
------------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
------------------------------------------------
Мой ВК - odimaz
Группа BC - brainscloud
Мой Instagram: / dmitryvalak
#верстка #версткасайта #html #css #css3

[@BrainsCloud]

"00:22" - Верстаем блог "20:30" - Верстаем карту "28:28" - Верстаем подвал сайта

[@lerwoc]

Ты весь видео говоришь фразы - "Как-то так", "Ну как-то то так", "В общем как-то то так* 😂😂😂👍🏼

[@user-dy7fj6xn3q]

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

[@helloi_fret7747]

Сюда дошли лишь единицы)) просто офигительный материал, спасибо огромное!!!

[@StepaAan_Official_youtube]

Да, но впереди еще путь, из 4-рех уроков...

[@aliaksandrtarashkevich3048]

40 Минута "Я устал, нужно заканчивать" И пишет еще почти столько же :D Спасибо огромное за урок!

[@abrorabdulkasimov]

хахаахха понимаю тебя

[@trayderonelove4167]

*так же я вырезал всех клиентов* :D

[@yurisamarin8200]

*это первый сайт который я сверстал в ХТМЛ* спасибо учитель...

[@user-es3bq8fs9n]

Отличный преподаватель, классные уроки, побольше бы таких. Снимите пожалуйста серию уроков по препроцессорах!!!

[@justrats4749]

Спасибо за урок! Мне очень понравилось, огромное спасибо что даёте нам возможность развиваться! Мне всего 10 лет, но Вы рассказываете так понятно, что даже у меня не возникло никаких ошибок! Поставила лайки на все видео этой серии, и подписалась в знак благодарности, ещё раз спасибо!

[@channelofmaks9505]

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

[@bambimbambas]

Ребят, я за эту серию видео понял верстку на практике больше, чем на курсах, больше чем по самоучителю. Да, много моментов еще не понятны до конца, или вообще не понятны) Но насколько это было круто))) Однозначно 1000/100 балов. Голос очень приятный - не бОтанский. Парень говорит всё только по существу!!! Спасибо, здоровья тебе и твоим близким, не болей !))) P.S. Хотелось бы в таком формате вместе с вами изучать Bootstrap)

[@bambimbambas]

Я вчера всю ночь просидел просидел за версткой) Одно ваше видео получасовое я прохожу часа за 1.5-3. В школу пошёл, поспавши час всего. Но это того стоило

[@mirov17]

Как успехи?)

[@user-vw1bp9xk9v]

@@mirov17 Где-то под Бахмутом удобряет землю Русскую.

[@Mykhailo_Vdovychenko]

Самый длинный урок, со всех (те были до 40 мин), но на столько интересен, что реально время очень быстро прошло. СПАСИБО!

[@Den_camrad]

Спасибо, еле "добил" урок после 12 часовой смены на заводе!

[@user-ml9lh7zn7d]

респект таким

[@Dean-nh3ms]

Сверстал макет вместе с тобой) переходим к адаптации)

[@BrainsCloud]

Отлично!

[@Vikosha123]

Ух, насыщенный урок! Спасибо!

[@korotun_nadi]

Вы просто гениальны! Ваши уроки великолепны! Учиться по ним одно удовольствие. Огромное вам спасибо за вашу работу. Будем ждать новых видео с нетерпением)

[@user-ci2rv2re2z]

Огромное спасибо за ваши уроки!

[@annasmaglo1312]

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

[@BrainsCloud]

я рад что вам понравилось!

[@dehydrogena]

Шикарные уроки, спасибо, Дмитрий!

[@user-ku4nk7sf1j]

Хотелось бы обратить внимание на следующее. У этого ролика больше 90 тыс. просмотров и только 3 тыс. лайков. Труд, проделанный автором ролика, однозначно заслуживает большего. Давайте уважать друг друга и тех, кто для нас делает большое и важное дело. Дмитрий делится с нами своими знаниями и формирует у нас практические навыки, которые для некоторых возможно станут профессиональными. Всем добра.

[@aleksandrkedria4024]

В восторге от подачи материала! Так держать.

[@kirillguryanov312]

Большое спасибо за эту серию роликов!!!В 2021 все также актуально и максимально полезно!!!

[@alexkulminsky4770]

Автору огромное спасибо, как за время, так и квалификацию! Ближе к финишу так уже устал, но упорно шел до конца! Своего рода героизм. Мое почтение и снимаю шляпу!

[@clydegriffiths4085]

Дмитрий, спасибо Вам за Ваш труд,это просто неоценимо

[@user-gl9lm2zn8l]

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

[@whatisloveel]

К 6-7 уроку появилось понимание , и уже для теста сделал два других макета сам, спасибо!

[@NeedForHeavyMetal]

Продолжаю марафон! Спасибо за урок, лайк автоматом!

[@PiterProduction]

Спасибо!) как всегда супер)

[@pogios]

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

[@rebalka4536]

Огромное спасибо автору, это самый подробный видеоурок, который я когда либо видел!!!

[@stasfirsov]

Спасибо большое за эти уроки! Очень крутой формат. Прям с каждым уроком растет скил

[@sprutgym2001]

классные уроки.особенно реализация разными способами. реально топчик.

[@EpicKeyz]

Огромнейшее спасибо за видеоролики! Это просто мощнейший старт для меня. Местами не хватает подробного объяснения некоторым CSS-функциям, но ничего страшного, буду гуглить.

[@user-yb9uf8uz8k]

Урок и правда был объёмный, делал его за два раза, времени в общем вышло часов 5. Большое спасибо!

[@lawdriver88]

Очень круто. Спасибо

[@madalinamanole5124]

Спасибо вам большое за старания !

[@Burovasofia]

большое спасибо за ваш труд! спасибо за возможность учиться у Вас!!!!!

[@romanro8630]

Огромное спасибо за этот "коротенький" урок )))))

[@user-rp6tw7hb7q]

Большое спасибо за труды. Верстал впервые, очень понравилось)

[@diasdamen1346]

Спасибо Вам огромное за урок!

[@user-bo2fn9ye6b]

Хороший урок с хорошей подачей. И целый час можно усилено пописать.

[@user-zk3fu1tr7e]

Классно рассказываешь. И главное что все понятно и интересно)

[@zailoodin]

круто! Спасибо вашу терпения! очень был полезнее.Супер просто

[@lvbffd4522]

Автор большое спасибо за труд.

[@pavlov220984]

Дима, спасибо тебе!!!

[@ruslanvybornov1237]

спасибо огромное!) Вы лучший!

[@user-xf7xp8kv9q]

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

[@olegtsimfer455]

О, это самый-самый тяжелый урок) Не то, чтобы сложный, за тобой очень легко повторять, но тоже под конец вымотался. Очень круто, спасибо огромное!)

[@kirkir2297]

Огромное спасибо🙏💕

[@nilsen1879]

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

[@sevakvart1111]

круто! раз несколько этот шаблон сверстать, никакие курсы не нужны, 5+!

[@BahtiyarBasharov]

Лучшие уроки на KZbin что видел по HTML. (До новых еще не дошел) Этот урок реально тяжко прошел )))) Спасибо большое!

[@user-xu1bx4lj7m]

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

[@mayke8623]

Урааа я сверстал наконец!!!)))) Неделю верстал. Я даже и не заметил как запомнил CSS и HTML! Спасибо огромное автору!

[@dolfbabun4323]

Дима, какой же ты умничка) Под конец сидела смеялась уже, устал так))) ОЧень крутая серия уроков. Спасибо тебе большое за твой труд)

[@user-dw2gf9wl7s]

спасибо большое за такие видео!!!!!!!!!

[@MrZorg23]

Спасибо за урок! Хороший сайт получился для будущих экспериментов с js: и слайдеры, и аккордеон, и галерея, и карта!

[@viktoriavatuleva5517]

Спасибо! Сверстала вместе с вами весь сайт!

[@BrainsCloud]

Отлично!

[@user-kw7tw2yo4x]

Супер! Спасибо вам огромное! +100000 лайков!

[@Sinare]

Спасибо за уроки,мне ,как новичку было очень полезно пройти через этот путь. Очень понравилось

[@orunbayjanibekov]

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

[@verdere5679]

Очень интересно, почему то до этого меня не хватало до конца дотянуть, а тут вообще нормально идет. Еще пару дней и сам попробую собрать легкий сайтик)) Но дальше буду на все видосы ходить.

[@flab3rt]

Спасибо за старания!) Знания сами заходят в голову!) Еще бы js с такой же легкостью понять)))

[@Sun2rw]

Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто. Лайк, подписка, однозначно.

[@user-zf6hg2vj7g]

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

[@BrainsCloud]

welcome )

[@pepega_blue]

Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится". Удачи вам во всех начинаниях и побольше отдыха от работы 🔥

[@user-xp7et2oj8b]

спасибо большое! я научилась верстке по вашим урокам. За два месяца.Выучила css. Сейчас учу джаваскрипт.Давайте больше уроков по языку.Не нужны никакие плаьтные курсы, когда есть такой материал.

[@pathematic2221]

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

[@sergsergey4251]

Спасибо! всё получилось)

[@chestbo2438]

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

[@user-nv1cs5vd3j]

Спасибо за видео, тоже впервые осилил ВЕСЬ макет (все уроки) с твоей помощью, легко и просто, осталось самому потренироваться. Но подход очень понятен и логичен, все прозрачно

[@maxkalashnyk3378]

Топ!!!! Я ащутил себя верстальщиком!!!

[@threehundredbucks3212]

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

[@KuKu_RuKu88]

Класс. Спасибо

[@vladimirsvodjanojs8158]

Спасибо!

[@smirnovroman7431]

материал пушка)

[@DD-qv7dr]

СПАСИБО !!!!

[@user-rp9po1ev5r]

Урааа! Я это сделала! Свой первый сайт) Спасибо большое. Осталось до конца разобраться с фотошопом😬😑, копировать текст не пойму как оттуда, но выкрутилась в конце, значек кооперайт нашла в иконках и добавила😄✌️. Может кому то и будет смешно, но для меня это победа, я собой горжусь😁😜

[@bellatrisamankieva1289]

Спасибо тебе большое за такой прекрасный контент. Я прошла полностью все этапы первых азов верстания сайтов! Без вашей помощи я бы ни за что не справилась. Думала что я никогда не смогу ничего сделать сама, оказывается что то умею. Это отличный шаг для тех, кто хочет начать свое погружение в мир IT. Продолжай в том же духе! Спасибо еще раз🙏🏻💜

[@appleworm6507]

Так сильно понравилось, что нажала дважды на лайк.

[@BrainsCloud]

Получается, что я остался без лайка?)

[@Tima-11-11]

Благодарю!!!

[@dmitriylazarev1550]

Спасибо за урок! Это 2-й сверстаный мной макет и на это занятие у меня ушло не 1.10 , а полтора дня )) Что мне понравилось, так это перенимать способ мышления по продумыванию структуры. Подписался и ставлю лайки на все твои видосы!

[@user-lt2bn4nv4j]

Я больше недели это верстаю... 🥴

[@dmitriylazarev1550]

@@user-lt2bn4nv4j терпение и труд все перетрут. Уже почти год прошел как оставил комент и почти год как устроился на работу и теперь делаю что-то подобное по 8 часов в день. Скажу, что прогресс в развитии ощущается когда возвращаешься к опыту, который был раньше)

[@d.s.korochkin9238]

Отличные уроки) теперь адаптация впереди)

[@BrainsCloud]

Так держать )

[@Proshkin47]

Никогда не оставлял комментарий, но ты чувак заслужил, вместе с тобой все прохожу, прекрасная работа Дмитрий ^_^

[@dinir1000]

Спасибо тебе дружище огромное) это реально трудно вести такие онлайн уроки, очень утомляет. Продолжай в том же духе, я учусь на твоих уроках, Мы учимся)

[@kayaosato9289]

автор красава) видно что выкладывается для юных падаванов

[@Тини]

Cпасибо!

[@user-xo8pr1hf8p]

Действительно годнота как по мне) Сложно только с тегами div, ну не то чтобы сложно, просто запутаться можно, а так огонь для новичка(меня). Краем глаза увидел что js задействуешь, вообще песня)

[@dzundzanify]

Спасибо огромное) всё ясно и понятно) лови подписку)

[@user-lq9yu7gr1n]

Спасибо)

[@ivanaevsky]

Ооочень ооочень круто. Огромное спасибо!

[@user-kx3eg6zl6h]

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

[@mathew9794]

Спасибо

[@user-vf6tr9wc3k]

В 3 ночи сижу вымучиваю копирайт в конце шаблона, устал, и автор устал, но он держится и я держусь. Спасибо за видео!

[@user-pl2bb9zu2o]

Спасибо Вам огромное! вы мой первый учитель!)))) Запомню вас на всю жизнь, кину донат с первого дохода!!!))))

[@user-sf2zj6ge6v]

У Вас получилось на Map поставить иконку, у меня чет не появляется?

[@Jerry161188]

Спасибо, я ржал в конце)))

[@above_goals626]

Жаль что можно только один лайк поставить... Спасибо огромное!!!

[@blackmulthumor]

спасибо

[@dimatagaev5398]

Когда он сказал "Я вырезал клиентов" мне стало не по себе.

[@user-dv2hq2sg7r]

Какой-с, вы, однако-с пугливый, шалунишка.

[@Yakyzzza93]

10Q!=) Урааа, товарищи) вот и первый сайт. было очень интересно, думаю дальше будет еще круче) Если бы не уроки Дмитрия, то хз когда я бы это начал)

[@revinfedor2329]

Ты лучший!!!

[@user-gx5po9ng5u]

Лучший!