Верстка сайта FIGMA с нуля. Вставляем картинки. HTML/CSS/JS №4

Опубликовано: 02 Октябрь 2024
на канале: WEB РАЗРАБОТКА
655
17

В этом ролике мы будем вставлять на первый экран шейпы( картинки). Разберем позиционирование css. Как экспортировать картинки с фигма. Как оптимизировать сжимать картинки png.

Подписывайтесь на мой телеграм канал - https://t.me/ineyeblog

0:00 - Верстка сайта
0:35 - Экспортируем картинки с фигма
1:10 - Создаем структуру папок для картинок
2:25 - Добавляем картинки с помощью html тэга img
4:35 - Добавляем css стили картинкам. Позиционирование и размер
6:40 - Убираем проблему розползания контента
10:40 - Оптимизируем / сжимаем картинку png. tiny-png
16:00 - Задаем структуру html для картинок



#html #css #htmlforbeginner #htmltutorial #csstutorial #css3 #html5 #htmlcss #версткасайта #верстка