🔥 Верстка сайта с нуля для начинающих | HTML, CSS, VS Code, PSD

Повторяй все действия за мной и если возникнут вопросы, то пиши их ниже под видео. Сайт был сверстан в рамках бесплатного интенсива с использованием HTML и CSS на VS Code.

⚡️ Макет можно получить через донат:

Таймкоды:
00:00:00 Вступление
00:00:23 Работа с макетом и HTML
00:29:20 Стилизация шапки и первого блока
00:59:32 Стилизация второго блока и футера
01:45:53 Адаптивность

[annblok_webdev]

🔥 Интенсив «Первый заработок на создании сайтов»
Участие бесплатное, но необходимо зарегистрироваться:

[onepage]

Это просто лучший канал про вёрстку. Всегда советую начинающим спецам 👍

[asnpost]

В VS Code автосохранение по умолчанию отключено. Чтобы не жать постоянно Ctrl+S можно в свойствах включить автосохранение: File -> Preferences -> Setting. Затем во вкладке User перейти на Commonly Used и там в самой первой записи Files: Auto Save можно выбрать какой тип автосохранения делать. Я установил onWindowChange. И когда я перемещаюсь из окна VS Code в другое окно, например, в Chrome, происходит автосохранение в VS Code. Очень удобно и не забываешь сохраняться.

[volodymyrdubinkin]

Мне как начинающему, хоть тут профики и написали кучу замечаний, но банально многие процессы и прямую физику процесса разъяснила! От меня жирный лайк и спасибо!

[matthewfox]

Смотрю чисто по фану и умиляюсь. Это видео не для начинающих, а для самых маленьких) Лайк за заботу)

[pavelzhol]

Для самых самых начинающих это видео. Спасибо за труд)

[РашидДонской]

Приятно Удивлен!!! Получается, достучаться даже до новичков! спасибо, за грамотное объяснение!

[sanjar]

Ну очень круто, все понятно каждое движения с пояснениями как раз для таких тупых как я)))). Искал видео именно с таким точным пошаговым описанием, очень помогло видео заверстал все супер. 💖💖💖Спасибо большое за вашу работу 💖💖💖

[PavLv_]

Пока что это лучшее видео для начинающих а перелопатил я весь ютюб.

[fanwot]

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

[FunnyChanelOriginals]

Поставил скорость 1.5 и вообще каеф стало)

[ЭдуардЛобанов-ри]

Спасибо большое за интенсив для новичков!)

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

Хороший формат видио. Заинтересовал. Буду изучать контент канала. Спасибо за ваш труд.

[артемремонт]

Я тоже подписался и поставил лайк, для начинающих верстальщиков супер. Мне понравилось что без воды показан весь процесс. Класс, так держать!!!

[selindra]

Огромное спасибо Анне Блок! Я узнала много нового за эти замечательные три дня бесплатного интенсива! Познакомилась со многими единомышленниками и безумно рада что являюсь частью великолепного сообщества Типичный верстальщик. Процветания данному проекту! 😘

[ksr-mebel]

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

[tawt]

еще не глянул, но лайк поставил, гляну попозже =) Аня умка, так держать=)

[armenakcomp]

Анна Блок, мне очень понравилось верстать этот макет, многое повторил и выучил. Просто очень хороший трюк для центрирования декоративный элементов calc, порадовало еще декоративная кнопка CREATE YOUR LEGEND. Одним словом СПАСИБО!

[ЕвгенийБаулин-иц]

Был на интенсиве, все очень достойно: материал проработан, практика помогла продвинуться, процесс обучения приятный! Большое спасибо Анне Блок и проекту "Типичный Верстальщик" за помощь в начале пути! Желаю вам У$пеха и Проц$етания!

[ЮлианнаЗарова]

Включаю это, чтобы поспать) сработало уже 2 раза 😁
Когда-нибудь я это включу, чтобы понять))