Nasdanika Vinci. Секции страницы. Параграфы, вкладки, карточки

Описание: В данном уроке рассказывается о том, как наполнить область содержания страницы различными секциями (блоками). 

В секциях может содержаться текст, изображения, другие блоки, имеющие собственный контент и собственные настройки внешнего вида.

При переключении между секциями пользователь не покидает страницы, он продолжает видеть не активные секции.

К концу этого урока вы научитесь создавать:

текстовые блоки в виде параграфов (несколько абзацев с заголовком)

вкладки с текстом

Pills - текстовые блоки, переключающиеся по нажатию на элемент Pill

Cards -  гибкий и расширяемый контейнер, в который можно вставить текст и изображения. Этот контейнер адаптируется к выбранному размеру окна браузера и масштабу страницы.

Кроме того, вы научитесь встраивать изображения в маркдаун контент, изменять порядок расположения секций на странице.

Table of Contents:

00:00 - Introduction
01:22 - Роль Section - наполняем страницу
01:34 - Наполняем раздел "Описание"
03:35 - Вкладки (Tab)
03:53 - Настройка Section Style
04:39 - Изменение порядка расположения секций
05:52 - Стиль секции Pill
06:07 - Разные секции на одной странице
07:13 - Карточки (Section Style Card)
07:38 - Как встраиваить изображения (маркдаун)
07:45 - Создаём папку для изображений
08:19 - Создание карточки с фоторафией
09:51 - Как найти относительный путь к файлу
10:54 - Карточка с вкладками для текста и фото
12:29 - Как встроить иконки
14:44 - Копирование и вставка группы карточек
17:05 - Создание связи в поле Linked Elements
18:11 - Изменение размера и количества карточек