Верстка сайта от header до footer с оптимизацией изображений

В этом уроке вы шаг за шагом сверстаете полноценный сайт от шапки и кнопок до разделов с брендами, работами и товарами. Разберём оптимизацию изображений и современные форматы, а также оформим футер с градиентом. Записаться на курс "Сайт с нуля: Pixso, Tilda и ChatGPT для новичка" на Stepik, чтобы получить больше практики: https://stepik.org/275997 Макет можно скачать в уроке "Меню и шрифты". Этот урок в свободном доступе по ссылке выше. Просто нажмите кнопку "Попробовать бесплатно". 00:00 Разметка для Header 04:48 Стили для Header 10:37 Кнопки 16:18 Брэнды 21:40 Кейсы, разметка и стили для блока 30:02 Оптимизация изображений и подключение webp и avif 38:03 Разметка для товаров 42:32 Стили для товаров 49:48 Footer Кайдзен разработка, чтобы бесплатно изучить основы HTML, CSS, JS - https://stepik.org/208758 💡 Телеграм - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor YouTube - https://youtube.com/@ITDoctor Дзен - https://dzen.ru/itdoctor ВК - https://vk.com/itdoctorstudio Rutube - https://rutube.ru/channel/23500045/ #itdoctor #pixso #tilda #chatgpt