Верстка сайта на HTML5 и CSS3 за час! + Публикация на сервер

[@МистерМопс-и6з]

ВСЕХ С ДНЁМ ПРОГРАММИСТА!)

[@Amina-fm3vk]

и тебя братан

[@АлексейДобров-к1у]

@@Amina-fm3vk ахххахаха орнул

[@Поискиисследование]

спс

[@NoName-vw2ki]

С днём цемента!

[@zicplay9811]

С днём плиты!!!

[@dimaster5880]

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

[@capy7773]

То что нужно! Как раз занимаюсь вёрсткой

[@kutmankamchybekov-ye4nw]

Супер все понятно идеально респект автору ❤

[@Zohan136]

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

[@maslo2058]

Боже, это так круто, спасибо что ты есть

[@kantsevms]

пф.. взрыв мозга. если еще чуть ускорить то будет верстка сайта за 30 минут блин ) Супер, у меня на просмотр часового видео ушло 1.5-2 часа.

[@ДневникФронтендера]

Думаю для начинающих самый раз. Супер!

[@artemiusz4314]

Честно, очень полезный ролик Муа👌

[@566JT]

афигеть, как кино посмотрела. лайк, подписка

[@senpai_san777]

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

[@zhakaluki833]

Для новичков в фронтенде годно! А не мог бы ты снять для начинающих бэкэндяиков на пхп так же? Чтобы с 0 и понятно

[@surenosmikkillinang7615]

В фронтенд это годно? Особенно для ньюби? Еще один клоун

[@zhakaluki833]

@@surenosmikkillinang7615 Лесной советчик, иди-ка обратно)

[@FA-tu5ti]

@@surenosmikkillinang7615 такой же как и ты)

[@malazy4]

Спасибо что выпустил это видео, потому что я не мог поменять цвет. А когда я подключил CSS, ВСЁ ЗАРАБОТАЛО

[@greekavangard]

Вобще на хтмл можно тоже менять цвета

[@surenosmikkillinang7615]

Что блять? Никчем

[@nash_divnii_dom]

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

[@abdullaabdurashidov5057]

Лучший программист блогер

[@sviatoslav.hrabar]

Жаль, что никто из видеоблогеров не рассказывает об Livereload (для атома лучше atom-live-reload) хотя и понятно что на это времени нет, но это ОЧЕНЬ ВАЖНАЯ ВЕЩЬ. А то я не мог найти то что подходит когда писал "автообновление браузера при сохранинии кода". Только случайно увидел в видео об нескольких полезных плагинов для Sublime text...а когда уже хотел узнать как настроить этот Livereload, то так и написал "настройка (или подключение) Livereload". РЕБЯТ, ПРОЧИТАЙТЕ МОЙ КОММЕНТ, НАДЕЮСЬ ПРИГОДИТСЯ. ПРИГОДИТСЯ, ЕСЛИ ВАМ НАДОЕЛО ТЫКАТЬ f5 чтоб проверить изменения в браузере.

[@WhiteBear141981]

Основательная реклама хостинга и домена))) Лайк!

[@-life6602]

Я фигею,что я тут забыл

[@АлександрЛиманский-л4ы]

*Я фигею, что ты тут забыл...*

[@hannelimpressions2308]

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

[@ancient4526]

Афигеть чувак ты лучший!

[@redpill5384]

Топ видео.Спасибо большое! Наконец-то показали как сделать что то и вправду красивое новичку)))

[@AI-kr1jf]

На редкость по-хорошему простая, внятная подача. Годно. Спасибо.

[@fiftyfifty565]

Спасибо, круто всё, интересно повторять и потом менять...но одна просьба на будущее: когда пишешь код, не пиши его в самом низу! Я открываю два окна, редактор и ютуб. И вот когда смотрю в ютуб и ставлю на паузу, полоса видеоплеера вылазит и закрывает твой код, который в самом низу экрана! Терпимо, но было бы круто, если бы он повыше был)

[@woundwoort]

Смотрел на скорости 75%. А так очень полезно. Спасибо!

[@rongahan1869]

Это точно, по началу не успеваешь за ним))))

[@weak6506]

это лучшее гайд-видео которое я видел

[@vladoscom]

Ещё больше узнал чем хотел. Лучший видеоурок. Но для кого непонятно, сначала посмотрите вступление в HTML и CSS, а потом уже пишите, что понятно, а что нет.

[@СамирФарзалиев-й9ъ]

Ребят не забывайте сбрасывать браузерные CSS, если чтобы у вас все было корректно. И старайтесь вместо div использовать смысловые теги header, footer, main, article, aside и т.д..

[@СамирФарзалиев-й9ъ]

@Виктор Найдёнов а кто говорит? Где можно найти информацию по данному вопросу? Почему хреновое дело?

[@СамирФарзалиев-й9ъ]

