Графика: Изучаем базовые понятия и правила, для создания сайтов на webflow. Курс для новичка, урок № HD
00:29:16
editor 9780 роликов
249 просмотров
Изучаем базовые понятия и правила, для создания сайтов на webflow. Курс для новичка, урок №.
#webflow #вебфлоу
Это продолжение бесплатного курса по изучению платформы вебфлоу на Русском языке, первая часть тут www.youtube.com/watch?v=x4q6NtZt3mI. Сегодня мы рассмотрим основу любого сайта — DIV Block, все варианты правильного взаимодействия с ними, а так же выравнивания элементов внутри блока, на примере Flex Box и Grid — которые являются базовыми способами взаимодействия с контентом.
Я покажу как правильно выравнивать элементы внутри блока и относительно друг друга, что бы на основе полученных знаний вы смогли в будущем, правильно дизайнить сайты и получать на выходе семантически верную (правильную а не кривую) верстку и как результат в будущем было легко редактировать полученные код с вебфлоу.
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow freelance-blog.com/webflow/
— Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
Это продолжение бесплатного курса по изучению платформы вебфлоу на Русском языке, первая часть тут www.youtube.com/watch?v=x4q6NtZt3mI. Сегодня мы рассмотрим основу любого сайта — DIV Block, все варианты правильного взаимодействия с ними, а так же выравнивания элементов внутри блока, на примере Flex Box и Grid — которые являются базовыми способами взаимодействия с контентом.
Я покажу как правильно выравнивать элементы внутри блока и относительно друг друга, что бы на основе полученных знаний вы смогли в будущем, правильно дизайнить сайты и получать на выходе семантически верную (правильную а не кривую) верстку и как результат в будущем было легко редактировать полученные код с вебфлоу.
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow freelance-blog.com/webflow/
— Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
развернуть свернуть
— Индивидуальное обучение
•••••••••••••••••••••••••••••••
Таймкоды:
00:00 Подготавливаем основу для изучения DIV блоков
03:20 Добавляем ДИВ блок и смотрим все варианты взаимодействия с ним
07:21 Помещаем контент внутрь див блока и рассматриваем уже с ним разные варианты взаимодействия
11:38 Изучаем Flex Box (выравнивания элементов внутри блока)
18:12 Альтернатива для флекс боксов в видео Grid
27:24 Немножко про адаптив