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

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

------------------------------------------------

------------------------------------------------

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

------------------------------------------------

#верстка #версткасайта #html #css #css3

[oksanaaleksejeva]

Нереально офигенные уроки, я будучи в коллегии никогда бы столько не научилась. Настолько умно и хорошо объясняет что информация просто сама остается в голове

[Vitaminrus]

Дойдя до этого урока уже пользуюсь твоим видео как проверкой и подсказкой, в большинстве справляюсь сам. Спасибо Cенсей:D

[ErnestGaliullin]

Прохожу уже 5 урок по верстке за второй день, уже понимаю что я даже в процессе верстки начал мыслить как Дмитрий, я название классов и действий уже на перёд предугадываю.
Спасибо Дмитрий я проявленую работу!

[trendsgallery]

Очень нравится как именно ты работаешь. После твоих уроков, переходил на уроки Фрилансера по жизни. 1в1 Адаптивная вёрстка для начинающих. В моем случае, твой контент оказался в 10 раз понятнее и приятнее. Ощутил кайф, когда вернулся именно к тебе. Твои методы и способы более простые для понимания, плюс у тебя нереально крутая медленная спокойная подача с низким голосом. Респект!

[pepega_blue]

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

[ДенисМ-нм]

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

[Burovasofia]

Ваши уроки самые полезные!!! Спасибо за Ваш труд!

[alexstrong]

Очень крутые уроки! Благодарю за то, что делишься своим сжатым опытом.

[Snatcher.]

Усли у кого-то возникли проблемы с последним разделом clients и элементы идут в один ряд, а не в два, то поможет box-sizing: border-box; приписанный к clients__item. Долго не понимал, что не так.

[Тини]

Спасибо! Не переставайте снимать новые обучающие видео. У Вас это хорошо получается.

[АндрейМаркин-нр]

Дима, давай больше мастер-классов! Лайки тебе обеспечены!!! Спасибо за труд!!!

[allabott]

PRO TIP: Чтобы не страдать с картинками – выделяем два слоя, например для первой картинки с мужчинкой, это слои Layer 26 и Rectangle 17. Затем CTRL+C – CTRL+N – ENTER – CTRL+V. Вы скопируете изображение такого размера как в макете, при копирование вы добавляете изображение в буфер обмена, фотошоп автоматически создает шаблон с последними параметрами из буфера обмена, он первый, пожимаете энтер и вставляете изображение в новый документ. Вуа-ля картинка готова. Без резаков, быстрых выделений и смс.

[progerlife]

ООоооо Димон вернулся!!!Уроки супер. Спасибо лайк и подписка. Было бы прикольно если бы Дима випустил курс по Less для начинающих вообще тема!! Спасибо!!!

[Sunrw]

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

[НискемкромеСовести]

Действительно хороший материал для изучения.

[grow_down]

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

[rawso]

В блоке works с правой стороны картинок вылезает градиент. Исчезает если заменить  max-width: 100%;

.works__image{
  display: block;
  transition: opacity .2s linear;
  height: auto;
  max-width: 100%;
}

на просто width: 100%;

.works__image{
  display: block;
  transition: opacity .2s linear;
  height: auto;
  width: 100%;
}

[sergsergey]

Спасибо! отличные видео, идём дальше)
в первом видео были бы полезны (для новичков как я) ссылки на видео "как оформлять html", "css", "как работать с атрибутами"

[Jerry]

Дмитрий, спасибо! Всё оч круто) Учусь))

[ТатьянаГалкина]

смотрю сейчас данный курс видео и случайно узнала, что сегодня у Дмитрия день рождения. С Днем Рождения!!!