@Виктор Найдёнов удаление браузера? :=)

[@edgarvakhitov9366]

Такое ощущение что автор сам себе объясняет. На скорости 2000x

[@theamericanjokes9560]

да я не выдержал и выключил

[@私を忘れて]

Нормально все объясняет те,кто хоть немножко разбираются поняли. А если бы он все разжёвывал то и 5 часов не хватило.

[@私を忘れて]

Мири Сеидов для той половины которая , повторюсь хоть немножко разбирается.

[@АлександрЛиманский-л4ы]

@Мири Сеидов *ну вообще-то видео сделано по вёрстки сайта, а для вёрстки, нужно знать хотя бы HTML5 и CSS! А для тех кто ничего не шарит, нах вообще тогда смотреть лол? Если вы просто будете переписывать код, при этом них😁я не зная, то вы ничего не сможете сделать, кроме того, что похвастаться перед корешами 😑*

[@si0era]

@@АлександрЛиманский-л4ы +

[@ИванЕлизаров-й5с]

Спасибо, очень хорошее видео!

[@ihuzyk]

*Наконецто досмотрел* урок просто *супер*

[@МистерМопс-и6з]

Молодец! Твои видео очень интересные и полезные!!! Предлагаю продолжить эту идею и постепенно модернизировать этот сайт, добавляя новые плюшки!) Добавить серверную часть. Было бы интересно посмотреть...

[@enjoygaming9788]

Спасибо за офигенний туториал

[@NoName-tt5gf]

Спасибо большое! Все очень понятно и хорошо рассказали!

[@3dzbot]

Спасибо за проделанный труд и хороший контент :)

[@Бернара]

Спасибо огромное, вы мне очень помогли😊👍

[@aleksejsd1340]

Здорово 👌 побольше бы таких уроков

[@iatyt2268]

ооо наконец-то **) Спасибо Гоша * + 1 опыт + 1 макет в копилку ** лайк!

[@shapelvm]

фитипи конечно круто! до последнего думал, что это эфтипи.

[@генагрек-й8ь]

чувак 10 тысяч лайков тебе , помог мне сделать первый сайт!

[@rufatbilalov3268]

Урок просто бомба ! Спасибо!

[@АндрейПопов-л9ъ]

Ты крут Гоша Дударь

[@doctor91912]

Познавательно, спасибо

[@antresolweb]

Отличное видео для начинающих. Автору жирный лайк🤝👍💪 У меня тоже есть пример создания сайта в блокноте попроще конечно, но по шагам с исходником и коментами для скачивания. Кому интересно, забирайте.

[@devid6367]

Спасибо огромное!

[@aishakuanishkyzy7228]

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

[@RadioUnit]

Георгий красавчик!!!👍🏻👍🏻👍🏻 Сейчас CSS изучаю, очень помог, конечно все равно учебник нужен, но в принципе все ясно! Зачем переплачивать TILDA, если за час можно самому все сделать😁. Единственное не подскажешь как сделать, чтобы такие "движухи" как в TILDA (появление заголовков, выезжание рисунков, появление рисунков при скроле) сделать?

[@freshlemon4410]

это 3 дэ изучать надо

[@freshlemon4410]

и анимацию

[@Litt1eAnge1]

Почему у него все работает, а у меня нет :/

[@deltaradune]

жиза, у меня и шапка криво встала, и блоки не встали в столбик по 2

[@motivationyou97]

Привет все отлично работает

[@step-1114]

Когда ты почувствуешь себя дерьмом, просто вспомни, что я программирую на телефоне

[@АлександрЛиманский-л4ы]

*Нух😁я, я тоже на телефоне пишу код, и в этом нет ничего плохого лол.*

[@kexibq987]

Что?

[@step-1114]

@@АлександрЛиманский-л4ы На чем пишешь?(язык)

[@АлександрЛиманский-л4ы]

@@step-1114 HTML5/CSS3

[@АлександрЛиманский-л4ы]

@@step-1114 напиши мне сюда: m.vk.com/id538946987 Есть хочешь что нибудь обсудить

[@SeXYDaSh]

header #logo { color:#fff; cursor: pointer; } но цвет не изменился что делать?

[@zagorodnyaya4937]

А что делать, если у меня header становится белым,когда я скролю вниз, а когда возвращаю,то он все равно остается белым?

[@xeither289]

БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!☦❤🙏

[@aprel2370]

☦️❤️

[@mynouer_7094]

Бога нет

[@GOOP_98]

Бога нет🎉❤

[@andreyshevchenko5925]

Класс+

[@timurivanov457]

С java много работает.... а так видео супер!

[@apelsinka224]

что делать если "контакты ответы на вопросы возможности и преимущества " находяться слева сверху и никак не могу преместить их в сентер

[@somewebpractice]

