#42 Верстка сайта DIV блоками, Блочная верстка слоями тег DIV на HTML

  Рет қаралды 47,684

ITDoctor

ITDoctor

Күн бұрын

Пікірлер: 91
@ITDoctor
@ITDoctor 3 жыл бұрын
Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
@Xyu_TeBe_B_PoT_CyKa_CoCoK_228
@Xyu_TeBe_B_PoT_CyKa_CoCoK_228 3 жыл бұрын
как обойти блокировку на сайте ? чистка куки и ВПН не помогают
@АшурМезлан
@АшурМезлан 2 жыл бұрын
Дай бог тебе здоровья. Завтра же куплю у тебя курс на степеке. Ты даёшь обратную связь студентам?
@ITDoctor
@ITDoctor Жыл бұрын
@@АшурМезлан спасибо, стараюсь всем отвечать
@ЕвгенийСиманин-ы5ц
@ЕвгенийСиманин-ы5ц Жыл бұрын
Спасибо за видео! Научился много новому
@ITDoctor
@ITDoctor Жыл бұрын
Очень рад что было полезно!
@lumeaceaiuluisrl6343
@lumeaceaiuluisrl6343 4 жыл бұрын
Очень полезный урок для новичков. Спасибо, Исмаил! Побольше бы таких видео)
@taurecord.
@taurecord. 2 жыл бұрын
06.04.2022, Объяснил легко и просто. Ты гений 👍
@ITDoctor
@ITDoctor 2 жыл бұрын
Спасибо
@andreinechaev7214
@andreinechaev7214 6 жыл бұрын
Для новичков самое то - все доступно и понятно, спасибо!
@ITDoctor
@ITDoctor 6 жыл бұрын
вам спасибо
@KuKu_RuKu88
@KuKu_RuKu88 5 жыл бұрын
Огромнейшее спасибо за урок!!!
@izanami3134
@izanami3134 4 жыл бұрын
огромное Спасибо за Ваш труд!
@АлександрШаруденко-д1ь
@АлександрШаруденко-д1ь 3 жыл бұрын
Автор просто нереальный молодец!
@ITDoctor
@ITDoctor 3 жыл бұрын
спасибо, стараюсь
@denchola
@denchola 2 жыл бұрын
Молодец мужик! вот понимаю видео урок! Спасибо большое!👍👍👍
@ITDoctor
@ITDoctor 2 жыл бұрын
Спасибо. Рад что понравился
@antoninatsurankova5006
@antoninatsurankova5006 3 жыл бұрын
очень помог для решения задачи. забыл код. спасибо. лайк
@javascript8371
@javascript8371 4 жыл бұрын
Отличный урок!Спасибо
@CuriousLight-f6n
@CuriousLight-f6n 4 жыл бұрын
Супер, у меня получилось!!!
@doomdoomblh9291
@doomdoomblh9291 5 жыл бұрын
Вобще молорик спасибо тебе норм провёл урок!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! всё гуд!!!
@KvN-UA
@KvN-UA 5 жыл бұрын
Спасибо, как всегда очень информативно и полезно!
@shredershadow3841
@shredershadow3841 6 жыл бұрын
Спасибо большое!) В качестве первых шагов, лучше не найти.
@zakharko7720
@zakharko7720 2 жыл бұрын
На всякий случай - название плагина с символами "Special HTML characters", сочетание клавиш Alt+C Большое спасибо за курс!
@artemsh7734
@artemsh7734 4 жыл бұрын
Очень помог разобраться, спасибо
@Grigorev84
@Grigorev84 3 жыл бұрын
Супер объяснение и пример
@ITDoctor
@ITDoctor 3 жыл бұрын
Спасибо
@evdev1355
@evdev1355 5 жыл бұрын
Вы большой молодец,спасибо большое!)
@malluslucera6149
@malluslucera6149 5 жыл бұрын
Большое спасибо!Очень помогли
@sayatly
@sayatly 6 жыл бұрын
Спасибо очень помог!
@ВсеволодВолгин-ю3р
@ВсеволодВолгин-ю3р 5 жыл бұрын
отличный урок
@ВасилийЛайко-и9ш
@ВасилийЛайко-и9ш 3 жыл бұрын
Спасибо, очень информативно и полезно
@ITDoctor
@ITDoctor 3 жыл бұрын
Пожалуйста
@alexyaremenko7165
@alexyaremenko7165 2 жыл бұрын
день добрый!
@asilbekyoldoshbekov5533
@asilbekyoldoshbekov5533 4 жыл бұрын
spasibo ochen pomoglo
@larisavinirovna7897
@larisavinirovna7897 5 жыл бұрын
спасибочки...наконец то поняла)
@izanami3134
@izanami3134 4 жыл бұрын
Спасибо!
@ШтейгерДаниил
@ШтейгерДаниил 3 жыл бұрын
Спасибо
@ganjackal
@ganjackal 3 жыл бұрын
Доброго времени суток! Исмаил подскажи в данном примере в стоит разделять по секциям (header,section,footer) а уже в них вставлять ( div ) где то я слышал это правильное составление скелета!? И логичнее было бы для меню написать тег ( nav) или это в данном примере не требуется (что первый вопрос, что второй)? Просто почему спрашиваю:!? А для того что бы если даже практиковаться на таких уроках то учится сразу писать правильно!? Ну все спс за видос!
@НатусикПусик-з9я
@НатусикПусик-з9я 6 жыл бұрын
А почему вместо дивов не используете из HTML5 header, section, aside, footer?
@ITDoctor
@ITDoctor 6 жыл бұрын
потому что теги header, footer и прочие теги html5 лучше индексируются поисковиками и специально были созданы для создания логической структуры сайта, а по сути это те же div.
@yerjanqaiymbek7407
@yerjanqaiymbek7407 4 жыл бұрын
Красавчик
@MrKinetix3d
@MrKinetix3d 4 жыл бұрын
Спасибо! Отличное видео, но красный цвет в бэке ... Меня травмирует :)))
@ДмитрийРаевский-к2ю
@ДмитрийРаевский-к2ю 4 жыл бұрын
Не досмотрел видео, цвет ужасный
@nikolay1875
@nikolay1875 4 жыл бұрын
Хех, это для наглядности..Для себя сами цвет выбирайте
@СергейКондулуков-з9ч
@СергейКондулуков-з9ч 5 жыл бұрын
Исмаил просто здорово. Единственное упущение для футера text-align: сenter А так замечательно. И не совсем понятно почему при задании цвета фона в одном случае используется background а в другом случае background-image. Учусь у вас вкусу. Можно было весь контент между шапкой и футером обернуть в какой нибудь див и задать ему свойство, например тот же border-radius но тогда это было бы некрасиво. А так супер :-)
@brabus765
@brabus765 3 жыл бұрын
В одном фон картинка в другом просто цвет,и копирай всегда в углу находится
@Саша-п9о8д
@Саша-п9о8д 3 жыл бұрын
Йоу!
@kristinapoduskina6410
@kristinapoduskina6410 4 жыл бұрын
В конце забыл убрать border :)
@SmartEnot
@SmartEnot Жыл бұрын
Дружище, спасибо! подскажи, как сделать правый и левый сайд бар отдельными блоками с тенью?
@ITDoctor
@ITDoctor Жыл бұрын
Пожалуйста. А в чем проблема, если вы изучаете html css то должны быть в состоянии решить такие задачи самостоятельно. Изучите flexbox если еще не знаете kzbin.info/www/bejne/fpfCkH2Coaurps0si=NnUvEIuvkBsKJm09
@andriiprudnikov6334
@andriiprudnikov6334 3 жыл бұрын
Господа и дамы, недавно изобрели html5 и вместо и подобных теперь есть семантические тэги и прочие. Актуальности видео особо не потеряло, но обратите на это внимание
@ITDoctor
@ITDoctor 3 жыл бұрын
8 видео в этом курсе посвящено как раз этому kzbin.info/www/bejne/gGa3gWahptF4oZo
@crosswar1224
@crosswar1224 4 жыл бұрын
Как сделать сайтбар со смещением к центру (не идеально слева)
@alexyaremenko7165
@alexyaremenko7165 2 жыл бұрын
подскажите пожалуйста название такого плагина для VS Code (по добавлению символов вроде (с) спасибо)
@ITDoctor
@ITDoctor 2 жыл бұрын
Конкретно такими не пользовался обычно на сайтах нахожу в таблицах. Но вот что то похожее, может подойдет вам. изучите попробуйте, напишите по желанию здесь, может кому то будет тоже полезно marketplace.visualstudio.com/items?itemName=brunnerh.insert-unicode
@alexyaremenko7165
@alexyaremenko7165 2 жыл бұрын
@@ITDoctor немного не то представление конечно, но спасибо)
@alexyaremenko7165
@alexyaremenko7165 2 жыл бұрын
@@ITDoctor планируете ли вы выпустить подобный курс по React.js?
@ITDoctor
@ITDoctor 2 жыл бұрын
@@alexyaremenko7165 в планах уже давно есть. Но в этом году не успеваю. Может до весны/лета следующего успею, но не обещаю
@sady3628
@sady3628 4 жыл бұрын
9:50, у меня текст не ставится в центр, почему?
@АртемПодлипян
@АртемПодлипян 4 жыл бұрын
Тоже самое
@severin_dnepr
@severin_dnepr 5 жыл бұрын
Привет всем, а как сделать так , что бы работать с текстовым редактором и браузером одновременно?
@ITDoctor
@ITDoctor 5 жыл бұрын
Плагин LiveReload в Brackets: kzbin.info/www/bejne/oqmboKVpbc6CnZY LivePreview в Brackets: kzbin.info/www/bejne/nYjZkKSEaZ1lgMk Или LiveServer в VS Code
@romanmegagunko4650
@romanmegagunko4650 4 жыл бұрын
Все повторил в точности как на видео, у меня в footer рамка белая появилась. И так во всех браузерах
@Bugsy0987987
@Bugsy0987987 4 жыл бұрын
После нажатия TAB множатся строки, что это за функция, можно ссылку на видео где про это рассказывается? Спасибо
@ITDoctor
@ITDoctor 4 жыл бұрын
Это плагин Emmet. Вот тут подробно про все возможности kzbin.info/www/bejne/aqLCYoyAprxmfdE
@Bugsy0987987
@Bugsy0987987 4 жыл бұрын
@@ITDoctor спасибо большое
@mnatalyc
@mnatalyc 4 жыл бұрын
Большое спасибо за видео. Очень наглядно. Подскажите пожалуйста в какой программе Вы работаете?
@ITDoctor
@ITDoctor 4 жыл бұрын
В этом уроке в редакторе Brackets kzbin.info/www/bejne/jmfLg6iPd9t_o9k , а сейчас уже давно прешел на VS Code kzbin.info/aero/PLuY6eeDuleIMzp2sMA9NSj4UX_pI-jECS
@mnatalyc
@mnatalyc 4 жыл бұрын
@@ITDoctor Спасибо
@JeepersCreepersss
@JeepersCreepersss 5 жыл бұрын
А есть ли смысл учить html css, в 2к19?
@ITDoctor
@ITDoctor 5 жыл бұрын
Это основы веба в любом случае с ними столкнетесь если в веб пойдете поэтому надо знать
@opusdv3503
@opusdv3503 4 жыл бұрын
Простите , а на чем вы фронт писать будете ?
@ВИКА-г3о9р
@ВИКА-г3о9р 4 жыл бұрын
ясно.
@user-yout-sr
@user-yout-sr Жыл бұрын
как можно написать на несколько строк сразу?
@ITDoctor
@ITDoctor Жыл бұрын
Зависит от редактора кода. Обычно с зажатым ctrl или alt + клик мышью в нескольких местах. подробнее про такие фичи можно узнать в этом видео kzbin.info/www/bejne/jXvQfZakeNBqhbc там много чего и другого очень полезных мелочей по работе с редактором
@armenmanadaryan2492
@armenmanadaryan2492 5 жыл бұрын
Здравствуйте! Я установил autoprefixer но у меня не добавляет автоматически а только через ctrl + shit + p почему?
@ITDoctor
@ITDoctor 5 жыл бұрын
в настройках поищите, если нет такой возможности, то просто в конце работы делаете добавление префиксов вручную и всё. Пока пишите код вам все равно эти префиксы не нужны для всех браузеров.
@armenmanadaryan2492
@armenmanadaryan2492 5 жыл бұрын
@@ITDoctor Здравствуйте! Я все перепробовал но порылся в гугл и теперь через cmd и запуск от имени администратора и там пишу brackets после чего открывается новое окно и там пишу(( у меня в обычной командной строке всегда пишет что не является внутренней или внешней командой б исполняемой программой короче путаница и не знаю что делать но все же спасибо что ответили.
@ITDoctor
@ITDoctor 5 жыл бұрын
@@armenmanadaryan2492 может команда для powershell, потому что cmd и powershell это разные вещи и команды там поддерживаются разные.
@Sembiod
@Sembiod 5 жыл бұрын
когда пишу lorem то у меня весь текст на редакторе идет в строчку , а не в столбик, поверил и на брекетсе, vcsode и вебсторме . Что у меня не так? Спасибо.
@ITDoctor
@ITDoctor 5 жыл бұрын
не совсем понял в чем проблема.
@rdhkoiyghj55
@rdhkoiyghj55 5 жыл бұрын
Вид>Заворачивать строки (Активировать галочку)
@stanislavkruglyk4978
@stanislavkruglyk4978 Жыл бұрын
А можно немного или я бы сказал даже намногоувеличить то что Вы печятаете? Спасибо .
@ITDoctor
@ITDoctor Жыл бұрын
можно. это одно из первых видео на моем канале, там я еще не учитывал такое.
@РасулАлдабергенов-ы8е
@РасулАлдабергенов-ы8е 2 жыл бұрын
А где скачать плагин?
@ITDoctor
@ITDoctor 2 жыл бұрын
какой плагин? я все видео не помню по-секундо и про что они. Особенно те которые несколько лет назад были записаны. Подробней напишите. Можно тайминги еще скидывать в формате 01:20 которые будут указывать на конкретный момент в видео и просто детально объяснять и описывать суть вопроса.
@bla3e731
@bla3e731 3 жыл бұрын
Зацените пожалуйста мою вёрстку (1 серия тестовая)
@denisorlioglo1046
@denisorlioglo1046 3 жыл бұрын
спасибо но очень быстро говорите.Сложно запоминать
@ITDoctor
@ITDoctor 3 жыл бұрын
Обычно мне пишут что слишком медленно и меня смотрят на скорости 2Х. Но вам могу посоветовать чуть уменьшить скорость. может немного исказиться голос конечно, или смотреть с паузами, пересматривая нужные моменты.
Motorbike Smashes Into Porsche! 😱
00:15
Caters Clips
Рет қаралды 23 МЛН
Perfect Pitch Challenge? Easy! 🎤😎| Free Fire Official
00:13
Garena Free Fire Global
Рет қаралды 74 МЛН
Friends make memories together part 2  | Trà Đặng #short #bestfriend #bff #tiktok
00:18
Ice Cream or Surprise Trip Around the World?
00:31
Hungry FAM
Рет қаралды 6 МЛН
Изучаем html блок div
13:21
Максим Метелев
Рет қаралды 146 М.
How to position items using div containers
15:45
Изучаем мир ИТ / Олег Шпагин / Программирование
Рет қаралды 10 М.
4 способа выровнять div вертикально HTML CSS
11:35
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 52 М.
HTML и CSS - хитрости блочной модели
1:27:20
Дмитрий Лаврик
Рет қаралды 87 М.
Motorbike Smashes Into Porsche! 😱
00:15
Caters Clips
Рет қаралды 23 МЛН