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

  Рет қаралды 3,260,931

BrainsCloud

BrainsCloud

Күн бұрын

В этом видео начнем верстать сайт с нуля. Верстка сайта это процесс создания сайта из макета, который нарисовал дизайнер. Видео для начинающих, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS!
------------------------------------------------
Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
Верстка сайта транспортной компании: brainscloud.ru/landing/logist...
Файлы урока: files.brainscloud.ru/file/mog...
Главы видео:
00:00 - 03:10 - Подготовка к работе
03:10 - Создаем проект
05:35 - Шрифты
09:30 - Can I use?
11:50 - Начинаем верстать главный блок
16:30 - Верстаем шапку
25:40 - Верстаем заголовки
33:30 - Совет и ошибки начинающих
34:40 - Верстаем кнопку
39:00 - Верстаем нижнюю часть
------------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
------------------------------------------------
Мой ВК - odimaz
Группа BC - brainscloud
Мой Instagram: / dmitryvalak
#верстка #версткасайта #html #css #css3

Пікірлер: 3 200
@denzelbeats3803
@denzelbeats3803 3 жыл бұрын
Он как математичка, только на 1 секунду отвернулся и уже все расписана
@daniil__kryuchkov
@daniil__kryuchkov 3 жыл бұрын
отвернулся еще раз на секунду - она уже все стерла с доски)
@evatayga305
@evatayga305 3 жыл бұрын
🤣🤣🤣да. Парень толковый, но я, видимо, плохой ученик. Мне нужен офлайн.
@shamanskiy
@shamanskiy 2 жыл бұрын
@@daniil__kryuchkov Еще раз отвернулся на секундочку, затрещина и предков вызвали...
@ParkourMaster_II
@ParkourMaster_II Жыл бұрын
Вот по этому я пересмотрю все эти серии раз 20 что бы не упустить нечего
@GamerGDS
@GamerGDS 4 ай бұрын
@@evatayga305 Не в этом дело, дело в том что он просто пишет, не объясняя, что это, как оно работает, почему именно это мы используем, он просто пишет, а че зачем и как думай сам
@rawkfist7236
@rawkfist7236 5 жыл бұрын
случайно наткнулся и похоже это лучшее из подобного. без воды, с нормальным микро. и голос не унылый и не гнусавый. а то от некоторых уроков в сон тянет
@stoicism860
@stoicism860 4 жыл бұрын
@misha очень кстати
@BermetChynybek
@BermetChynybek 4 жыл бұрын
Гнусавый? 😄 Убили. 😂 Я тоже не могу смотреть видео если у автора противный голос. Но Дмитрий конечно нас поразил. Досмотрела видео до конца с умным видом, хотя я в этих делах вообще ни бум-бум.
@tvvm.infxernvm
@tvvm.infxernvm 3 жыл бұрын
@misha ахаххахах, ну-ну, улыбнул
@rodyaolast8458
@rodyaolast8458 3 жыл бұрын
БОже, сейчас 2021, почему я только сейчас нашёл этот канал
@user-bl2vk6zd9l
@user-bl2vk6zd9l 3 жыл бұрын
BRO, мне 35, я локти кусаю что не нашел на просторах Net'а этого человека раньше...
@user-bl2vk6zd9l
@user-bl2vk6zd9l 3 жыл бұрын
@Wilmer Zhou В точку!!!
@Seeeeeeeeeeeeeeeeeeeeeeeeeeee1
@Seeeeeeeeeeeeeeeeeeeeeeeeeeee1 11 ай бұрын
Ага
@user-mu1ul8qj1x
@user-mu1ul8qj1x 23 күн бұрын
на дворе 2024г смотрю курсы по фронтенду.
@rodyaolast8458
@rodyaolast8458 22 күн бұрын
на дворе 2024. через пол года после того как я оставил этот комментарий я нашел работу в небольшой веб студии на vuejs, спустя еще полгода перешел в более престижную компанию на ту же позицию, в которой работаю уже почти 2 года. Спасибо за такой хороший ресурс, который помог мне в начале моего карьерного пути.
@user-rp8vh8ic2y
@user-rp8vh8ic2y 3 жыл бұрын
Как же это прекрасно - смотреть , как специалист творит легко и непринуждённо!
@andreybaklushin8040
@andreybaklushin8040 2 жыл бұрын
@Weather Forecast вот вот , просто пишет, а мы списываем как с гдз) Понимая, но не все, просто лепит как на собесе
@mrECMAScript
@mrECMAScript 5 жыл бұрын
Я охерел просто. Однозначно лайк и подписка. Увидел, как в живую все это верстается, завораживает, как автор умело быстро пишет код. Есть чему поучиться, спасибо)
@thebestgoals.intheworld6363
@thebestgoals.intheworld6363 5 жыл бұрын
Я горозда быстрее пищу код чем у автора
@thebestgoals.intheworld6363
@thebestgoals.intheworld6363 5 жыл бұрын
И у него есть несколько ошибку
@dimaholiaka4762
@dimaholiaka4762 5 жыл бұрын
@@thebestgoals.intheworld6363 у тебе тоже
@user-oc8ff7zb8v
@user-oc8ff7zb8v 5 жыл бұрын
@@thebestgoals.intheworld6363 Ну тогда пили видосы! думаю проблема в скорости связаны с тем что в видео указанно"для начинающих" как я как человек который решил веб программирование только начать изучать, и так еле поспевал отматывал в определенных таймингах, тут дело не в скорости, не профессионализме, а в том чтобы донести информацию, о том как это работает, понятно что теги и всю мелочь разжёвывать не нужно, каждый сам должен разобраться! ну это как после вуза прийти на работу по специальности, вроде бы ты учился и все понятия знаешь, но на деле ты н..на не понимаешь и неделю другую начинаешь осваиваться! В общем! Глупая претензия с моей субъективной точки, но если можешь лучше! Пили гайды! Автору видео лайк подписка!
@thebestgoals.intheworld6363
@thebestgoals.intheworld6363 5 жыл бұрын
@@dimaholiaka4762 ага
@user-kj4db2mz2s
@user-kj4db2mz2s 5 жыл бұрын
Без воды, сразу к делу В топы в общем
@hackson9527
@hackson9527 3 жыл бұрын
поставил 392 лайк.
@vovast8211
@vovast8211 3 жыл бұрын
поставил 560 лайк.
@dmitryantikainen4352
@dmitryantikainen4352 Жыл бұрын
Недавно начал заниматься изучением HTML и CSS,боже твои уроки просто бесценны,уровень знаний зашкаливает.Единственное НО,слишком быстро всё делаешь,чуть помедленнее,я думаю что новичкам тоже очень тяжело с такой скоростью воспринимать информацию.Огромное спасибо тебе!)
@user-cq3rb4bp2r
@user-cq3rb4bp2r Жыл бұрын
Я смотрю с замедленной скоростью )))
@strazik
@strazik Жыл бұрын
как успехи? спустя 3 месяца?
@oknert3p340
@oknert3p340 Жыл бұрын
@@strazik такой же вопрос :)
@user-qd9us8bd1t
@user-qd9us8bd1t Жыл бұрын
Добился чего нибудь за это время?))
@user-mj2tf5gl4d
@user-mj2tf5gl4d Жыл бұрын
@@user-qd9us8bd1t работает грузчиком этой мой друг
@user-fm1mv8fo4h
@user-fm1mv8fo4h 2 жыл бұрын
Круто! Новичкам очень полезно в живую смотреть, как это происходит с нуля.
@BrainsCloud
@BrainsCloud 3 жыл бұрын
Ничеси уже лям просмотров, ю ноу!
@user-ms4ro2dx5o
@user-ms4ro2dx5o 3 жыл бұрын
ое, я как раз только зашел, чтоб поучиться по этому видеоуроку ^_^
@nikrybkin
@nikrybkin 3 жыл бұрын
@@user-ms4ro2dx5o +, видос топчик)
@Evgexa2000
@Evgexa2000 3 жыл бұрын
Полезное видео для начинающих, сам по нему учусь верстать))
@user-vq9kf8xz6x
@user-vq9kf8xz6x 3 жыл бұрын
просмотров 200 я сделал, а может и больше)
@shventcel
@shventcel 3 жыл бұрын
@@nikrybkin согласен))
@vlad-qq
@vlad-qq 4 жыл бұрын
Помедленней. Я записываю :) Кто смотрит в 2020?
@AndroidGames-de3cv
@AndroidGames-de3cv 4 жыл бұрын
я смотрю в 2020
@gn1525
@gn1525 4 жыл бұрын
Я смотрю )
@seaniwe
@seaniwe 4 жыл бұрын
)
@AlexPInv
@AlexPInv 4 жыл бұрын
Vlad Danilov хай )
@Alexey_Gri
@Alexey_Gri 4 жыл бұрын
А что это не новое видео?
@perfectkid8844
@perfectkid8844 3 жыл бұрын
Спасибо тебе большое!!! Раньше такое обучение бесплатно фиг где найдёшь, а тут все! Дай бог тебе здоровья!
@user-ev7gk9mz8h
@user-ev7gk9mz8h 4 жыл бұрын
кто еще во время карантина решил научиться верстке?
@Te4PC
@Te4PC 4 жыл бұрын
я все смотрю в сторону питона, но решил начать именно с этого)
@AkumanoKuma2236
@AkumanoKuma2236 4 жыл бұрын
Слава Україні!
@schweppes8
@schweppes8 4 жыл бұрын
Где вы взяли программу для написания кодов???
@schweppes8
@schweppes8 4 жыл бұрын
@@user-ev7gk9mz8h спасибо! !! Вы наверное программист по образованию?? Раз коды умеете писать
@Te4PC
@Te4PC 4 жыл бұрын
Schweppes можно notepad++ но он от саблайма отличается тем что он под винду сделан А с саблаймом можно работать и на линуксе и на маке
@Daniel-tp4cp
@Daniel-tp4cp 4 жыл бұрын
так как я только начал учит HTML и CSS,у меня сейчас просто взрыв мозга.Однозначно лай и подписка
@n-fix2475
@n-fix2475 4 жыл бұрын
Я html и css учу 2меcяца c перерывами , я уже очень много екcперементировал и теперь мне понятно это все , ты главное пробуй делать легкие сайты На чистом html и css , не лезь покачто в буcтрап и ему подобных.
@Sunny-fx3hc
@Sunny-fx3hc 4 жыл бұрын
Извиняюсь, что вклинаваюсь в беседу, но я вот тоже начала узучать.Делала курсач и копирую стили+немного изменяя параметры думала что все легко.Сейчас от теории в шоке немного, а это еще препроцессоры, флекс и грид не трогала.
@Daniel-tp4cp
@Daniel-tp4cp 4 жыл бұрын
N-Fix мне тоже один мой знакомый который создавал раньше сайты для всяких магазинах и салонов сказал что главное,много пробовать и тренироваться,експериментировать другими словами
@gtfo3411
@gtfo3411 3 жыл бұрын
N-Fix чел я благодаря этому видео научился верстать сайт почему ты считаешь что не надо лесть в бустрап?
@studywork4810
@studywork4810 3 жыл бұрын
Не помешало бы ещё русский подтянуть прежде чем за программирование браться
@goldparadaise3794
@goldparadaise3794 2 жыл бұрын
Не понимаю людей, которые пишут, что не для новичков, просто я сам просмотрел основы и думал что делать дальше? А тут целая верстка, все понятно, автор сам объясняет для чего и что нужно делать. Если вам не понятно или что-то не поняли - гуглите, вы учитесь сами. Автору спасибо!
@goldparadaise3794
@goldparadaise3794 2 жыл бұрын
Жалко, что на карантине не задумывался над IT сферой, довольно интересная область
@user-pe7ll4zq9g
@user-pe7ll4zq9g 2 жыл бұрын
Пожалуй , это самый информативный канал из всех. Все максимально разжёвано и понятно
@xialess1349
@xialess1349 4 жыл бұрын
Пожалуй самый лучший гайд на ютубе. Отличный микрофон, хорошая подача и речь. Ничего лишнего - только нужная информация. Автору огромное спасибо!
@Aslankz1983
@Aslankz1983 4 жыл бұрын
Автору большой респект! Мало сейчас кто так подробно и без воды объясняет!
@maxivanov5845
@maxivanov5845 2 жыл бұрын
Спасибо огромное, отличная работа, чувствуется рука специалиста. Давайте ещё видео по этой теме!
@Snow_SoulKD
@Snow_SoulKD Жыл бұрын
Так как новичок(прям чайник) очень быстро объясняет автор, и коды конечно объяснить нужно. За видео спасибо. Думаю по образцу сделаю. Буду пробовать
@Scarecrow9298
@Scarecrow9298 5 жыл бұрын
Ура, Дима вернулся! Хотелось бы увидеть продвинутые уроки по джаваскрипту
@nkitamuntyan6588
@nkitamuntyan6588 5 жыл бұрын
Очень классно, без лишней воды и как раз то что я искал, продолжай в том же духе!
@MoonManichSJ
@MoonManichSJ 2 жыл бұрын
Хочу сказать, раз уж этот курс для новичков, следовало бы в начале прям точно объяснять для чего и что делает эта команда, а то иногда не совсем понятно :)
@saidbabayev8485
@saidbabayev8485 Жыл бұрын
++++
@MiklashBLITZ
@MiklashBLITZ Жыл бұрын
htmlbook в помощь
@akihiro___
@akihiro___ Жыл бұрын
@@MiklashBLITZ подскажите пожалуйста несколько хороших и понятных (если можно то на русском) сайтов с html и css
@ukrainian_emperor
@ukrainian_emperor Жыл бұрын
@@akihiro___ раджу вивчити англійську для програмування. і буде легше жити
@akihiro___
@akihiro___ Жыл бұрын
@@ukrainian_emperor Спасибо конечно, но мог бы уже и не отвечать...
@user-uq2ux7qg8h
@user-uq2ux7qg8h 2 жыл бұрын
Спасибо большое за данную вёрстку, оч приятно слушать и вникать 👍👍👍
@sergallutti1211
@sergallutti1211 5 жыл бұрын
Super!!!! Ждём продолжения, уроки Дмитрия одни из лучших))))))
@MegaMaxxon
@MegaMaxxon 5 жыл бұрын
Давно видео твоих не было. Спасибо, продолжай!
@MrAndriiT
@MrAndriiT Жыл бұрын
Плейлист по верстке с этим сайтом первое с чего я начал учить программирование, сейчас подучив все что я хотел я решил вернуться подтянуть и попрактиковаться с Html и Css именно по этим урокам. По тому что сколько я разных роликов и уроков не смотрел, лучше разбора и объяснений действий я не находил, хорошая подача, и объяснение каждого шага дают написать этот сайт реально с нуля. Спасибо Дмитрий за твои уроки верстки! Я думаю разбор какого то большого интересного сайта с Figma был бы интересен зрителям, продолжай снимать ролики, у тебя отлично получается объяснять!
@h-arti5305
@h-arti5305 Жыл бұрын
Как приятно слушать человека с хорошим голосом и понятной и интересной подачей
@MaksymMarinin
@MaksymMarinin 5 жыл бұрын
Спасибо, есть, чему поучиться. Продолжай в том же духе.
@andreevpix
@andreevpix 4 жыл бұрын
Ты прекрасен! Спасибо! Чётко, ясно и по-делу. А главное, чисто и без сакры
@Pixel_Magic
@Pixel_Magic 3 жыл бұрын
Очень полезно и интересно посмотреть новичку вроде меня. Всё объясняется и можно наглядно увидеть реальную работу. Круто!
@showmeyoursoul1646
@showmeyoursoul1646 3 жыл бұрын
Супер, спасибо за работу! и за прикрепленный файл урока)
@user-uh3li5lk2t
@user-uh3li5lk2t 5 жыл бұрын
красавчик, после твоего видео стал понимать, что такое верстка
@user-ug1xu1ir9k
@user-ug1xu1ir9k 4 жыл бұрын
Это реально круто! Всё по делу и понятно. Главное всё в рамках практики, без лишней инфы и не затянул на 7 часов как некоторые делают. То что разбил на несколько видосов тож +. Спасибо тебе)
@nyusha-hryusha
@nyusha-hryusha 2 жыл бұрын
Хорошая подача, все просто и по теме, минимум воды. Спасибо за ролик!
@user-mw4uy9mg2w
@user-mw4uy9mg2w 3 жыл бұрын
До этого видоса смотрел уроки и чуть не засыпал, а здесь всё интересно и понятно а главное не нудно красава
@aliceone538
@aliceone538 4 жыл бұрын
Блин, да конечно интересно как это делать, полностью весь сайт! Спасибо, очень информативно. Побольше бы таких видео на просторах ютуба.
@igorfogov5617
@igorfogov5617 4 жыл бұрын
Весьма благодарен, Димок. Дай бог тебе здоровья на 1000 лет. Очень помог.😘
@AnnabelleSwan
@AnnabelleSwan 3 жыл бұрын
Спасибо Вам большое :) Вы - такой молодец :) Отлично все объясняете, спокойно :) Все понятно :)
@filimonuch
@filimonuch 2 жыл бұрын
Однозначно лайк и подписка, материал по верстке подан в наилучшем виде, останется как никак важные знания в голове (думаю совсем скоро пригодятся) :)
@marinaromanova4999
@marinaromanova4999 5 жыл бұрын
Спасибо за супер подробное видео! Это то что нужно новичку. Изучаю html и css всего 2 недели и уже с твоей помощью понимаю, что происходит)))
@annasmaglo1312
@annasmaglo1312 4 жыл бұрын
Огромное спасибо! Интересно, информативно, профессионально. Очень приятный стиль изложения и голос. Ты крут!
@EUC_Novak
@EUC_Novak 3 жыл бұрын
🌟🌟🌟🌟🌟 *Спасибо за очень полезный и понятный урок!!!* 🌟🌟🌟🌟🌟
@funny_pilot_drone
@funny_pilot_drone Жыл бұрын
Интересное видео! Благодарность за Вашу работу для нас!
@kharlugina_mari
@kharlugina_mari 4 жыл бұрын
Спасибо, что делаешь это бесплатно! Редко можно найти того, кто выложит видео и предоставить материалы без круглой суммы! Очень классно! Надеюсь, что ты будешь порой давать классные фишечки. Однозначно, подписка! Сегодня буду пробовать сверстать первый сайт! Продолжай в том же духе! Успехов тебе, добрый и бескорыстный человек! 😉👍🏻🧚🏻
@user-fz5hx1us7g
@user-fz5hx1us7g 2 жыл бұрын
как успехи?)
@kharlugina_mari
@kharlugina_mari 2 жыл бұрын
@@user-fz5hx1us7g отлично) сверстала за пару дней, уделяя до 5-6 часов. Крутой опыт. С абсолютного нуля. Теперь база обеспечена)
@herosapiens1865
@herosapiens1865 2 жыл бұрын
@@user-fz5hx1us7g а у вас
@herosapiens1865
@herosapiens1865 2 жыл бұрын
Ауу
@user-fz5hx1us7g
@user-fz5hx1us7g 2 жыл бұрын
@@herosapiens1865 честно говоря я откладываю все в долгий ящик,типо знаю основу пайтона,а дальше перестал развиваться.Думаю в скором времени продолжить обучение
@user-lq9yu7gr1n
@user-lq9yu7gr1n 5 жыл бұрын
Это видео то что я искал, спасибо))
@youchinafriend
@youchinafriend 3 жыл бұрын
100к, поздравляю 👌🏻👌🏻
@akwadoto
@akwadoto Жыл бұрын
На самом деле я как человек с нулём опыта и познаний в этом зашедший на видео посмотрев почти половину могу сказать то, что я абсолютно ничего не понял. Если конкретно хочется тематику обучения вести, стоило бы объяснять каждое действие максимально подробно. Какие-то правила, after не after, после буквально каждого слова шёл гуглить но тоже почти ничего не находил))
@BrainsCloud
@BrainsCloud 4 жыл бұрын
*HTML и CSS для начинающих:* brainscloud.ru/landing/html-css-start *Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html *Хостинг Timeweb* - bit.ly/2Kms8Lf *Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод. *brainscloud* - плюс 1 месяц бесплатного хостинга *brainscoud2* - услуга "Ускоритель сайтов"
@user-hv3it2ik1n
@user-hv3it2ik1n 4 жыл бұрын
слушай не работает в css backgraund: url("...") что делать искал статьи не помогло p.s. только написал решил проблему... соре
@stalinidzecorp5692
@stalinidzecorp5692 4 жыл бұрын
@@user-hv3it2ik1n опечатка, правильно пишется background
@user-kn9gy4pj7s
@user-kn9gy4pj7s 3 жыл бұрын
не подскажете, почему у меня при таком же коде как у Вас (body margin 0) оставалось 8px маржина? убрать получилось добавив маржин 0 в * {}
@wap7v
@wap7v 4 жыл бұрын
49:00 минуте, "-сейчас вы все поймёте для чего это все делается", я по специальности автослесарь 4 разряда)) Чувак ты крут🤙))!
@heshpix_7057
@heshpix_7057 2 жыл бұрын
я учусь на слесаря, потом на прогера иду :D
@user-cv4uh8co6p
@user-cv4uh8co6p 2 жыл бұрын
@@heshpix_7057 Я 13 в гос. службе отработал. Лучше бы я на слесаря пошел...
@zifraro2246
@zifraro2246 3 жыл бұрын
Не думал, что есть человек, который на столько информативно и без воды говорит..
@user-mr6lz4yx1v
@user-mr6lz4yx1v 2 жыл бұрын
боже храни вас бог! в вузе на предмете "разработка веб приложении.." отправили в интернет учиться писать сайты. благодаря вам я спасена!т_т
@kreakas2871
@kreakas2871 3 жыл бұрын
сижу, переписываю код, и радуюсь как дурак от того что, что-то та получается
@dilshodmirzoev1781
@dilshodmirzoev1781 3 жыл бұрын
отличное видео... многому так можно научиться! СПАСИБО АВТОРУ
@pavelpopov1878
@pavelpopov1878 3 жыл бұрын
Отличное видео! Посмотрел, сверстал, прикрутил к CMS и выложил на хостинг. Все работает!
@leslru
@leslru Жыл бұрын
Зашла по другому вопросу - залипла на 50 минут. Просто супер, как залипательно)
@ivartcover4311
@ivartcover4311 4 жыл бұрын
Спасибо)часовой урок выполняю 2 дня)с учетом того что просто делаю как показываете)
@user-zh1bk3bf1j
@user-zh1bk3bf1j 4 жыл бұрын
плиз донт стап Внятная грамотная речь Если можно чуть больше пояснений по конкретным свойствам и значениям Почему рациональней применить именно это Удачи тебе и каналу))
@mr.mukhtorov8825
@mr.mukhtorov8825 2 жыл бұрын
Я просто в шоке 🙀!!! Спасибо за видос, спасибо за ваш труд. Просто супер💯👏
@Burovasofia
@Burovasofia Жыл бұрын
спасибо за прекрасный урок!!! Верстала ActiveBox с вами и благодаря Вам поняла как вообще верстать. Потом сверстала сама по бесплатному макету, когда начала верстать постоянно возвращалась к видео ActiveBox, но к середине верстки уже все делала сама ну и гуглила естественно некоторые моменты. Сейчас начала верстать MoGo с вами. Спасибо за ваш труд и возможность учиться у Вас!!!
@user-pp4td4hs1t
@user-pp4td4hs1t 3 жыл бұрын
Вау, очень круто, что бесплатно и так информативно! Я верстал в VS code, к нему как то больше привык) побольше б таких информативных как ты!
@maramanshow2942
@maramanshow2942 5 жыл бұрын
Лайк подписка автоматом! Ждём продолжения!)
@vladislove12
@vladislove12 3 жыл бұрын
Круууть, все видео посмотрел на одном дыхании)
@mediafile9995
@mediafile9995 3 жыл бұрын
Блин, афигенно! Все повторил! Все получилось! Еще я вспоминал верстку, которую на степике учил. Сэнкс. Просто афигенно учишь. Особенно мне нравится, как ты классы именуешь и порядок там наводишь.
@omcg33
@omcg33 2 жыл бұрын
этот стиль называется БЭМ
@somewords3187
@somewords3187 2 жыл бұрын
@@omcg33 типо БЭЭЭЭЭЭЭЭЭЭЭЭЭМ
@user-ic9ds9ov6e
@user-ic9ds9ov6e 4 жыл бұрын
Потрясающе. коментирование во время работы очень умело сделано.
@mr.chrome6836
@mr.chrome6836 3 жыл бұрын
Спасибо тебе , что так постарался для нас, ты лучший!)
@neironochka
@neironochka 2 жыл бұрын
Благодарю, я только начинаю изучать HTML и CSS, а ты сэкономил мне кучу времени, уверен, что буду возвращаться к данному видео снова и снова.
@urbabihcka3704
@urbabihcka3704 2 жыл бұрын
а во сколько лет ты начал(а) изучать? просто интересно
@ratatyisex4837
@ratatyisex4837 2 жыл бұрын
Спасибо,друг!Начинаю учить язык благодаря тебе. Все очень легко и понятно.
@user-or8yf1wk5q
@user-or8yf1wk5q 9 ай бұрын
И толку ?
@POBED1T
@POBED1T 3 жыл бұрын
Спасибо огромное за видео. Хоть кто-то показывает на практике, причем профессионально.
@rustm5167
@rustm5167 5 жыл бұрын
спасибо. Благодаря вам закончил свой университетский проект
@pegorova
@pegorova 2 жыл бұрын
ваш канал находка) методичность голос скорость работы вау
@zakievlol
@zakievlol Жыл бұрын
чувак спасибо тебе, я только начинаю этот путь, и буду стремиться к твоему уровню знаний!
@ibragimdaron4053
@ibragimdaron4053 4 жыл бұрын
То ощущение, когда хочешь делать как настоящий верстальщик, но появляются проблемы уже на стадии настройки Brackets
@studentkais
@studentkais 4 жыл бұрын
то ощущение, когда хочешь как настоящий верстальщик, хотя не знаешь что такое верстать и Brackets
@x6kk
@x6kk 4 жыл бұрын
@Barsa008 не волнуйся я тож новичок
@krabik6267
@krabik6267 4 жыл бұрын
@@studentkais Barsa008 Barsa008
@studentkais
@studentkais 4 жыл бұрын
@@krabik6267 а?
@nn-gv5xg
@nn-gv5xg 4 жыл бұрын
@@studentkais верстка - процесс создания сайта с помощью специальных языков разметки. Brackets - редактор кода.
@daeriofrixell199
@daeriofrixell199 3 жыл бұрын
У вас ушло 50 минут, а я всё переписывал и разбирался, почему тот или иной элемент перестаёт работать 5 часов. Ухх. А это только первый урок xD
@user-fn1cr3ld6l
@user-fn1cr3ld6l 3 жыл бұрын
чел ты не один сейчас буду этим же заниматься XD))
@daeriofrixell199
@daeriofrixell199 3 жыл бұрын
@@user-fn1cr3ld6l удачи:d
@lnitrogeni2031
@lnitrogeni2031 3 жыл бұрын
Как успехи?
@waldemarbelskiy164
@waldemarbelskiy164 3 жыл бұрын
Первый урок только тексы печатали
@user-ih3bw9qp4j
@user-ih3bw9qp4j 2 жыл бұрын
@@daeriofrixell199 Много выучил за это время?
@eurorock5912
@eurorock5912 3 жыл бұрын
Дмитрий, спасибо!) Важная и полезная инфа!
@pepega_blue
@pepega_blue 2 жыл бұрын
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится". Удачи вам во всех начинаниях и побольше отдыха от работы 🔥
@DavidDavid-vr6tc
@DavidDavid-vr6tc 5 жыл бұрын
спасибо большое за такие подробные и интересные видео (50 минут на одном дыхании) а то есть те у кого продолжительность 15-30 мин и их не возможно слушатью с меня лайк и подписка
@bogdansemenko9968
@bogdansemenko9968 4 жыл бұрын
Огромное спасибо, благодаря вам я нашёл свой путь.
@ivanivanov7494
@ivanivanov7494 3 жыл бұрын
Классно доносишь информацию, легко и понятно. Спасибо. Одно замечание есть по структуре: Заголовок h2 ОЧЕНЬ не желательно ставить перед h1. В этом случае лучше заменить на , или . Это с учетом по дальнейшему SEO продвижению.
@user-sv1qs8vc8j
@user-sv1qs8vc8j 6 ай бұрын
Здравствуйте, подскажите а вы в этом разберитесь ? Хотела попросить помощи 🥹
@ivanivanov7494
@ivanivanov7494 6 ай бұрын
Так є фах в seo, якщо треба звертайтесь
@andpalgol_v_7616
@andpalgol_v_7616 3 жыл бұрын
Супер!!! Красава! Лучший канал для обучения!!!
@BrainsCloud
@BrainsCloud 5 жыл бұрын
*Основы создания сайтов:* brainscloud.ru/landing/html-css-start Содержание урока: "3:10" - Создаем проект "5:35" - Шрифты "9:30" - Can I use? "11:50" - Начинаем верстать главный блок "16:30" - Верстаем шапку "25:40" - Верстаем заголовки "33:30" - Совет и ошибки начинающих "34:40" - Верстаем кнопку "39:00" - Верстаем нижнюю часть
@marttelas
@marttelas 5 жыл бұрын
Круто,только минус то что не объясняешь теги, или можешь сказать где посмотреть все эти теги с описанием?Буду очень благодарен
@user-gj5oh4sn3w
@user-gj5oh4sn3w 5 жыл бұрын
htmlbook.ru На этом сайте есть все, что тебе нужно @@marttelas
@marttelas
@marttelas 5 жыл бұрын
@@user-gj5oh4sn3w спасибо
@phoenix-3563
@phoenix-3563 4 жыл бұрын
А можно чисто на Питоне или на Джанго? (питон без Джанго и сам Джанго)
@kamolsultanov3651
@kamolsultanov3651 4 жыл бұрын
Здраствуйте а можете сколько можно примерно зарабатывать на верстка? на работе или на фриланса?
@petrvismutov2812
@petrvismutov2812 4 жыл бұрын
Решил подучить frontend. Это мой первый практический урок по вёрстке и, я очень рад, что попался этот ролик. Отличная подача и голос, автор всё объясняет до мелочей. Лайк и подписка. Буду учиться по видео с этого канала дальше. Автору большое спасибо, так как в видео вложено много работы(это не тиктоки снимать).
@constant_inn
@constant_inn 2 жыл бұрын
Как успехи?
@avealtanaes1703
@avealtanaes1703 Жыл бұрын
Очень круто! Я до этого просто теги учил и если честно интерес стал пропадать, непонятно было нафига я вообще это делаю. А тут на живом примере видно что и куда я тыкаю и что из этого получается. Конечно я просто повторял но это очень помогает лучше усвоить информацию, к тому же допуская ошибки даже в повторении того что было в видео и посидев подумав что я сделал не так я чуть лучше стал понимать структуру кода и что к чему относится. Спасибо большое за урок!
@user-bk1hy7sl7b
@user-bk1hy7sl7b 2 жыл бұрын
Спасибо Вам большое. Я поняла, что никогда не смогу этим заниматься))А Вы невероятны
@foti444
@foti444 Жыл бұрын
Эй эй эй, только не опускать руки! Можно перестать заниматься чем-то, только если хотябы начал или попробовал! Попробуйте, может это как раз то чем вы и хотите заниматься в глубине души! Советаю посмотреть ролик html с нуля, тогда все станет проще, в этом видео
@keytofreedom6607
@keytofreedom6607 Жыл бұрын
Да, это относительно для новичков, на самом деле верстка ,как в видосе - чуть выше уровеня новичка)
@user-or8yf1wk5q
@user-or8yf1wk5q 9 ай бұрын
А толку ? Зарплата 1000 долларов, это делают студенты за пачку чипсов@@foti444
@user-xc4bs
@user-xc4bs 4 жыл бұрын
Лайк не задумываясь!)
@tonyhawk6017
@tonyhawk6017 Жыл бұрын
В который раз убеждаюсь что лучше один раз увидеть чем сто раз прочесть. Отличный подробный урок, который ставит на место и структурирует всю теорию в голове. Спасибо!!!
@milkiway6754
@milkiway6754 8 ай бұрын
мне вот цитата одна нравится, которая действительно описывает верно ваши слова и это видео)) "Скажи мне - и я забуду, покажи мне - и я запомню, дай мне сделать - и я пойму." Конфуций
@user-re1rx7es2o
@user-re1rx7es2o 3 жыл бұрын
👍 Искала детям информацию и курсы для детворы и тут ютуб мне выдаёт несколько видео. Пару просмотрела(нудно сильно) и хотела уже отстать от ютуба и купить курс и пару книг. Смотрели мультики и ютуб ещё решил мне впихнуть видео с программированием, ну ладно дайка я ещё гляну одним глазком... И Ура! Я попала на то что нужно... Не нудно, спокойно, приятным голосом... 😉 А теперь пошла детвору напрягать и подсунуть каждому по книге вдобавок.😁
@flex_4017
@flex_4017 Жыл бұрын
автор привет!, Спасибо за урок, все понятно и без воды!, Не забрасывай канал:) пусть будет твоим хобби который(через время) будет приносить тебе прибыль:) Удачи
@BLVCKMANIA
@BLVCKMANIA 3 жыл бұрын
Без воды, все четко по делу. Мотивирует изучать язык) У тебя хорошая подача) А то посмотришь на некоторых, аж желание отпадает изучать что-либо, а тут прям завораживает!)
@Dark_._Knight
@Dark_._Knight 10 ай бұрын
HTML и CSS это не языки программирования
@clashsmash9763
@clashsmash9763 9 ай бұрын
@@Dark_._Knight Он не сказал, что это языки программирования, гений
@MrZorg23
@MrZorg23 5 жыл бұрын
долго искал годные уроки, чтобы автор был профессионалом, и при этом не использовал всякие препроцессоры и бутстрапы, т.к. на моем уровне этого не нужно. Наконец-то нашел!!!
@felix_lp
@felix_lp 4 жыл бұрын
правду молвишь, не мог даже с float и тп разобраться - держи gulp grunt еще че то...
@stoicism860
@stoicism860 4 жыл бұрын
извеняюсь, и тоже самое с гавнокодом и с непонятной нагрузкой объяснений мамолетних обучалок,которые сами не понимают о чем говорят,причем за деньги продают эту самую дичь,и раобраться с их действиями очень сложно,жаловаться нельзя,но не упомянуть тоже грех.
@user-kj6oz9vs4y
@user-kj6oz9vs4y Жыл бұрын
Дружище привет)Спасибо все четко и понятно)👍
@o_o1856
@o_o1856 Жыл бұрын
Вообще класс!!!Очень завораживает как ты пишешь код,спасибо большое очень многому научился такие уроки на вес золото!Спасибо автор!
@MAKS_RF
@MAKS_RF 5 жыл бұрын
Спасибо, помог сделать сайт для защиты. Дай Бог здоровья
@behruzelchibekov8179
@behruzelchibekov8179 4 жыл бұрын
Чувак очень интересно, продолжай но по медленнее и больше рассказывай о том что именно делаешь и как ещё можно )) мне лично понравилось
@NeedForHeavyMetal
@NeedForHeavyMetal 3 жыл бұрын
Спасибо за урок!!! вначале не въезжал, затем как въехал! каждое свойство гуглить пришлось)
@challenger1960
@challenger1960 3 жыл бұрын
Я только начал изучать язык программирования)! Автору канала огромное спасибо за контент😎
@viktoriavatuleva5517
@viktoriavatuleva5517 5 жыл бұрын
Чувак ты крутой, профи. Все классно получилось в итоге, у меня все отлично сверсталось, но говоришь слишком быстро, я даже делаю скорость видео в настройках меньше. Хотелось бы также услышать немного теории, почему так, что мы делаем и т.д. Слишком быстро для новичков в верстке * Чмок ;*
@user-gj5oh4sn3w
@user-gj5oh4sn3w 5 жыл бұрын
Я - наоборот, скорость на 1.25-1.5
@MaTVEI492
@MaTVEI492 5 жыл бұрын
@misha вроде это видео для этого и создано. Тут, кажется, написано "для начинающих", а не "верстка с нуля до заливки на хостинг за час на бутстрапе". Автору спасибо, понятно объяснил, показал, научил.
@MaTVEI492
@MaTVEI492 5 жыл бұрын
misha не поспоришь
@bastion1334
@bastion1334 4 жыл бұрын
misha согласен
@PlayBoySex
@PlayBoySex 4 жыл бұрын
Viktoria Vatuleva Только хотел это написать и решил поискать эту идею в комментах. Ты в css что-то если используешь, можешь пояснять, что это, как работает, что делает и тд.
@alisaredlich7672
@alisaredlich7672 4 жыл бұрын
какой же голос релаксовый, могу слушать вообще что угодно
@shantgrigoryan8430
@shantgrigoryan8430 4 жыл бұрын
😂😜😘😘😘😘
@armanmukhamed8879
@armanmukhamed8879 3 жыл бұрын
я уснул
@user-ji7kc2sv1f
@user-ji7kc2sv1f Жыл бұрын
Всё понятно показано, спасибо большое. По примеру видео верстала свой действительно самый первый сайт из-за этого не хватило чуточку объяснений, но в практическом плане всё супер !🤩
@RIKLASS
@RIKLASS 3 жыл бұрын
Смотрел видео и одновременно смотрел справочник по css, очень помогает, я терь понял че это за команды были
Объяснение Вёрстки Простого Сайта HTML+CSS
53:56
Сергей Дмитриевский
Рет қаралды 153 М.
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 38 МЛН
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 88 МЛН
Stupid Barry Find Mellstroy in Escape From Prison Challenge
00:29
Garri Creative
Рет қаралды 15 МЛН
Универ. 10 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:04:59
Комедии 2023
Рет қаралды 1,7 МЛН
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Рет қаралды 1 МЛН
31 portals of impossible shape
35:50
optozorax
Рет қаралды 635 М.
[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
1:06:37
Заказал верстку сайта за 600р / 3000р / 9000р у фрилансеров. Верcтка HTML, CSS, JS
1:21:40
HTML Practice - фриланс, web-разработка, нейросети
Рет қаралды 20 М.
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 38 МЛН