Ну зачем ты их float учишь? С media запариваешь их, ну не грид, но флекс хотя бы, пусть сразу учатся нормально верстать

[@BBOYMixFive]

Без медиа никак совсем разве? А как же быть, когда блоки надо выстроить на всю ширину, друг под другом (в мобильной версии)? Или это можно флексом?

[@somewebpractice]

Mike Это бутстрапом дедается без прописываний медиа. Нет, для общего понимание это хорошо, но зачем этот гемор в почти 2019?

[@BBOYMixFive]

@@somewebpractice не люблю бутстрап, хоть это и удобно

[@НукрамохОдинаева]

.

[@Nomad-mf9pn]

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

[@nisto589]

полезное видео!

[@alibabayev4524]

Супер)

[@theFire-nx6pd]

Спасибо за щедрость 😘

[@jamshidy.ubaydulloyev37]

Блин браток ты дышать успевал хотя бы

[@gameover0336]

В точности скопировал , но почему то у меня id=,,about" было ниже названия сайта , и я не мог это исправить

[@ОлександрГолоднюк-ц3м]

Спасибо!

[@lubaluba7624]

Спасибо

[@zhasik_mrx]

А стооп! Я думал изучать html и css чтобы верстать. А как понять html 5 и css 3?. Это значить нужно изучать 5 и 3? Емаее. Я запутался подскажите пожалуйста)

[@andersonz2527]

5 и 3 это номера версий, html5 css3 это последние версии, поэтому их и надо учить, там в основном новые теги добавились, например в html5 добавились: header, footer, aside, video и т.д.

[@sevakvart1111]

Отлично!!!

[@Daimonkl_666]

Спас мой диплом, низкий поклон

[@surenosmikkillinang7615]

Жаль что такие дебики в вузах, принципиал тупые

[@sasha1288]

Верстал код в Atom(это тоже приложение что и у автора) но у меня function slowScroll не работает. В самом приложение весь код у меня серый, а на сайте при спуске вниз только линия серая. Можете помочь?

[@АлексейЯковлев-х1п4з]

Круто

[@АлексейЯковлев-х1п4з]

Согласен

[@anandinidorogomilovamusic2873]

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

[@sophias.464]

Отличное видео! Было бы интересно посмотреть как делать сайт с несколькими страницами

[@sayrus]

Sophia S. Точно так же,лол

[@romashevskiyoleg4407]

Wordpress в помощь иначе сначала неплохо так намучешся)

[@arturhaiduk4480]

У меня не работает библиотека JQuery. Подключил все точно так, как на видео. Потом попробовал запихнуть подключение между тегами head - не помогло. Также попробовал скачать библиотеку и прописать путь к ней - проблемы не решило. В чем может быть причина неисправности ?

[@Zarich_q]

В чем проблема ? Не распознает "nth-child" и эти картинки не становятся в два ряда друг под другом

[@pizzapepperoni4819]

у меня та же проблема(

[@radada3660]

А размеры картинок какие-то определенные надо брать?а то у меня все какие-то громадные и получилась какая-то жуть...или их тут в процессе как-то размер можно изменить?

[@antresolweb]

Лучше оптимизировать размер картинок под сайт. Но можно и размер прописать она маштабируется

[@Vasiliy828]

@@antresolweb спасибо кэп, там спросили КАК это сделать!

[@SHIRZA1]

Очень классный урок!

[@createdbytora]

почему то адаптивность не работает

[@musx5127]

да нихрена некотрые вещи из этого видео не работает

[@Коллинс-й2ь]

@@musx5127 библиотеки же обновляются наверное из-за этого

[@АчытыМонгуш-п8р]

Функция "function slowScroll..." не работает

[@top1.soccer77]

почему зачеркнутый

[@ВиталийБоднар-е1я]

Спасибо за видео . Есть вопрос: для элемента header автор использовал float: left для элементa header шириной 100% (чёт я напутал, когда первый раз вопрос писал - слишком долго рассуждал, а стоит ли вообще писать)... так же непонятно, зачем было использовать about > a для обозначения всех тегов а в классе about ведь и без > должно сработать и срабатывает... ещё вопрос возник с a: hover { text-decoration: underline} - ведь это ссылки и они всегда подчёркнуты. И сразу хочу оговориться, что ни в коем случае не придираюсь, просто интересно, есть в каком либо из этих действий реальный смысл? может для header он появится в версии на мобильные устройства?

[@mrcat7260]

Очень интересное видео! После рассказа хочется только и делать что создавать такие вот офигенные сайты. Вот реально, просто нет слов, молодец. Спасибо за все видео, которые снимаешь!

[@MashaRupich]

Ничего не понятно, но очень интересно)

[@vladimirshokhin2948]

Толку от HTML 5, если ты дивами верстаешь ? Флоты божественные

