Графика: Изучаем базовые понятия и правила, для создания сайтов на webflow. Курс для новичка, урок № HD
![Графика: Изучаем базовые понятия и правила, для создания сайтов на webflow. Курс для новичка, урок №](https://edu.12n.ru/upload/video/images/big/a8/a7/a8a7dbe0d8462477fdfe467f6bb5e1a4.jpg)
00:29:16
editor 10281 ролик
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 Немножко про адаптив