[@somewebpractice]

Нет, можно header, footer итд, но чем div то плох?)) А флоты + media это да... хрен с ним с гридом, но флекс хотя бы))

[@Zarich_q]

В чем проблема ? Не распознает "nth-child" и эти картинки не становятся в два ряда друг под другом

[@АлександрЛиманский-л4ы]

Владимир, на дивах вообще то CSS держиться, а если без него, то жиза. Ну да, можно юзать header и footer, но чем тебе див не угодил?

[@YoutubeAitishnik]

Привет, спасибо автору за тему. Еще короткие видео для начинающих у меня на канале!)

[@Emili_live]

В блоке возможности прописываем class="text" ? заем если в css прописанный класс не используется и для него не прописанный стиль... путаница какай-то.. сорри просто хочу понять? я новичек в этом...

[@imintegralmusic5501]

если прскролить вниз и прокликать ссылки в меню, то меню моргает. а при клике на логотип такого не происходит.

[@musx5127]

да у меня тоже такое

[@guzelsemennikova8548]

Почему не применяется стиль к логотипу? Сто раз проверила

[@РафаКоч]

Кэш не?

[@ГуляБагандова-ш8с]

Почему у меня меню под логотипом ведь все скопировал

[@nurumnii]

Я полный чайник в программировании, но в школе задали создать лендинг. Объясните, пожалуйста, как второе окошко связать с первым?

[@ЯрославБалашов-о2в]

При нажатии клавиши -tab- ничего не происходит, html код не разворачивается. Плагин emmet установлен , редактор так же Atom. В чем может быть проблема ?

[@ilnazgimazetdinov5833]

поздновато наверное, но нужно тип документа html выбрать справа снизу :DDD

[@kek9729]

Ребят такой вопрос при вёрстке элемент functlon никак не подсвечивается и на сайте не работает что делать

[@МихаилГуль-з3ф]

function, а не functlon

[@ilnazgimazetdinov5833]

@@МихаилГуль-з3ф АХХАПХПА,как тебе не в падлу было это ему писать :DDDDDDD

[@FA-tu5ti]

@@ilnazgimazetdinov5833 а чё? может из-за этого ошибка и была

[@jooorek5921]

Что делать, если шапка сайта не меняет цвет на белый?

[@1Nurali]

Перепроверь css! Можешь также указать цвет фона:!Important

[@aerospacee2154]

Проверь скобки

[@mrhouseo_o3567]

Здравствуйте! У меня возникла такая проблема, что после подключения библиотеки googleapis jquery, function не подсвечивается. Что делать? Заранее спасибо)

[@tutifrutti44]

Mr.Corrob:/ Game проверь,поставил ли ; в конце предыдущих строк

[@mokki1601]

скажите пожалуйста как подключить стилью, у меня только скелет а не как на видео пожалуйста помогите

[@Vulpes_91]

вообще странно. Обычно в таких видосах сперва показывают макет, который получится на выходе, потом пишется html структура и уже потом стили и прочее

[@ДимаРогатнев-ю3п]

В принципе, норм.

[@Money_Hub777]

гений

[@user-tn5nz1sh5h]

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

[@ecobuildmanagement]

боже, я поставил на 0.75 и то не успел за тобой, слишком быстро всё делаешь....

[@arsenkaaa]

Да не норм, если сам хорошо языки знаешь

[@lydiamarz4084]

для рекламы -HTML5 и CSS3 за час!

[@Akordio]

Ххх твоя аватарка прям в тему

[@АлександрЛиманский-л4ы]

Ты хотя бы что-то знаешь? Если нет, то выучи, а потом уже смотри ролик

[@FA-tu5ti]

@@АлександрЛиманский-л4ы а ты чё такой умный? если челик англ знает уже хорошо

[@pivrock913]

Сколько будет стоить изготовка такого сайта? Ну то есть сколько автор сможет получить за эту работу?

[@ПРОСТОЕГОР-ж1м]

+-100$

[@mn4769]

Как вы выровнили изображения по центру?

[@Степан-л1я1г]

Здравствуйте, решил попробовать делать сайты опыта вообще нет, это не слишком сложно?) Долго учиться этому?)

[@relaxplay9359]

Все будет ппц как сложно, но это только по началу, года 2-3 поработаешь и норм. Сможешь проекты брать сложные по фрилансу и делать их в короткие сроки и зарабатывать с одного проекта 10-15 к. Но опять же в это дело нужно влить много времени и сил.

[@Степан-л1я1г]

@@relaxplay9359 да я уже начал делать через конструктор)) все просто и быстро)

[@olegruspro8877]

Привет Гоша ты не мог бы помочь,скопировал одностраничник переделал под другой товар. На компе сайт смотрится нормально, а на мобильной версии фотографии которые были до переделки пробовал заменить остается тоже самое.