# Что такое Линда Линда – это платформа для совместной разработки образовательного контента. Линда помогает крупным компаниям создавать отделы внутреннего обучения сотрудников и ускорять их профессиональный рост. #### Кто пользователи платформы Линда В первую очередь платформа Линда предназначена для разработчиков учебно-методических курсов, специалистов по обучению, а также людей, отвечающих в компании за обучение сотрудников. Для построения курсов на платформе не требуется специальных технических знаний, достаточно доступа в интернет, остальные вопросы решаются платформой. # Как работает платформа Линда Платформа Линда – это веб-приложение, поэтому для работы с ним вам потребуются доступ в интернет и браузер. Мы рекомендуем использовать Google Chrome последней версии. Все изменения учебного проекта автоматически сохраняются, нет необходимости сохранять его вручную. Основной процесс построения учебного курса можно разделить на 3 этапа. 1. **Создание компании. Компания** – это верхний уровень в иерархии платформы Линда. Все ваши учебные проекты, файлы, задачи и пользователи собраны в одном месте – компании. Как правило, созданием компании занимается служба технической поддержки. 2. **Создание учебного проекта. Учебный проект** – это конечный результат вашей работы на платформе Линда. Разработайте структуру проекта, расположите обучающий контент и при необходимости добавьте тесты. 3. **Экспорт**. Экспортируйте ваш проект как SCORM-файл для последующей загрузки его [в LMS-систему](https://ru.wikipedia.org/wiki/%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0_%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F_%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%D0%BC). Более подробно о SCORM можно почитать [в статье на Wikipedia.](https://ru.wikipedia.org/wiki/SCORM) # Основные компоненты системы В данном разделе познакомимся с основными секциями платформы Линда. # Компания **Компания** – это верхний уровень на платформе Линда; папка, содержащая все учебные проекты, файлы, пользователей.

# Проект **Проект** – учебный курс (урок), созданный на платформе Линда. Все учебные проекты находятся в каталоге.

# Секция **Секция** – составная часть учебного курса (проекта). Секции бывают нескольких типов: * [Страница](/osnovnye-komponenty-sistemy/sekciya/stranica) * [Тест](/osnovnye-komponenty-sistemy/sekciya/test) * [Обложка](/osnovnye-komponenty-sistemy/sekciya/oblozhka) * [Раздел](/osnovnye-komponenty-sistemy/sekciya/razdel)

на примере выше содержание курса состоит из секций: обложка, страница, тест, разделы

Настройки секции отображены в правом меню настроек.

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

{% hint style="info" %} Для открытия настроек секции, наведите курсор на **кнопку ...** и выберите опцию **"Настройки"** {% endhint %}

# Страница **Страница** – одна из секций курса, где информация для учащегося представлена как на веб-странице (сверху вниз).

Так выглядит страница в режиме предпросмотра:

{% hint style="info" %} До релиза 2.37 страница называлась лонгрид. Т.е. страница - это и есть лонгрид {% endhint %} # Тест **Тест** – одна из секций курса, которая используется для контроля знаний, полученных учащимся.

Настройки тестовой секции находятся в выпадающем меню, внутри [правого бокового меню](/osnovnye-komponenty-sistemy/sekciya):

Так выглядит тест в режиме предпросмотра:

# Обложка **Обложка** – одна из секций курса, которая используется для визуального отображения первой (приветственной) страницы курса.

Так выглядит обложка в режиме предпросмотра:

{% hint style="info" %} Секция обложка в курсе - единственная. При попытке добавить больше одной обложки, система заблокирует данное действие. {% endhint %} # Раздел **Раздел** – одна из секций курса, контейнер для таких секций как страница и тест. Используется для создания сложной структуры курса.

{% hint style="info" %} Секция раздел может быть вложена в другие разделы, создавая сложную структуру. {% endhint %} # Блок **Блок** – составная часть многоуровневых секций: **теста**, **страницы**. В одном блоке можно разместить несколько элементов. С помощью блоков создается учебный проект. На скриншоте показана [страница](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.3-longrid) с 9 блоками.

# Шаблон **Шаблон** – это [блок](/osnovnye-komponenty-sistemy/blok), настроенный и сохраненный пользователем. Представьте, что в вашем курсе несколько однотипных блоков: каждый содержит картинку, текст, видео. Чтобы не создавать идентичные блоки «с нуля», [сохраните эталонный блок в качестве шаблона](/sozdanie-proekta.-pervye-shagi/sozdanie-i-ispolzovanie-shablona). Шаблоны могут быть созданы на трех уровнях доступа для использования: 1. Личного. Шаблон доступен только пользователю, создавшему его. 2. Внутри проекта. Шаблон доступен пользователям, имеющим доступ к учебному проекту, в котором он был создан. 3. Внутри компании. Шаблон доступен всем пользователям компании. # Элемент **Элемент** – компонент системы, например: картинка, текст, видео, аудио и др.

На изображении представлены элементы картинка, текст и еще один текст

Элементы разделены на категории: * «Оформление». Данная категория включает в себя различные элементы, позволяющие пользователю взаимодействовать с содержимым страницы: картинка, текст, аудио, видео, файл, ссылка, разделитель и др. * «Тест». Данная категория содержит такие элементы, как «обратная связь», вопросы с выбором одного или нескольких вариантов ответа, вопросы с открытым ответом, сопоставление и др. * «Интерактивные». Эта категория элементов обычно используется для представления большого объема информации в организованной и доступной форме. # Оформление Данная категория включает в себя различные элементы, позволяющие пользователю взаимодействовать с содержимым страницы: картинкой, текстом, аудио, видео, файлом, ссылкой, разделителем и др. # Картинка графический элемент, обычно используется для иллюстрации текста или демонстрации концепции, может быть различного размера и формата.

Дважды кликните по элементу чтобы увидеть его настройки.

Меню настроек будет находится в правой части экрана

## Действия с картинками: ### 1. Заменить картинку Чтобы изменить картинку, в настройках элемента нажмите на имя файла и выберите или загрузите новое изображение.

### 2. Обрезать картинку Чтобы обрезать картинку, выберите форму (прямоугольник или круг), настройте пропорцию и примените к изображению.

### 3. Увеличивать картинку Чтобы картинка увеличивалась по клику в курсе, установите значение "Да"

# Аудио элемент, включающий в себя звуковые файлы, которые могут использоваться для обучения, развлечения или демонстрации продукта или услуги.

**Дважды кликните по элементу чтобы увидеть его настройки.**

## Действия с аудио: ### 1. Прикрепить аудиофайл Чтобы добавить аудиофайл, нажмите кнопку «Загрузить файл».

### 2. Автостарт Чтобы предотвратить автоматический запуск аудио, выберите «Нет» в настройке «Автостарт».

### 3. Повтор Чтобы включить автоматический повтор аудио, выберите «Да» в настройке «Повтор».

### 4. Громкость звука по умолчанию Отрегулируйте бегунок, чтобы увеличить или уменьшить громкость по умолчанию.

### 5. Скорость по умолчанию Выберите скорость аудио по умолчанию из списка.

### 6. Обрезать начало и конец аудио Чтобы обрезать начало и конец аудио, используйте настройки времени начала и времени окончания.

### 7. Добавление тайм-кода Чтобы вставить тайм-код, перейдите на вкладку «Лента», затем выберите время и текст, который вы хотите отобразить.

# Видео элемент, включающий в себя видеофайлы, которые могут быть использованы для обучения, развлечения или демонстрации продукта или услуги.

**Дважды кликните по элементу чтобы увидеть его настройки.**

## Действия с видео: ### 1. Изменить источник Видео можно воспроизводить либо из загруженного видеофайла, либо через ссылку, например ссылку YouTube. {% hint style="info" %} Элемент “Видео” поддерживает ссылки с таких сервисов, как “YouTube”, “Facebook”, “Twitch”, “SoundCloud”, “Streamable”, “Vimeo”, “Wistia”, “Mixcloud”, “DailyMotion” и “Kaltura”.  {% endhint %}

### 2. Скрыть навигацию

### 3. Автостарт Чтобы отключить автоматический запуск видео, выберите «Нет» в настройке «Автостарт».

### 4. Повтор Чтобы включить автоматический повтор видео, выберите «Да» в настройке «Повтор».

### 5. Громкость звука по умолчанию Отрегулируйте бегунок, чтобы увеличить или уменьшить громкость по умолчанию.

### 6. Скорость по умолчанию Выберите скорость аудио по умолчанию из списка.

### 7. Обрезать начало и конец видео Чтобы обрезать начало и конец видео, используйте настройки времени начала и времени окончания.

### 8. Обложка видео Чтобы загрузить обложку для видео, выберите изображение в настройке «Загрузить файл».

{% hint style="info" %} Автоматическое добавление миниатюры видео не доступно по ссылкам из Facebook, Wistia и Mixcloud. {% endhint %} ### 9. Цветная заливка для видео Чтобы выбрать наложение в качестве обложки для видео, выберите цвет в настройке «Заливка».

### 10. Добавление тайм-кода Чтобы вставить тайм-код, перейдите на вкладку «Лента», затем выберите время и текст, который вы хотите отобразить.

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

**Дважды кликните по элементу чтобы увидеть его настройки.**

### Добавить файл Чтобы добавить файл, нажмите на имя файла.

# Ссылка элемент, который является кликабельным текстом или изображением, перенаправляещее пользователя на другую страницу или ресурс.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Адрес ссылки Здесь вы можете ввести веб-адрес ссылки.

### 2. Текст ссылки Здесь вы можете задать название для ссылки.

### 3. Анонс Если вы включите анонс, вы сможете добавить к ссылке дополнительную информацию, такую как заголовок, описание и изображение.

### 4. Применить автозаполнение Если вы нажмете на «Применить автозаполнение», наша система попытается получить информацию и автоматически заполнить поля для заголовка, описания и изображения.

# Разделитель элемент, который используется для создания границы (визуального отделения) между различными секциями контента

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Тип Чтобы изменить тип разделителя, переключите его в настройке «Тип». {% hint style="info" %} У разделителя есть три типа: сплошная, точечная, пунктирная линия. {% endhint %}

### 2. Вид Чтобы изменить вид разделителя, переключите его в настройке "Вид". {% hint style="info" %} Разделитель может представлять собой единичную или двойную линию. {% endhint %}

### 3. Нумерованный Вы можете превратить разделитель в пронумерованный разделитель, установив "Да" в настройке.

{% hint style="info" %} Чтобы настроить ширину, цвет и другие параметры используйте Pro-режим или поменяйте/создайте стиль брендирования. {% endhint %} # Список элемент, который представляет собой упорядоченный или неупорядоченный набор элементов, обычно представленных в виде номеров, точек, картинок.

**Дважды кликните по элементу чтобы увидеть его настройки.** ### 1. Добавить элемент списка Чтобы добавить новый элемент списка, нажмите Enter на клавиатуре или кнопку «Добавить», расположенную в настройках элемента.

### 2. Поменять вид списка {% hint style="info" %} Списки бывают трех видов: нумерованные, маркированные и с иконками {% endhint %} Чтобы изменить вид списка, переключите его в настройках элемента.

### 3. Удалить элемент списка Чтобы удалить элемент списка, выберите опцию «Удалить» в настройках элемента.

### 4. Дублировать элемент списка Чтобы дублировать элемент списка, выберите опцию «Дублировать» в настройках элемента.

### 5. Переместить элемент списка Чтобы переместить элемент списка, просто перетащите его туда, где вы хотите, чтобы он находился.

# График элемент график представляет визуализацию данных в виде столбчатого (линейного) графика, круговой диаграммы, что помогает визуально понять и анализировать информацию.

**Дважды кликните по элементу чтобы увидеть его настройки.** ### 1. Добавить метку Чтобы добавить новую метку в график, нажмите кнопку «Добавить», расположенную в настройках элемента.

### 2. Изменить тип графика {% hint style="info" %} Есть три типа графика: линейный, столбчатый и круговый. {% endhint %} Чтобы изменить тип графика, переключите тип в настройках элемента.

### 3. Удалить метку Чтобы удалить метку, выберите опцию «Удалить» в настройках элемента.

### 4. Дублировать метку Чтобы дублировать метку, выберите опцию «Дублировать» в настройках элемента.

### 5. Переместить метку Чтобы переместить метку, просто перетащите его туда, где вы хотите, чтобы он находился.

# Таблица элемент график представляет визуализацию данных в виде столбчатого (линейного) графика, круговой диаграммы, что помогает визуально понять и анализировать информацию.

{% hint style="info" %} Чтобы получить доступ к настройкам таблицы, просто нажмите на ячейку или таблицу, и появятся параметры. {% endhint %} ### 1. Переместить колонку Чтобы переместить колонку, перетащите ее в нужное место.

### 2. Переместить строку Чтобы переместить строку, перетащите ее на новое место.

### 3. Добавить колонку/строку Чтобы добавить столбец или строку, нажмите кнопку «Добавить столбец/строку», расположенную в правом верхнем углу.

Вы также добавить колонку или строку через опции "Вставить сверху/снизу", "Вставить слева/справа".

### 4. Удалить колонку/строку Чтобы удалить колонку или строку, сначала выберите нужную колонку или строку, затем нажмите кнопку этой колонки или строки и выберите опцию «Удалить».

### 5. Изменить размер колонки Чтобы изменить ширину колонки, просто перетащите колонку на желаемую ширину.

### 6. Дублировать колонку/строку Чтобы дублировать колонку или строку, сначала выберите колонку или строку, которую вы хотите дублировать, затем нажмите кнопку этой колонки или строки и выберите опцию «Дублировать».

### 7. Очистить колонку/строку Чтобы очистить содержимое колонки или строки, сначала выберите колонку или строку, которую вы хотите очистить, затем нажмите кнопку этой колонки или строки и выберите опцию «Очистить содержимое».

# Фигура элемент фигура представляет собой квадрат или прямоугольник, который может использоваться для визуального оформления или обозначения элементов, а также в качестве фона для текста, картинки или других элементов.

# Встроенный код элемент встроенный код позволяет встраивать веб-страницы, видео, аудио или другой интерактивный контент из внешних источников, также имеется возможность вставки скорм-пакетов и исполняемого кода (например, Яндекс карт).

**Кликните по элементу чтобы увидеть его настройки в правом боковом меню.**

{% hint style="info" %} Встроенный код может работать с тремя типами данных: HTML-кодом, ссылкой на веб-сайт или zip-файлом (например, пакетом SCORM) {% endhint %} ### 1. HTML-код Чтобы добавить HTML-код, выберите опцию «HTML» в настройках элемента, нажмите "Редактировать HTML" и вставьте встроенный HTML-код в появившемся окне.

### 2. Ссылка Чтобы добавить ссылку, выберите опцию «Ссылка» в настройках элемента и вставьте ссылку.

### Поддерживаемые ссылки: 1. Youtube (Только embed-ссылки) 2. Vimeo 3. Google Docs / Slides / Sheets 4. Google Maps 5. Miro, Figma (Только embed-ссылки) 6. JSFiddle, CodePen (Через специальный embed) 7. Ваши собственные сайты, если они поддерживают iframe {% hint style="info" %} Для Vimeo: видео должно быть разрешено к встраиванию на вашем домене. Если видео ограничено настройками приватности, оно может не загрузиться {% endhint %} {% hint style="success" %} Примеры ссылок:\ \ \ {% endhint %} ### Неподдерживаемые ссылки: 1. Обычные YouTube ссылки 2. Vimeo-ссылки с приватными настройками 3. Ссылки на сайты, запрещающие встраивание (Facebook, Instagram, GitHub) 4. HTTP-сайты (без HTTPS), если страница работает по HTTPS 5. Ссылки, требующие входа в аккаунт {% hint style="danger" %} Если вставленная ссылка делает перенаправление на авторизацию или другой сайт, то внутри встроенного кода она может не отобразиться или зависнуть на переадресации. То же самое произойдет если сайт требует чтобы у пользователя была сессия (например, авторизация в Google Docs). {% endhint %} {% hint style="warning" %} **Многие сайты запрещают показ в iframe**\ \ 1\. Если у сайта выставлен заголовок: \ "X-Frame-Options: DENY"\ \ или\ \ "X-Frame-Options: SAMEORIGIN"\ \ вставка в iframe с другого домена не сработает — браузер заблокирует загрузку.\ \ 2\. Если сайт выставил CSP-заголовок, ограничивающий встраивание, например: \ "Content-Security-Policy: frame-ancestors 'none';"\ \ или\ \ "Content-Security-Policy: frame-ancestors 'self';"\ \ то он не загрузится внутри iframe.
{% endhint %} {% hint style="info" %} Если сайт работает по https\://, а во встроенный код вставлена http\:// ссылка, браузер может заблокировать это как смешанный контент (mixed content). {% endhint %} ### 3. Архив В настройках элемента выберите «Архив» и загрузите SCORM-пакет.

Подробнее о том, как прикрепить SCORM-пакет читайте [тут](/how-to/kak-prikrepit-skorm-paket-v-kurs-na-platforme-linda). {% hint style="info" %} С обновлением 2.56 в элементе **«Встроенный код»** теперь тоже есть настройки условий прохождения. Мы добавили три варианта отслеживания в зависимости от условий прохождения: 1. **«Нет»** – не отслеживать (то есть без условий прохождения). 2. **«Скорм пройден»** – отслеживать статус Complete, который передает SCORM-пакет или встроенный элемент. 3. **«Клик на элемент»** – отслеживать, чтобы студент сделал хотя бы один клик в элементе **«Встроенный код»**. {% endhint %}

Как работает отслеживание HTML и ссылок

Чтобы настроить отслеживание, нужно в файл или в элемент, открывающийся по ссылке, вставить код: window\.parent.postMessage({ type: 'complete' }, '\*'); Например, вы можете создать элемент для проверки знаний при помощи ИИ и попросить его передавать статус **Complete**. Так, когда файл или элемент завершится, он будет пройден и на платформе Линда.

# Код элемент представляет собой блок или фрагмент программного кода, который поддерживает нумерацию строк, темную/светлую тему, форматирование языка программирования. Доступно 10 языков: html, cssl, javascript, markdown, php, java, python, c/c++, sql, node.

# Rich-text элемент rich-text (текст с обширными настройками) позволяет пользователю применять различные стили форматирования, такие как жирный шрифт, курсив, подчеркивание, списки и другие, чтобы сделать текст более выразительным и понятным.

{% hint style="info" %} Чтобы получить доступ к настройкам rich-text, просто выделите текст, и они появятся в всплывающем меню. {% endhint %}

# Сложный список элемент сложный список представляет собой набор повторяющийся элементов. Например, вы настраиваете одного из авторов, добавляя текст, картинку, отступы. После так как первый автор готов — можно сделать дубль автора в 1 клик.

Чуть подробнее о работе со сложным списком можно узнать из видео {% embed url="" %} # Кнопка элемент кнопка представляет собой интерактивный элемент, на который пользователь может нажать для выполнения определенного действия, такого как переход на другую страницу по внешней ссылке, навигация по курсу, действие в блоке (принятие ответа, блокировка пролистывания контента, завершения курса и т.д.)

**Дважды кликните по элементу чтобы увидеть его настройки.**

{% hint style="info" %} Кнопка может быть следующих типов: * ссылка, * навигация по курсу, * скачать файл, * продолжить, * действие в блоке {% endhint %} ### 1. Ссылка Вы можете ввести веб-адрес ссылки и установить название кнопки.

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

### 3. Скачать файл Чтобы добавить файл для скачивания, нажмите кнопку «Загрузить файл».

### 4. Продолжить Тип кнопки «Продолжить» не позволяет пользователям быстро просматривать содержимое курса.

#### 4.1 Продолжить, условие «Нет» Установка условия «Нет» не позволяет пользователям быстро просматривать содержимое курса. Они должны нажать на кнопку, чтобы продолжить.

#### 4.2 Продолжить, условие «Блок выше пройден» Установка условия «Блок выше пройден» не позволяет пользователям быстро просматривать содержимое курса. Они должны просмотреть/взаимодействовать с блоком, размещенным выше.

#### 4.3 Продолжить, условие «Все блоки пройдены» Установка условия «все блоки завершены» не позволяет пользователям быстро пролистывать содержимое курса. Они должны просмотреть/взаимодействовать со всеми блоками, размещенными выше.

### 5. Действие в блоке {% hint style="info" %} Действие кнопки меняется в зависимости от того, где она используется, например, в странице, тесте или в обложке. {% endhint %} Например, кнопка, размещенная в странице, может только завершить курс.

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

# Открытый вопрос **Элемент открытый вопрос** представляет собой интерактивный элемент, который позволяет пользователю в свободной форме вводить текстовый ответ. Такой элемент используется для получения обратной связи, выполнения образовательных заданий (эссе, развернутые ответы, дополнительные вопросы) или выражения личного мнения. Ответы сохраняются в аналитике системы (например, cmi interaction в СДО), где авторы курса или методисты могут их просматривать и проверять.

{% hint style="info" %} Протестируйте курс в вашей СДО перед финальной публикацией. Линда не собирает и не хранит данные об ответах пользователей. {% endhint %} Обратная связь – основа любого развития. Чтобы собирать обратную связь, мы добавили новый элемент – «Открытый вопрос», чтобы в конце курса пользователи могли делиться своим мнением с автором курса. Этот элемент также подходит и для образовательных задач. Так, его можно использовать для более сложных заданий: эссе, развернутых ответов или дополнительных вопросов. Ответы студентов сохраняются в аналитике cmi interaction в СДО, где авторы курса или методисты смогут их проверить.

Для скрытия кнопки скачивания, нужно переключить на «Нет».

В Pro-режиме вы можете так же отредактировать скругления, изменить фон и покрасить кнопку # Тест Данная категория содержит такие элементы, как "обратная связь", вопросы с выбором одного или нескольких вариантов ответа, вопросы с открытым ответом, сопоставление и др. # Одиночный выбор элемент одиночный выбор позволяет пользователю выбрать один вариант ответа из предложенных вариантов, представлен в виде радиокнопок.

# Множественный выбор элемент множественный выбор позволяет пользователю выбрать один или несколько вариантов ответа из предложенных вариантов, представлен в виде чекбоксов.

# Ввод с клавиатуры элемент ввод с клавиатуры позволяет пользователю ввести текстовый ответ, используя клавиатуру. Может использоваться для ответов, требующих свободного формата или числовых значений. Можно добавить несколько верных вариантов ответа.

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

# Сопоставление элемент сопоставление требует от пользователя сопоставить элементы из двух или более списков. Например, пользователю может быть предложено сопоставить определения с терминами или соответствующие пары.

# Выбор на изображении элемент выбор на изображении представляет собой изображение с кликабельными областями, куда пользователь должен нажать для ответа.

# Обратная связь Элемент обратная связь позволяет делиться обратной связью с пользователями. Обратная связь може быть двух типов: "Инфосообщение" или "Верно/Не верно". Обратная связь по типу "Инфосообщение" представляет собой сообщение, которое отображается независимо от результатов ответа пользователя. Это может быть информация, объяснение, дополнительные инструкции или просто благодарность за участие. Обратная связь по типу "Верно/Не верно" наглядно передает информацию о правильности ответа. Например, если пользователь отвечает на вопрос, система может отобразить сообщение "Верно" или "Не верно" в зависимости от правильности ответа. Такая форма обратной связи помогает пользователям понять, как они прошли тест или задание, и может быть полезной для обучения, оценки знаний или оценки выполнения определенных задач.

Обратную связь можно настроить как для всего вопроса в целом, так и для каждого варианта ответа. {% hint style="info" %} Если вы хотите показывать оба типа, выберите настройку "Смешанный" в "Вариант отображения". \ \ Вы также можете отображать обратную связь только для выбранного пользователем варианта ответа. Для этого выберите настройку "Выбранный ответ" в "Обратная связь". {% endhint %} {% hint style="warning" %} Обратная связь для вариантов ответа может быть только в типах вопросов "Одиночный выбор" и "Множественный выбор". {% endhint %}

# Общая обратная связь **Элемент общая обратная связь** позволяет показать пользователю результат прохождения теста в одном месте. Теперь вы можете настроить обратную связь на все вопросы сразу. Пользователь увидит в одном месте результат прохождения теста: на какие вопросы он ответил верно, на какие – нет, и получит обратную связь к каждому ответу. Это помогает сразу понять, что получилось хорошо, а какие темы стоит повторить.

Общая обратная связь доступна только в блоке **«Результат»** в тестировании: создайте такой блок сами или используйте готовый шаблон. Так, после ответов на вопросы пользователь увидит копию пройденного теста в соответствии с теми настройками, которые вы задали в редакторе. Мы добавили настройки на уровне секции, которые вам помогут управлять логикой прохождения теста. Например, в настройках группы **«Обратная связь по вопросу»** вы можете отключить ОС во время прохождения теста и показать только общую в конце. При этом вопросы выглядят так, как вы их видите в редакторе в режиме работы с контентом.

Вы можете выбрать подходящий для вас вариант отображения обратной связи: * **«Отображать в тесте»** – значение по умолчанию; * **«Скрыть в тесте»** скрывает текстовую обратную связь и иконки во время прохождения теста; * **«Скрыть иконки»** скрывает иконки во время прохождения теста; * **«Скрыть обратную связь»** скрывает текстовую обратную связь во время прохождения теста. {% hint style="warning" %} Использовать общую обратную связь или нет – вы выбираете сами. Если для вашего курса такой подход не актуален, вам достаточно отключить общую ОС в настройках секции – и вопросы в тестировании для пользователя будут выглядеть как прежде. {% endhint %} # Интерактивные Эта категория элементов обычно используется для представления большого объема информации в организованной и доступной форме. # Активные метки интерактивный элемент, который представляет собой картинку с метками. Метки обычно представлены в виде кнопок, которые по клику отображают пользователю дополнительную информацию.

**Дважды кликните по элементу чтобы увидеть его настройки.** ### 1. Заменить картинку Чтобы изменить изображение, нажмите на имя файла изображения и выберите или загрузите новое изображение.

### 2. Добавить метку Чтобы добавить новую метку, нажмите кнопку «Добавить», расположенную в настройках элемента.

### 3. Изменить тип метки {% hint style="info" %} Метки бывают двух типов: иконки и цифры. {% endhint %} Чтобы изменить вид активной метки, переключите ее тип в настройках элемента.

### 4. Удалить метку Чтобы удалить метку, выберите опцию «Удалить» в настройках элемента.

### 5. Дублировать метку Чтобы дублировать метку, выберите опцию «Дублировать» в настройках элемента.

### 6. Переместить метку Чтобы переместить метку, просто перетащите ее в нужное место.

### 7. Добавить описание метки Чтобы добавить текстовое содержимое к метке, кликните на метку и вставьте необходимую информацию.

Чтобы добавить изображение к описанию метки, нажмите на «Загрузить файл» в настройках метки и выберите или загрузите новое изображение.

Чтобы добавить иконку метки, нажмите на «Загрузить файл» в настройках метки и выберите или загрузите новое изображение.

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

**Дважды кликните по элементу чтобы увидеть его настройки.** ### 1. Изменить картинку Чтобы изменить изображение, нажмите на имя файла и выберите или загрузите новое изображение.

### 2. Изменить текст Чтобы добавить текст, нажмите на карточку и начните вводить текст.

### 3. Перевернуть карточку Чтобы перевернуть карточку, нажмите на иконку «Повернуть».

### 4. Добавить карточку Добавить новую карточку возможно с помощью [Pro-режима](/sozdanie-proekta.-pervye-shagi/pro-rezhim). # Вкладки интерактивный элемент, представляет собой отдельный контейнер с уникальным содержимым. Пользователь может раскрывать вкладки, чтобы отобразить соответствующий контент.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Добавить вкладку Чтобы добавить новый элемент вкладки, нажмите кнопку «Добавить», расположенную в настройках элемента.

### 2. Удалить вкладку Чтобы удалить элемент вкладки, выберите опцию «Удалить» в настройках элемента.

### 3. Дублировать вкладку Чтобы дублировать элемент вкладки, выберите опцию «Дублировать» в настройках элемента.

# Аккордеон представляет собой список элементов, где каждый элемент имеет заголовок и содержимое, которое можно развернуть или свернуть. Пользователь может щелкнуть на заголовок, чтобы открыть или закрыть соответствующее содержимое.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Добавить компонент Чтобы добавить новый элемент компонента, нажмите кнопку «Добавить», расположенную в настройках элемента.

### 2. Сделать первый компонент раскрытым Чтобы сделать первый компонента аккордеона автоматически раскрытым, переключите свойство "Первый" на "Да".

### 3. Удалить компонент Чтобы удалить компонент, выберите опцию «Удалить» в настройках элемента.

### 4. Дублировать компонент Чтобы дублировать компонент, выберите опцию «Дублировать» в настройках элемента.

### 5. Переместить компонент Чтобы переместить элемент аккордеона, просто перетащите его в нужное место.

### 6. Разрешить одновременное открытие нескольких компонентов аккордеона Чтобы разрешить одновременное открытие нескольких компонентов аккордеона, переключите свойство на "Да".

# Слайдер позволяет пользователю переключаться между различным контентом, через кнопки управления (влево и вправо). Это полезно для просмотра контента в виде слайдов.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Зацикливать Чтобы включить зацикливание слайдера, переключите настройку «Зацикливать» на «Да».

### 2. Прогресс Чтобы отобразить прогресс под ползунком, переключите настройку «Прогресс» на «Да».

### 3. Тип прогресса Чтобы изменить тип прогресса, выберите точки или номер в настройках типа.

### 4. Добавить слайд Чтобы добавить новый элемент слайдера, нажмите кнопку «Добавить», расположенную в настройках элемента.

### 5. Удалить слайд Чтобы удалить элемент слайдера, выберите опцию «Удалить» в настройках элемента.

### 6. Дублировать слайд Чтобы дублировать элемент слайдера, выберите опцию «Дублировать» в настройках элемента.

### 7. Переместить слайд Чтобы переместить элемент слайдерва, просто перетащите его в нужное место.

# Группировка позволяет пользователю группировать связанные элементы или контент вместе. Например, группировка может использоваться для отображения нескольких блоков информации вместе.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Добавить группу Чтобы добавить новую группу, нажмите кнопку «Добавить», расположенную в настройках элемента.

{% hint style="info" %} Максимальное количество групп — 4. {% endhint %} ### 2. Добавить правильный ответ в группу Выберите группу, в которую вы хотите вставить правильный ответ, а затем нажмите кнопку «Добавить», расположенную внутри этой группы.

{% hint style="info" %} Максимальное количество элементов в группе — 5. {% endhint %} ### 3. Редактировать ответ Чтобы отредактировать ответ, добавьте текст и изображение в настройках выбранной группы.

### 4. Удалить ответ Чтобы удалить ответ из группы, выберите опцию «Удалить» в настройках выбранной группы.

### 5. Удалить группу Чтобы удалить группу, выберите опцию «Удалить» в настройках элемента.

### 6. Дублировать группу Чтобы дублировать группу, выберите опцию «Дублировать» в настройках элемента.

### 7. Переместить группу Чтобы переместить группу, просто перетащите ее в нужное место.

### 8. Загрузить обложку группы Чтобы загрузить изображение обложки группы или изменить изображение, кликните на имя файла и выберите или загрузите новое изображение.

# Шторка интерактивный элемент, который скрывает/раскрывает содержимое при переведении ползунка.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Положение ползунка по умолчанию Чтобы установить положение ползунка по умолчанию, установите значение от 1 до 100 в настройке "Ползунок".

### 2. Изменить картинку Чтобы изменить изображение, нажмите на имя файла и выберите или загрузите новое изображение.

### 3. Обрезать картинку Вы можете обрезать картинку в Шторке так же, как и в [элементе Картинка.](https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/pages/WaoCJUJ89eSHkAQYggRo#id-2.-obrezat-kartinku) ### 4. Заливка Вы можете разместить дополнительный цветной слой поверх изображения.

### 5. Текст Вы можете добавить текст поверх картинок, просто дважды кликнув на нужное изображение.

# Тренажер интерактивный элемент, содержащий слайды (изображения), в которых по клику на выбранную область изображения выполняется переход на новый слайд.

**Дважды кликните по элементу чтобы увидеть его настройки.**

### 1. Показать область (предпросмотр) При настройке "Да" добавленные кликабельные области для каждого слайда отображаются в превью по умолчанию. При настройке "Нет" добавленные области скрыты по умолчанию для каждого слайда в превью и отображаются только если пользователь кликнул мимо.

### 2. Слайды Вы можете дать название каждому слайду, загрузить изображение из Ресурсов или по ссылке, и [отредактировать его.](/osnovnye-komponenty-sistemy/element/oformlenie/kartinka) Добавить новый слайд можно через кнопку "Добавить" в нижней части меню, поменять очередность слайдов - перетащив их на нужное место. Удалить слайд можно кликнув на иконку корзины.

{% hint style="info" %} Добавить новый слайд также можно в окне [настройки связи ](#id-4.-sozdanie-svyazi-mezhdu-slaidami)между слайдами, после клика на плюс в выпадающем меню кликабельной области. {% endhint %} ### 3. Создание кликабельной области на слайде Добавление области осуществляется выделением нужной области на изображении после клика на элемент.

Вы можете изменить размер области и поменять ее положение, удалить ненужную область можно кликнув на иконку корзины в выпадающем меню области. ### 4. Создание связи между слайдами После создания области на слайде, вы можете создать связь с другим слайдом.

Чтобы создать связь, создайте/выберите область и в выпадающем меню нажмите на иконку плюса. В появившемся окне выберите уже существующий слайд или создайте новый. {% hint style="info" %} Область, в которой создана связь, будет выделена рамкой, цвет которой отвечает Брендированию. {% endhint %} По клику на область будет выполнен переход на слайд, с которым связана эта область.

{% hint style="info" %} Вы можете создать неограниченное количество областей на слайде. \ Чтобы проверить с каким слайдом связана область, в выпадающем меню нажмите на "Перейти к созданной связи". Чтобы поменять связь, в выпадающем меню нажмите иконку плюса и выберите другой слайд. {% endhint %} ### 5. Добавление текстовых подсказок Вы можете добавить текстовую подсказку к созданной области. В режиме работы с контентом выберите кликабельную область для которой хотите добавить подсказку, нажмите на кнопку «Подсказка», чтобы открыть форму добавления и введите текст подсказки.

Для подсказок есть 5 ограничений: 1. Подсказку можно добавить только к выбранной области на слайде. 2. Одна область может содержать только одну подсказку. 3. Нельзя повторно открыть закрытую пользователем подсказку в режиме предпросмотра курса. 4. Подсказки не отображаются в мобильной адаптации курса. 5. Результат настройки расположения подсказки можно посмотреть только в режиме предпросмотра – в режиме работы с контентом изменения не отображаются. # Чекбокс Элемент "Чекбокс" - это список, в котором обучающиеся могут отметить один или несколько пунктов, в качестве самопроверки или отслеживания выполнения заданий. Вы также можете использовать его для контроля навигации по курсу, добавляя обязательный для подтверждения пункт, например "Я ознакомился с документом", перед переходом к следующему блоку.

**Дважды кликните по элементу чтобы увидеть его настройки.** {% hint style="info" %} Чекбокс может использоваться как обычный список или в качестве кннопки продолжить, которая препятсnвует дальнейшему движению по курсу, пока все пункты не были отмечены. {% endhint %} ## 1. Список

Чтобы добавить новый элемент списка, нажмите на знак плюса под последним пунктом.

Чтобы поменять пунткы списка местами, кликните и зажмите иконку справа от пункта и перетащите его на нужную позицию.

Чтобы удалить пункт списка, нажмите на знак крестика справа от нужного пункта.

## 2. Продолжить

В таблице ниже описаны различные способы отслеживания прогресса

Условие	Нет	Все блоки пройдены	Блок выше пройден
Любой	Необходимо отметить хотя бы один пункт в списке чтобы двигаться дальше. Нет необходимости взаимодействовать с блоками выше. Эта настройка позволяет продвигаться без заверешения предыдущих блоков.	Необходимо отметить хотя бы один пункт в списке чтобы двигаться дальше + завершить все блоки выше.	Необходимо отметить хотя бы один пункт в списке чтобы двигаться дальше + завершить блок выше.
Все выбраны	Необходимо отметить все пункты списка. Нет необходимости взаимодействовать с блоками выше. Эта настройка гарантирует что блок с чекбоксом полностью пройден.	Необходимо отметить все пункты списка + завершить все блоки выше.	Необходимо отметить все пункты списка + завершить блок выше.

# Задача **Задачей** называется часть работы, которую необходимо выполнить. Узнайте, как работать с задачами, [в статье «Как создать задачу»](https://help.lynda.ru/sozdanie-proekta.-pervye-shagi/kollaboraciya/zadachi#sozdanie-zadachi).

# Обзор платформы {% embed url="" %} **Меню** – это элемент интерфейса пользователя, позволяющий перейти к одной из опций программы (каталогу, ресурсам, задачам и т.д.). На платформе Линда меню существует на 2 уровнях: 1\) [уровень компании](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii):

2\) [уровень проекта](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta):

# Меню на уровне компании Меню на уровне компании состоит из областей **«Компания», «Стили»** и **«Управление»**, которые включают следующие разделы. **«Компания»:** * [«Главная»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.2.-katalog); * [«Каталог»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.2.-katalog-1); * [«Ресурсы»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.2-biblioteka); * [«Задачи»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.3-zadachi); **«Стили»:** * [«Брендирование»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/brendirovanie); * [«Шрифты»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/shrifty). **«Управление»:** * [«Пользователи»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/polzovateli); * [«Настройки компании»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/nastroiki-kompanii); * [«Уведомления»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/uvedomleniya); * [«Профиль»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/profil).

# Главная В разделе **«Главная»** собраны активные проекты, задачи и актуальные обсуждения. Внутри раздела вы найдете: * вкладку **«Все»** – открывает полную информацию о проектах, задачах и уведомления:

* вкладку **«Проекты»** – содержит список последних активных проектов:

* вкладку **«Лента»** – содержит уведомления из тредов:

* виджет с проектами – отражает количество проектов, над которыми вы работаете:

* виджет центр помощи - ведет на базу знаний Leenda

* виджет с обновлениями – ведет на актуальные обновления в release notes:

* кнопку **«+ Добавить проект»** – позволяет [создать проект](/sozdanie-proekta.-pervye-shagi/sozdanie-proekta)

# Каталог Раздел **«Каталог»** – это хранилище всех ваших учебных проектов.

Для удобства дальнейшего поиска сохраняйте учебные проекты в папках. В каталоге можно: * [создать проект](/sozdanie-proekta.-pervye-shagi/sozdanie-proekta); * [создать папку](/sozdanie-proekta.-pervye-shagi/sozdanie-papki); * осуществить быстрый поиск проекта по имени; * изменить, удалить, переместить, дублировать проекты, папки. О том, как создать проект, можно прочитать [в статье «Создание проекта»](/sozdanie-proekta.-pervye-shagi/sozdanie-proekta). # Ресурсы Раздел **«Ресурсы»** – это хранилище всех файлов, которые можно использовать в учебных проектах.

Файлы могут быть разными по типу: картинка, документ, видео и пр. В раздел **«Ресурсы»** можно загрузить файл любого формата и размера. В разделе **«Ресурсы»** можно: * создать папку; * [загрузить файл](/sozdanie-proekta.-pervye-shagi/zagruzka-failov-v-resursy); * скачать файл; * переместить файл; * удалить файл; * заменить изображение. {% hint style="info" %} Для скачивания (перемещения, удаления) выберите нужные ресурсы и действие в выпадающем меню. {% endhint %}

#### Поддерживаемые форматы ресурсов

Тип ресурса	Формат ресурсов
Картинка	.bmp, .png, .gif, .jpg, .webp, .svg, .jpeg, heif/ heic
Аудио	.wav, .mp3, .ogg, .aac, .wma, .m4a, .flac, .mid
Видео	.avi, .mp4, .mov, .mkv, .mpeg, .m4v
Документ	.docx, .doc, .docm, .xlsx, .xls, .xlsm, .pptx, .ppt, .pptm, .txt, .rtf, .pdf, .csv, .xml, .zip, .rar, .7z

#### # Задачи **«Задачи»** – один из разделов платформы Линда, в котором задачи распределены по учебным проектам.

Опция используется для командной работы: один из членов команды может создать задачу для выполнения ее коллегами. В разделе **«Задачи»** можно: * редактировать задачи; * фильтровать задачи по проектам/создателю/ответственным/дедлайну; * искать задачи по имени задачи; * использовать сортировку; * менять вид отображения задач (карточки или список); * скачать все задачи в формате csv/xls (для работы в Excel/Google Sheets). О том, как создать задачу, можно прочитать [в статье «Как создать задачу».](broken://pages/-MjA5EiJ7fvG0-zERt73) # Брендирование В разделе **«Брендирование»** на уровне компании происходит настройка дизайна всех новых учебных курсов, созданных в компании. {% hint style="info" %} Все создаваемые курсы имеют стиль, определенный по умолчанию на уровне компании. {% endhint %} В этой статье вы узнаете: * [как создать стиль](#shag-1.-sozdanie-stilya.); * [как настроить стиль](#shag-2.-nastroika-stilya.); * [как установить стиль по умолчанию](#shag-3.-ustanovka-stilya-po-umolchaniyu-opcionalno-.); * [как применить стиль в конкретном курсе](#shag-4.-primenenie-izmenenie-stilya-v-konkretnom-kurse.). * [как импортировать/экспортировать стиль](#shag-5.-import-stilya) * [как дублировать стиль](#shag-7.-dublirovat-stil) * [как удалить стиль](#shag-8.-udalit-stil) ### **Шаг 1. Создание стиля** В разделе **«Брендирование»** на уровне компании создайте новый стиль.

### **Шаг 2.** Настройка стиля Настройте стиль с помощью 5 вкладок: {% tabs %} {% tab title="Тема" %} Начинайте настройку стиля с вкладки **«Тема»**. Завершив настройку вкладки **«Тема»**, вы можете перейти к вкладке **«Элементы»**, если нужно точечно настроить отдельные элементы:

* **«Логотип»** – загрузите ваш логотип, который будет отображаться в хедере/футере вашего курса:

* **«Цветовая схема»** – установите основной цвет, дополнительный цвет, цвет неактивных элементов, цвет разных типов текста, цвет фона у всех элементов и др.:

* **«Рамка»** – вы можете скрыть/показать рамку у всех элементов и определить параметр скругления для всех элементов:

{% endtab %} {% tab title="Типография" %} Продолжить работу над целостностью и гармонией визуального стиля можно через настройку шрифтов на вкладке **"Типография"**.

Здесь находятся расширенные возможности по настройке шрифтов для текста, и других элементов, в которых он используется. Вы можете задать единый вид шрифтов, размеров, межстрочного интервала и других параметров типографии для всех видов текста - заголовков, основного текста, подписей и т.д.

*Для таких типов текста как **"Список",*** ***"Цитата"** и **"Ссылка"** часть параметров наследуется из настроек основного текста.*[
](#user-content-fn-1)[^1] \ Вкладка **"Типография"** также включает в себя **"Прогрессию"** - возможность настраивать параметры текста **(размер и интервал)** отдельно для каждого вида экрана (мобильный, планшет, десктоп). Это поможет обеспечить идеальное отображение текста на устройствах с различными разрешениями и диагоналями.

{% endtab %} {% tab title="Страницы курса" %}

На вкладке **«Страницы курса»** вы можете настроить внешний вид курса: боковую панель, модальное окно завершения курса и другое.

{% endtab %} {% tab title="Элементы" %} Вкладка **«Элементы»** содержит все настройки элементов. Используйте ее, если элемент необходимо донастроить. Выберите элемент, который планируете изменить. Внесите изменения в появившемся окне настроек:

{% endtab %} {% endtabs %} {% hint style="info" %} После того, как вы установили нужные настройки стиля, не забудьте сохранить их. {% endhint %}

### Шаг 3. Установка стиля по умолчанию (опционально) Если созданный стиль будет постоянно (или довольно часто) использоваться в проектах, имеет смысл установить данный стиль по умолчанию. В разделе **«Брендирование»** поставьте галочку напротив созданного стиля, и в выпадающем списке выберите **«По умолчанию»**.

{% hint style="info" %} Теперь все новые курсы создаются с брендированием, установленным по умолчанию в шаге 3. {% endhint %} ### Шаг 4. Применение/изменение стиля в конкретном курсе Откройте проект, перейдите в настройки проекта.

В секции **«Шаблон брендирования»** выберите стиль.

Нажмите кнопку **«Применить»**.

### Шаг 5. Импорт стиля Вы можете загрузить готовый стиль брендирования, в виде файла json. В разделе "Брендирование" нажмите на значок плюса и в выпадающем меню выберите "Импортировать".

В появившемся окне вы можете загрузить файл и задать название стилю.

### Шаг 6. Экспорт стиля Вы можете экспортировать стиль, в виде файла json, для дальнейшего использования, например в другой компании. В разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Экспортировать».**

### Шаг 7. Дублировать стиль Чтобы дублировать стиль брендирования, в разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Дублировать».**

### **Шаг 8. Удалить стиль** Чтобы удалить стиль брендирования, в разделе **«Брендирование»** поставьте галочку напротив нужного стиля, и в выпадающем списке выберите **«Удалить».**

[^1]: # Шрифты В разделе **«Шрифты»** происходит загрузка новых шрифтов. Для загрузки шрифтов нажмите кнопку **«+ Добавить»** в правом верхнем углу экрана.

Загрузите имеющиеся вариации шрифтов, находясь в модальном окне создания группы шрифтов.

{% hint style="info" %} Все загружаемые шрифты поддерживают расширение **woff, woff2, TTF, OTF.** {% endhint %} После загрузки группы шрифтов, проверьте корректность соответствия шрифтов их весу, задайте имя шрифту и нажмите кнопку **«Добавить в библиотеку»**.

# Пользователи В разделе **«Пользователи»** находится полный список пользователей, относящихся к данной компании.

Чтобы пригласить пользователя в свою компанию, нажмите кнопку **«+ Добавить»** в правом верхнем углу.

Далее укажите email пользователя, роль и его разрешения. ![](https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FfwQ5csKwQMFejwmVhUTO%2FScreenshot_7.png?alt=media\&token=aea8626c-7019-4e58-9bf0-2e118b6f1455) {% hint style="info" %} Вы можете пригласить сразу нескольких пользователей, просто скопируйте несколько email и вставьте их в поле email. {% endhint %} Готово! Приглашенный пользователь получит регистрационное письмо на свой электронный адрес. {% embed url="" %} Также в разделе **«Пользователи»** можно назначить/изменить роль и определить разрешения (права доступа). ### Роли: * **«Администратор».** Роль администратора обладает наивысшим уровнем полномочий, которые позволяют удалять или изменять любые проекты и ресурсы, а также удалять или изменять роли других участников, за исключением администраторов. * **«Владелец».** Роль владельца автоматически присваивается пользователю, который создал компанию. Владелец обладает теми же полномочиями, что и обычный администратор, но имеет возможность удалять других администраторов и изменять их роли. * **«Сотрудник».** Роль сотрудника позволяет управлять только теми проектами и ресурсами, которые создал сам сотрудник. Если другой сотрудник создал проект, то другой сотрудник не может изменить или удалить этот проект. Однако если администратор или создатель проекта пригласит сотрудника в команду проекта, то приглашенный сотрудник получит возможность совместно работать над проектом и вносить изменения без возможности удалить проект. Пользователь с ролью сотрудника может посмотреть любой проект без приглашения. * **«Гость».** Роль гостя является самой ограниченной. Гость не имеет доступа к просмотру проектов, пока не получит приглашение от создателя проекта или администратора. Гость не может самостоятельно создавать проекты и загружать ресурсы на уровень компании. Обычно данная роль присваивается внешним подрядчикам (сотрудникам на аутсорсе). * **«Комментатор».** Как комментатор, вы можете смотреть курсы и оставлять комментарии в курсах, где вас добавили. {% hint style="success" %} Роли администратор, владелец, сотрудник, гость являются платными. Роль комментатор - бесплатная. {% endhint %}

### Разрешения:

Разрешение
Пользователи	разрешение, позволяющее приглашать других пользователей в компанию или проект, а также изменять их роли и разрешения.
Создатель	разрешение, которое позволяет создавать папки и проекты в компании.
Брендирование	разрешение, позволяющее создавать/изменять/удалять дизайн-стиль компании.
Про	разрешение, открывающее доступ к Pro-режиму редактора. Pro-режим позволяет добавлять элементы в уже существующие шаблоны, адаптировать блоки к разным экранам (компьютера, планшета, телефона), предоставляет доступ ко всем настройкам элементов.
Делиться	разрешение на создание публичной ссылки. С помощью публичной ссылки пользователи могут полностью просмотреть проект / его часть / отдельный блок без необходимости регистрации/идентификации на платформе Leenda.
Экспорт	разрешение, позволяющее генерацию SCORM-пакета и его последующее скачивание из платформы Линда.
Комментировать	разрешение, открывающее доступ к комментариям
Контент	разрешение, позволяющее наполнять контентом курсы и использовать коллекции и шаблоны
Команда	разрешение, позволяющее управлять показателями в состав команды проекта.

{% hint style="info" %} Роль администратора включает все разрешения, их нельзя убрать. {% endhint %} ### Статусы пользователя | Статус | Значение | | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Подтвержден | Пользователь перешел по ссылке в приглашении и имеет доступ в компанию | | Отправлен | Пользователю было отправлено письмо-приглашение, ссылка в котором действительна 24 часа | | Не принял | Срок действия ссылки в приглашении истек. Пользователя с таким статусом можно пригласить [повторно](/zhurnal-izmenenii/2.25-vosstanovlenie-udalennykh-blokov-kollekciya-shablonov-rolevaya-model-i-dostupy-30.09.2023) | | Удален | Пользователь был удален и теперь не имеет доступа в компанию. Пользователя с таким статусом можно [восстановить](/zhurnal-izmenenii/2.25-vosstanovlenie-udalennykh-blokov-kollekciya-shablonov-rolevaya-model-i-dostupy-30.09.2023) | ### Общие принципы ролевой модели:

{% hint style="info" %} При удалении пользователя из компании проекты и задачи не удаляются, а переназначаются на других пользователей. {% endhint %} # Настройки компании В разделе **«Настройки компании»** заполняются общие сведения о компании: * логотип; * название; * сайт; * ID компании; * валюта; * показывать стандартные шаблоны; * описание; * создатель; * email; * телефон; * цвет. Указанные настройки наследуются в учебных проектах, созданных в рамках данной компании.

{% hint style="info" %} При отключении настройки **«Показывать стандартные шаблоны»** в проектах пропадут стандартные [шаблоны](/osnovnye-komponenty-sistemy/shablon). {% endhint %} Также в этом разделе настраивается система Единого входа (SSO) для компаний с типом **«Контракт»**. [Подробнее см. в Единый вход (SSO).](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/nastroiki-kompanii/edinyi-vkhod-sso)

# Единый вход (SSO) Единый вход (SSO) позволяет пользователям получить доступ в компанию с помощью учетных данных вашего корпоративного поставщика идентификационных данных (IdP). \ В результате пользователи, которые вошли в корпоративную учетную запись, не должны снова вводить учетные данные для авторизации на платформе Линда.\ \ Платформа Линда может быть интегрирована с различными IdP поставщиками, которые поддерживают протокол SAML 2.0 (такими как **Okta**, **OneLogin**, **Azure AD**, **Google G-Suite**, **Auth0**). [Подробнее см. пошаговое руководство по настройке SSO в Линде.](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/nastroiki-kompanii/edinyi-vkhod-sso/nastroika-edinogo-vkhoda-na-platformu-linda) ### Как работает Единый вход в компанию на платформе Линда Конфигурация SAML на платформе Линда позволяет оставить вход через SSO **необязательным** для всех. Это значит, что все пользователи, за исключением комментаторов, могут войти в систему как через SSO, так и через электронную почту и пароль. Если в компании настроен **обязательный** вход через SSO, доступ в компанию возможен только с помощью учетных данных вашего IdP поставщика. \ Для доступа в компанию пользователь должен ввести **ID компании** на странице логина. После чего система перенаправит его на страницу IdP поставщика для входа в корпоративную учетную запись. Однако, если вход в учетную запись в IdP уже был выполнен ранее, система сразу же перенаправит пользователя в запрашиваемую компанию.

Доступ в компанию через электронную почту и пароль будет заблокирован для всех пользователей. \ **Исключение:** администраторы и владелец компании. Для пользователей с данными ролями доступ в компанию будет доступен через учетную запись на платформе Линда для управления SAML конфигурацией в случае сбоя Единого входа. {% hint style="warning" %} Убедитесь, что вход через SSO работает и настроен правильно, прежде чем включать «Обязательный SSO» в вашей компании. {% endhint %} Для доступа в компанию через учетную запись вашего IdP поставщика, пользователь должен быть заранее добавлен в компанию на платформе Линда. {% hint style="warning" %} На текущий момент автоматическое создание учетной записи пользователя в компании при первом входе через SSO не поддерживатся. {% endhint %} # Настройка Единого входа на платформу Линда На этой странице представлен пошаговый процесс настройки Единого входа (SSO) на платформу Линда c SAML 2.0 IdP поставщиком. {% hint style="info" %} SSO может настроить только администратор или владелец компании. {% endhint %} ### Предварительные условия Чтобы настроить Единый вход в вашей компании, вам понадобится следующее: 1. Доступ к настройкам SAML вашего IdP поставщика; 2. Роль владельца или админа в вашей компании на платформе Линда. ### Процесс настройки Для добавления SAML конфигурации в компанию на платформе Линда, необходимо выполнить следующие шаги: 1. [Создать Entity ID и ACS URL на платформе Линда;](#sozdat_entity_id) 2. [Добавить компанию на платформу Линда в вашем IdP поставщике;](#id-2.-dobavlenie-kompanii-linda-v-vashem-idp-postavshike) 3. [Загрузить метаданные вашего IdP на платформу Линда;](#id-3.-zagruzka-metadannykh-vashego-idp-na-platformu-linda) 4. [Настроить обязательный вход через SSO;](#id-4.-nastroika-obyazatelnogo-vkhod-cherez-sso) 5. [Сохранить SAML конфигурацию;](#id-5.-sokhranenie-saml-konfiguracii) 6. [Проверить добавленную SAML конфигурацию](#id-6.-proverte-dobavlennuyu-saml-konfiguraciyu). Давайте подробно рассмотрим каждый из этих шагов. ### 1. Создание Entity ID и ACS URL на платформе Линда 1. Войдите в свою учетную запись на платформе Линда, перейдите в раздел[ ](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/nastroiki-kompanii)«[Настройки компании"](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/nastroiki-kompanii) и выберите вкладку **«Безопасность»**. На открывшейся странице нажмите кнопку **«Настроить».** 2. В результате будет сгенерирован URL - адрес сервиса обработки SAML утверждений **(ACS URL)** и другие данные, такие как **«Entity ID»** и **«Email атрибут»**.

Держите это окно открытым, поскольку вам понадобятся эти данные на [шаге #2](#id-2.-dobavlenie-kompanii-leenda-v-vashem-idp-postavshike) для добавления компании Линда в вашем IdP поставщике. ### 2. Добавление компании Линда в вашем IdP поставщике; 1. Войдите в свою учетную запись администратора IdP; 2. Создайте новое приложение (также известное как app или connector в некоторых IdP) с именем приложения, предпочтительно «Линда»; 3. В настройках SAML необходимо указать данные «SAML конфигурации» , которые вы получили от Линды на [шаге #1](#sozdat_entity_id): * В поле **Single Sign-on URL** укажите ACS URL-адрес, который был создан для вашей компании на платформе Линда; * Используйте значение **Entity ID** в вашем IdP в поле **Audience URI,** **SP Entity ID,** **SAML Issuer ID**, или полях похожих на эти; * В разделе **Attribute Mapping** или **Attribute Statements** укажите значение **Email атрибут** (сгенерировано на [шаге #1](#sozdat_entity_id)) и сопоставьте ему соответствующие значения IdP (например user.email). {% hint style="info" %} Значение поля **«Email атрибут»** обязательно для заполнения в разделе **Attribute Mapping**. Иначе настроенная интеграция не будет работать, т.к. email атрибут является обязательным для передачи от IdP на платформу Линда. {% endhint %} 4. После ввода всех данных и сохранения настроек в IdP вы должны получить **SAML метаданные** (в виде файла, либо URL-адреса). Используйте эти данные в [шаге #3](#id-3.-zagruzka-metadannykh-vashego-idp-v-leenda). {% hint style="info" %} В некоторых IdP вам может потребоваться назначить вновь добавленную компанию Линда существующим пользователям вашего IdP. Эти настройки можно найти в разделе **Пользователи** в IdP. {% endhint %} ### 3. Загрузка метаданных вашего IdP на платформу Линда 1. Перейдите к разделу **«Метаданные IdP»** на платформе Линда (в окне открытом на [шаге #1](#sozdat_entity_id)); 2. Добавьте SAML метаданные вашего IdP, полученные на [шаге #2](#id-2.-dobavlenie-kompanii-leenda-v-vashem-idp-postavshike);

### 4. Настройка обязательного вход через SSO Настройка **«Обязательный SSO»** позволяет вам решить, хотите ли вы разрешить доступ к компании с SSO любым пользователям, которые недоступны в вашей IdP. 1. Если выбрать **«Да»**, пользователи, не добавленные в ваш IdP, не смогут получить доступ к компании на платформе Линда. Это означает, что пользователи смогут получить доступ к компании только через Единый вход. **Исключение:** администраторы и владелец компании. 2. Если выбрать **«Нет»**, все пользователи, добавленные в компанию, смогут получить доступ к этой компании, используя учетные данные Линды, а не учетные данные IdP. {% hint style="warning" %} Убедитесь, что вход через SSO работает и настроен правильно, прежде чем включать «Обязательный SSO» в вашей компании. {% endhint %}

### 5. Сохранение SAML конфигурации 1. Нажмите кнопку **«Сохранить»** в открытом окне, чтобы добавить SAML конфигурацию на платформу Линда; 2. Добавленная конфигурация отобразится в вкладке **«Безопасность»**.

3. После добавления вы увидите URL-адрес страницы SSO логина в вашу компанию. Вы можете поделиться этим URL-адресом с вашими пользователями. {% hint style="warning" %} Ваши пользователи IdP не могут напрямую получить доступ к компании, если они не были приглашены в эту компанию на платформе Линда. {% endhint %} 4. При необходимости вы можете отключить SSO, удалив SAML конфигурацию на этой же странице нажав кнопку **«Удалить».**\ После удаления, существующие пользователи вашей организации должны будут использовать учетные данные Линды для входа в систему. Если у существующего пользователя нет учетных данных Линды, ему придется воспользоваться ссылкой "**Забыли пароль?**" на странице входа на платформу Линда, чтобы создать новый пароль для входа. ### **6. Проверьте добавленную SAML конфигурацию** 1. Убедитесь, что в компанию на платформе Линда приглашены пользователи, существующие в вашем IdP (существующие пользователи должны быть назначены в компанию, добавленную в IdP на [шаге #2](#id-2.-dobavlenie-kompanii-leenda-v-vashem-idp-postavshike)). Если пользователи не приглашены, пригласите их в компанию на платформе Линда ( *подробнее см. в разделе* [*Пользователи*](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/polzovateli)*);* 2. Перейдите на страницу Единого входа и выполните тестовых вход в компанию, используя **ID компании**; 3. В результате вы будете перенаправлены на страницу входа вашего IdP поставщика; 4. Войдите в свой аккаунт IdP; 5. При успешной настройке вы будете перенаправлены в запрашиваемую компанию.

# Уведомления Раздел **«Уведомления»** содержит важные информационные сообщения, например сообщение о выполненной или назначенной (поставленной к выполнению) задаче.

# Профиль Раздел **«Профиль»** содержит личные данные пользователя на 2 уровнях: 1\) на уровне компании; 2\) на уровне пользователя.

Чтобы перейти к данным пользователя, нажмите на профиль и выберите **«Профиль в компании»** (профиль на уровне компании) или **«Профиль»** (профиль на уровне пользователя)

{% hint style="info" %} Сменить пароль можно только в разделе **«Профиль»**. {% endhint %} # Меню на уровне проекта ![](https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FiTDWw9J5NromVLXusZHN%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-12-24%20%D0%B2%2012.17.28.png?alt=media\&token=0f54135a-271d-4cf4-a0af-81ba49c6838a) Меню на уровне проекта состоит из разделов: * [«Содержание»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie); * [«Ресурсы»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.1.2-biblioteka); * [«Задачи»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.3-zadachi); * [«Команда»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/komanda); * [«Перевод»](https://help.lynda.ru/zhurnal-izmenenii/2.35-lokalizaciya-baza-znanii-modalnye-okna-eksport-29.04.2024#id-3.-perevod-kursa); * [«Экспорт»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.4-brendirovanie). А также кнопки настроек с разделами: * [«Брендирование»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.4-brendirovanie); * [«Настройки»](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.1-proekt).

# Содержание В разделе **«Содержание»** разрабатывается структура учебного проекта.

Структура учебного проекта создается с помощью следующих секций: * [**«Обложка»**](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.4-brendirovanie) – секция, отображающая стартовый экран учебного курса. Данная секция представляет курс визуально и помогает привлекать внимание обучающихся. Здесь вы можете использовать предоставленные шаблонов, чтобы создать привлекательную обложку, отражающую содержание и характер курса. Также в обложке можно указать название курса и его краткое описание. * [**«Раздел»**](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.1-razdel) – семантическая часть структуры учебного проекта, в которую необходимо включать секции **«Страница»** и **«Тест»**. Сам по себе раздел служит элементом структуры учебного проекта. Раздел учебного проекта можно сравнить с разделом в книге. * [**«Страница»**](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.3-longrid) – секция, которая содержит в себе различные элементы: текст, картинки, аудио, видео и др. Просмотр информации в странице происходит сверху вниз (как на обычном веб-сайте). * [**«Тест»**](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.4-test) – секция, которая используется для контроля полученных знаний. # Обложка В разделе **«Обложка»** настраивается обложка учебного проекта.

Откройте обложку в редакторе, нажав любую из кнопок **«Редактор»**.

Добавьте первый шаблон обложки, нажав кнопку **«+ Добавить блок».**

Выберите понравившуюся обложку из списка и нажмите кнопку **«Добавить»** для добавления обложки.

Меняйте контент обложки по вашему вкусу: [замените текст и иллюстрации](https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/pages/ZKOo4Wg2jOk804C6tXX6#posle-togo-kak-dobavlen-khotya-by-odin-blok-mozhno-zamenit-kontent-elementov.-dlya-etogo-kliknite-na).

{% hint style="info" %} Для более гибкой настройки обложки или создания обложки с нуля используйте [Pro-режим](/sozdanie-proekta.-pervye-shagi/pro-rezhim). {% endhint %} # Раздел **«Раздел»** – одна из секций системы; контейнер для таких секций, как **«Тест»** и **«Страница»**. Секция **«Раздел»** используется для смыслового разделения учебного проекта на структурные части.

В секции **«Раздел»** можно: * [добавить раздел;](#add_razdel) * [изменить имя раздела](#chtoby-izmenit-imya-razdela-nazhmite-na-imya-razdela-i-vvedite-novoe-nazvanie.); * [удалить раздел](#chtoby-udalit-razdel-nazhmite-knopku-udalit-v-nastroikakh-vybrannogo-razdela.); * [дублировать раздел;](#chtoby-dublirovat-razdel-nazhmite-knopku-dublirovat-v-nastroikakh-vybrannogo-razdela.) * [добавить секции: **«Раздел»** (такой раздел станет вложенным, т.е. подразделом), **«Страница»**, **«Тест»**](#chtoby-dobavit-v-razdel-komponenty-longrid-i-test-nazhmite-knopku-komponenta-nakhodyas-v-nuzhnom-raz); * [переместить раздел;](#chtoby-izmenit-vlozhennost-razdelov-zazhmite-knopku-raspolozhennuyu-naprotiv-imeni-razdela-i-peretya) #### Чтобы добавить раздел в учебный проект, нажмите кнопку **«Раздел»**.

#### Чтобы изменить имя раздела, нажмите на имя раздела и введите новое название.

#### Чтобы удалить раздел, нажмите кнопку **«Удалить»** в настройках выбранного раздела.

#### Чтобы дублировать раздел, нажмите кнопку **«Дублировать»** в настройках выбранного раздела.

#### Чтобы изменить вложенность разделов, зажмите кнопку, расположенную напротив имени раздела, и перетяните его.

#### Чтобы создать подраздел, выделите (выберите) раздел, в который необходимо добавить подраздел, и нажмите кнопку **«Раздел»**.

#### Чтобы добавить в раздел компоненты **«Страница»** и **«Тест»**, нажмите кнопку секции, находясь в нужном разделе.

# Страница **«Страница»** – одна из секций системы, где информация для учащегося представлена как на веб-странице (снизу вверх). Страница, так же как и [тест](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.4-test), может содержать элементы: картинки, текст, видео, аудио и др.

[Создание](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.1-razdel#add_razdel), [переименование](https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/pages/-MlEt-wJFWZmoHTZbU5z#chtoby-izmenit-imya-razdela-nazhmite-na-imya-razdela-i-vvedite-novoe-nazvanie.), [перемещение](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.1-razdel#chtoby-izmenit-vlozhennost-razdelov-zazhmite-knopku-raspolozhennuyu-naprotiv-imeni-razdela-i-peretya), [дублирование](https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/pages/-MlEt-wJFWZmoHTZbU5z#chtoby-dublirovat-razdel-nazhmite-knopku-dublirovat-v-nastroikakh-vybrannogo-razdela.), [удаление ](https://help.lynda.ru/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/pages/-MlEt-wJFWZmoHTZbU5z#chtoby-udalit-razdel-nazhmite-knopku-udalit-v-nastroikakh-vybrannogo-razdela.)страницы работает аналогично с [разделом](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.1-razdel). Находясь в разделе **«Содержание»** проекта, нажмите кнопку **«Страница» для добавления страницы курс**.

В секции **«Страница»** можно: * добавить (создать) элементы: картинки, текст, аудио, видео и т.д.; * изменить размер и положение элементов; * удалить элементы; * работать с настройками элементов. Для начала работы со страницей необходимо перейти [в редактор](/editor_chapter/1.2.3-redaktor). Для этого нажмите на кнопку **«Редактор»,** находящуюся возле страницы.

Для добавления элементов в страницу необходимо добавить блок. О том, как работать с блоками, можно прочитать [в статье «Работа с блоками»](/sozdanie-proekta.-pervye-shagi/rabota-s-blokami). {% hint style="info" %} Ранее страница называлась лонгрид {% endhint %} # Тест **«Тест»** – одна из секций системы, которая используется для контроля знаний, полученных обучаемым. Тест, так же как и [страница](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie/1.2.2.3-longrid), может содержать элементы: картинки, текст, видео, аудио и др. Кроме них, тест может содержать специфические элементы: перезапуск теста, время теста, описание теста, кнопки принятия ответа и завершения ответа, виды вопросов.

Для создания теста перейдите в раздел [**«Содержание»**](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie) и нажмите кнопку **«Тест»**.

Для начала работы с тестом перейдите [в редактор](/editor_chapter/1.2.3-redaktor). Для этого выделите тест, который вы хотите редактировать, и нажмите кнопку **«Редактор»,** находящуюся возле теста.

Настройки тестовой секции включают в себя порог прохождения, количество попыток, порядок вопросов, ограничение по времени и т.д. Нажмите на иконку шестеренки справа от кнопки **"Редактор"** и задайте нужные параметры в правом боковом меню.

Для добавления элементов в тест необходимо добавить блок. О том, как работать с блоками, можно прочитать [в статье «Работа с блоками»](/sozdanie-proekta.-pervye-shagi/rabota-s-blokami). О том, как создать тест, – [в статье «Создание теста»](/sozdanie-proekta.-pervye-shagi/sozdanie-testa). # Ресурсы Раздел **«Ресурсы»** на уровне проекта – это хранилище всех файлов, которые загружены в конкретный проект. Данные файлы доступны только пользователям проекта, в ресурсы которого они были загружены.

В остальном ресуры на уровне проекта идентичны [ресурсам на уровне компании.](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/1.1.2-biblioteka) # Задачи Раздел **«Задачи»** – один из разделов меню проекта, в котором задачи относятся к определенному проекту.

Опция используется для командной работы: один из членов команды может создать задачу для выполнения ее коллегами. В разделе **«Задачи»** можно: * просмотреть статус задач по проекту; * открыть задачу в проекте; * изменить статус задачи. О том, как создать задачу, можно прочитать в разделе [«Коллаборация»](/sozdanie-proekta.-pervye-shagi/kollaboraciya/zadachi). # Команда Раздел **«Команда»** содержит перечень всех пользователей, имеющих доступ к конкретному учебному курсу.

Для приглашения пользователя нажмите кнопку **«+»**, затем выберите пользователя из списка пользователей компании или отправьте приглашение новому.

Для добавления разрешений пользователю в проекте, выберите нужного пользователя и в выпадающем меню нажмите **"Изменить"**.

{% hint style="info" %} На уровне конкретного проекта вы можете только добавить разрешения в этом проекте. Изменения разрешений на уровне пользователя происходят в меню ["Пользователи"](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-kompanii/polzovateli). {% endhint %} Для удаления пользователя выберите нужного пользователя и в выпадающем меню нажмите **"Удалить"**.

\ Чтобы назначить пользователя новым владельцем проекта, выберите нужного пользователя и в выпадающем меню нажмите **"Назначить владельцем"** (это можно сделать только у пользователей с ролью **"Администратор"**).

# Экспорт В этой статье рассмотрим: * [как экспортировать курс в SCORM](#eksport-skorm-paketa-lms); * [история экспорта;](#istoriya-eksporta-kursa) * [сжатие видео;](#szhatie-video) * [как экспортировать курс в PDF.](#eksport-pdf) ### Экспорт SCORM-пакета LMS В разделе **«Экспорт»** можно сгенерировать и скачать SCORM-пакет.

Для генерации SCORM-пакета: 1. Укажите его формат – SCORM. 2. Выберите тип экспорта - единый архив или отдельные SCORM-пакеты для каждой секции. 3. Выберите нужную версию (2004 3-я версия, 2004 4-я версия или 1.2). 4. Определите, как засчитывается прогресс по курсу: по проценту прохождения теста (**«Результат теста»**) или по проценту прохождения курса (**«Прогресс курса»**). 5. Выберите финальный тест, если прогресс по курсу засчитывается по проценту прохождения теста (**«Тест»**). 6. Определите процент прохождения теста или курса (в зависимости от выбора в шаге 4). 7. Определите, какие статусы необходимо использовать. {% hint style="info" %} Большинство систем управления обучением (LMS) используют самый распространенный статус «Пройден / В процессе» (установлен на платформе Линда по умолчанию). {% endhint %} 6. Определите, когда сохранять промежуточные состояния: * **«По навигации»** – самый стабильный вариант, может отправляться большой объем данных (suspendData); * **«По интервалу»** – работает аналогично режиму **«По навигации»**, но данные отправляются в соответствии с заданным интервалом (от 5 до 120 секунд); * **«По закрытии»** – данные отправляются на события окна LMS **unload** и **beforeunload**. 7. В выпадающем списке выберите тип оценки, который будет передаваться в cmi.score.raw: * если вы хотите передавать оценку в процентах, то в параметр cmi.score.raw будет передано значение от 0 до 100, а значение cmi.score.max будет равно 100; * если вы хотите передавать оценку в баллах, просто задайте количество правильных ответов (они будут переданы в cmi.score.raw), а значение cmi.score.max будет равно общему количеству вопросов в тесте. 8. Нажмите кнопку **«Экспортировать»**.

После этого система начнет экспортировать проект (отобразится шкала прогресса экспорта курса) и автоматически скачает проект вам на компьютер.

{% hint style="info" %} Экспорт курса в LMS занимает не более 10 минут. Время экспорта напрямую зависит от объема курса: чем больше курс, тем дольше экспорт. Во время экспорта редактировать проект нельзя. {% endhint %} {% hint style="warning" %} При передаче данных **по интервалу** у пользователя может не сохраниться прогресс прохождения курса в течение указанного интервала, уменьшается объем отправляемых данных. {% endhint %} {% hint style="warning" %} При передаче данных **по закрытии** следует помнить, что данный метод работает в немногих LMS (к примеру, в SCORM Cloud – да, в WebTutor – нет). Если LMS открывает курс в отдельном окне / на отдельной вкладке – высока вероятность, что этот вариант подойдет. Это оптимальный вариант для использования, если его поддерживает LMS. {% endhint %} {% hint style="info" %} Если в проект были внесены изменения, необходимо **повторно** экспортировать курс, скачать его и загрузить в LMS, чтобы увидеть обновленный курс в LMS-системе. {% endhint %} #### История экспорта курса В разделе **«Архив»** содержится история всех версий проекта, которые были созданы в процессе разработки. Здесь вы можете скачивать необходимые сборки, чтобы получить доступ к определенной версии проекта.

#### Сжатие видео В разделе **«Настройки LMS»** в секции **«Разрешение видео»** можно уменьшить исходный вес видеофайлов курса. Доступны стандартные разрешения для сжатия: оригинал или состояние по умолчанию; 1080p; 720p; 480p; 360p.

{% hint style="info" %} Выбранное разрешение применяется ко всем видеофайлам в курсе, что может значительно увеличить время подготовки и скачивания проекта. {% endhint %} ### Экспорт PDF Для скачивания курса в формате PDF укажите тип экспорта – **PDF** и определите тип скачиваемого PDF-файла. Затем нажмите кнопку **«Скачать PDF»**.

# Настройки Раздел **«Настройки»** включает настройки основных параметров учебного курса: название проекта, описание, брендирование.

### 1. Название курса В этой секции указываются название курса, которое можно также отредактировать. ### **2. Порядок прохождения курса** С помощью данной настройки можно управлять порядком прохождения курса. Доступны настройки: * линейный (запрещает пользователю переходить к другим секциям курса не завершив предыдущие) * свободный (пользователь может открывать секции курса в любом порядке). {% hint style="info" %} При линейном прохождении курса необходимо указать процент прохождения предыдущей секции, для разблокировки следующей секции. {% endhint %} {% hint style="success" %} При линейном прохождении курса можно также управлять промежуточными тестовыми секциями. * **тест пройден 1 раз** (если не набран минимальный балл по тесту, пользователь все равно сможет пройти далее по курсу); * **тест сдан верно** (если не будет набран минимальный балл по тесту, пользователь **не** сможет пройти далее по курсу) {% endhint %} {% hint style="info" %} Условия прохождения элементов: {% endhint %} | Элемент | Условие | | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Rich-текст | Всегда | | Картинка | Всегда | | Разделитель | Всегда | | Список | Всегда | | График | Всегда | | Фигура | Всегда | | Код (Встроить код) | Всегда | | Код (текстовый) | Всегда | | Карточка | Пользователь перевернул карточку | | Аудио | Пользователь кликнул Play | | Видео | Пользователь кликнул Play | | Файл | Всегда | | Ссылка | Пользователь кликнул по ссылке | | Активные метки | Пользователь открыл все метки | | Вкладки | Пользователь открыл все вкладки + пройдены все элементы внутри каждой вкладки | | Аккордеон | Пользователь развернул все вкладки аккордеона + пройдены все элементы внутри каждой вкладки | | Слайдер | Пользователь открыл каждый слайд + пройдены все элементы внутри каждого слайда | | Группировка | Пользователь распределил все ответы по группам (не зависит от правильности) | | Шторка | Пользователь сдвинул шторку в обе стороны, просмотрев оба изображения (не зависит от процента сдвига) | | Сложный список | Зависит от вложенных элементов - подчиняется их правилам | | Кнопка | Всегда | | Таблица | Всегда | | Тестовые элементы |

Элемент перешел в финальное состояние - показаны результаты вопроса, если включено отображение результата, либо - ответ принят.
\*тестовые элементы рассматриваются только в рамках использования в лонгриде

| {% hint style="info" %} Чтобы сделать линейное прохождение более понятным и удобным для обучающихся, можно включить подсказки:\ Когда пользователь доходит до конца секции, если он пропустил какой-то элемент/ы, по клику на кнопку "Продолжить" или "Завершить курс" появится окно с подсказкой. В ней будет находится список элементов, которые не были пройдены. \ По клику на название элемента пользователю подсветится нужный блок. {% endhint %}

{% hint style="warning" %} Изменить текст подсказки можно перейдя во вкладку "Перевод" в меню проекта, затем - "Управление интерфейсом" - "Изменить". Далее вам нужно найти нужный текст и изменить его, затем нажать на "Сохранить" {% endhint %}

### 3. Шаблон брендирования Здесь можно выбрать/сменить шаблон брендирования для курса.

# Публичная ссылка ### Ссылка на просмотр С помощью публичной ссылки любой пользователь может просмотреть проект без регистрации или авторизации на платформе Линда. Для генерации публичной ссылки нажмите кнопку «Поделиться ссылкой» в правом верхнем углу экрана и откройте доступ по ссылке.

### Ссылка на секцию/блок Также вы можете создавать ссылки на отдельные [секции](/osnovnye-komponenty-sistemy/sekciya) в разных разделах: 1. В разделе «Содержание», выберите нужную секцию и нажмите в шапке раздела «Поделиться ссылкой».

2. В редакторе перейдите на нужную секцию и нажмите в шапке раздела «Поделиться ссылкой».

3. В превью выберите нужную секцию/проект и нажмите в шапке раздела «Поделиться ссылкой».

4. В разделе «Главная» на вкладке «Все» или «Проекты» нажмите на иконку с тремя точками возле нужного проекта и выберите «Копировать ссылку».

Включенный доступ по ссылке позволяет создать публичную ссылку и поделиться проектом в режиме «Предпросмотр». Выключив доступ, вы запретите просмотр публичной ссылки и всех старых ссылок. Это особенно актуально, если нужно открыть проект или его часть на время и снова закрыть, чтобы спокойно внести изменения. {% hint style="info" %} Настройка добавления ссылки отображается только у пользователей с разрешением «Делиться». {% endhint %} {% hint style="info" %} Настройка "Экспорт - Нет" позволяет выбрать конкретные разделы, секции или блоки для скрытия из финального продукта. Когда эти материалы исключены, они не будут отображаться в скорм-пакете, PDF-файле, превью или по публичной ссылке, включая навигационные элементы и содержание. {% endhint %}

### Ссылка на комментирование

Перейдя по публичной ссылке, вы можете лишь просмотреть курс, его секцию или блок. Но этого недостаточно, если нужно точечно поделиться своим мнением с коллегами. Для этого есть функционал комментирования по публичной ссылке, без регистрации на платформе. Это особенно полезно при работе с экспертами, внешними пользователями и фокус-группой.

Чтобы поделиться курсом для комментирования, на вкладке «Комментарий» в модальном окне публичной ссылки: * выберите пользователя из тех, у кого уже есть доступ к компании; * впишите почтовый адрес пользователя, если его еще нет на платформе. Приглашенные пользователи добавляются в проект как участники с доступом «Комментировать» и в компанию – как временные пользователи с ролью «Комментатор». Если пользователя еще нет на платформе Линда, он получит письмо со ссылкой и сможет: * оставлять комментарии к курсу; * отмечать в комментариях коллег по проекту; * видеть все комментарии других участков, оставленные ранее; * участвовать во всех обсуждениях курса. Ссылка с приглашением действует 21 день. После этого вы можете пригласить пользователя повторно. Если понадобится ограничить доступ к проекту раньше – удалите приглашенного пользователя из проекта через модальное окно или на странице команды проекта. # Интерфейс редактора Интерфейс включает следующие элементы: * навигационное меню:

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

* содержание курса:

* лента блоков:

В ленте блоков можно создать новый блок или шаблон, удалить блок, изменить последовательность блоков

* структура блока:

* быстрое добавление:

Быстрый доступ к шаблонам с двумя вкладками: «Избранные» и «Последние» (здесь собраны 10 недавно использованных вами шаблонов).

* рабочая область:

* меню настроек:

# Редактор **«Редактор»** – раздел, позволяющий создавать, открывать и изменять страницы, тесты, обложки. Чтобы зайти в редактор, выделите секцию (**«Страница»** или **«Тест»**), которую вы хотите редактировать, и нажмите кнопку **«Редактор»** или **«Перейти в редактор»**. ![](https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FnpLKs7NamSQd28tx8Hzs%2FScreenshot_3.png?alt=media\&token=2c267f49-278b-4f56-b075-0c8da5486f0f) В редакторе можно создать учебный курс (проект) путем: * [работы с блоками](/sozdanie-proekta.-pervye-shagi/rabota-s-blokami); * [создания шаблона](/sozdanie-proekta.-pervye-shagi/sozdanie-i-ispolzovanie-shablona). Для навигации по разделам учебного курса нажмите кнопку **«Содержание курса»** в левом боковом меню редактора.

Чтобы вернуться [к меню](/rukovodstvo-dlya-nachinayushikh/obzor-menyu/menyu-na-urovne-proekta/1.2.2-soderzhanie) учебного курса, нажмите кнопку **«Назад»** в левом верхнем углу экрана.

В редакторе есть 2 режима работы: 1. **Pro-режим.** Перед вами no-code-редактор, аналогичный таким редакторам, как Bubble, Tilda, Webflow, Softr, WordPress и др. С помощью Pro-режима вы сможете сверстать любой сложности layout («лейаут» – уникальное расположение контента на странице), настроить адаптив, сохранить полученный результат в качестве шаблона. Более подробно о **Pro-режиме** вы можете узнать [в статье «Pro-режим»](/sozdanie-proekta.-pervye-shagi/pro-rezhim). 2. **Режим заполнения (контентный режим)**. В режиме заполнения добавляется/изменяется контент выбранного элемента, добавляются блоки из каталога шаблонов. Также есть возможность сохранить шаблон. **Режим заполнения** включен по умолчанию. Используйте шаблоны для быстрого создания курса.

Затем кликните на элемент, который планируете изменить, и внесите изменения в меню настроек выбранного элемента. ![](https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FykyQNPZWIVJhI9vVcNfo%2F%20-%20Google%20Chrome%202023-08-17%2014-07-19.gif?alt=media\&token=dfe9d819-3ef5-4092-8053-dd502df464fa) {% hint style="info" %} Самый быстрый способ создать учебный проект – использовать готовые шаблоны, а также [создавать и использовать свои собственные шаблоны](/sozdanie-proekta.-pervye-shagi/sozdanie-i-ispolzovanie-shablona). {% endhint %} # Что такое Pro-режим? **Pro-режим** — это режим редактирования, позволяющий изменять существующие шаблоны блоков и создавать уникальные дизайны с помощью **компонентов**. \ **Компонент** в Pro-режиме — это **единица**, используемая внутри блока. Существует 2 типа : * Структура — это основа того, как все части блока будут расположены относительно друг друга для создания гармоничного внешнего вида; * Элемент — это строительная единица блока, содержащая различные типы контента (например, изображение, видео, текст и т. д.). ### Переключение в Pro-режим Чтобы переключиться в Pro-режим откройте редактор и нажмите на иконку Pro в верхней части экрана.

{% hint style="info" %} Если вы используете шаблоны созданные на версии редактора 2.0, то при выборе шаблона вы увидите две иконки. Первая иконка позволит вам работать в редакторе 2.0, вторая переведет блок в редактор 3.0. В случае переключения, содержимое шаблона удалится, но его можно будет восстановить из удаленных элементов. {% endhint %} {% embed url="" %} # Работа в Pro-режиме Изменение и редактирование структуры блоков # Редактор блоков # Добавление блока ### Что такое блок? Элемент в режиме Pro предназначен для работы в рамках определенного блока. #### Существует 2 типа компонентов: **Макет** — это структурная основа того, как все части блока будут расположены относительно друг друга, чтобы выглядеть гармонично; Элемент — это строительная единица блока, содержащего различные типы контента (например, изображение, видео, текст и т. д.). ### Как добавить блок

1. Нажмите на значок «+» в левом меню или в выбранном макете (Появится всплывающее окно) 2. Выберите вкладку «Элементы» , чтобы добавить элемент из списка коллекций по умолчанию 3. Выберите вкладку «Ресурс» , чтобы добавить ранее сохраненный объект 4. Выберите вкладку «Шаблоны» , чтобы добавить макет из списка коллекций по умолчанию 5. Выберите вкладку «Удалённые» , чтобы добавить недавно удаленный элемент {% hint style="info" %} Чтобы добавить элемент из пунктов меню слева, нажмите и удерживайте на элемент, затем перетащите его на макет. Чтобы открыть окно выбора макета, щелкните по нужному элементу, чтобы добавить его в макет. {% endhint %}

# Добавление дублирующего блока Одновременное дублирование блоков с пользовательскими настройками. > Используется для: > > * Списков; > * Информационных карточек; > * Галереи; > * Любых динамических данных.

1. Выберите макет «Ячейки/Контейнеры» и заполните его блоками 2. Нажмите на значок «Сложный список», появится значок «Добавить повторяемый элемент» 3. Нажмите на значок «Добавить повторяющийся элемент» , чтобы создать дубликат. \ *Данный блок будет продублирован в макете с теми же настройками, что и оригинальный блок*

# Управление блоками ### Выберите блок для выполнения действия.

1. **Выбрать** \ *Щелкните по макету или элементу в блоке, перейдите на вкладку «Структура блока» и нажмите на нужный блок в списке* \ Используйте горячую клавишу Shift + Клик (Показать родительские элементы), чтобы быстро перемещаться по вложенным элементам 2. **Открыть контекстное меню** \ *Выберите раздел и нажмите на значок контекстного меню* \ Появится всплывающее окно 3. **Копировать** \ *Перейдите в контекстное меню и выберите пункт «Копировать» или используйте сочетание клавиш Cmd (Ctrl) + C* \ Блок будет скопирован в буфер обмена 4. **Вырезать** \ *Перейдите в контекстное меню и выберите пункт «Вырезать» или используйте сочетание клавиш Cmd (Ctrl) + X* \ Блок будет скопирован в буфер обмена и удалён из макета \ Не остаётся на сетке, не появляется в списке удалённых 5. **Удалить** \ *Перейдите в контекстное меню и выберите пункт «Удалить» или используйте клавиши Delete / Backspace* \ Из сетки будет удален один элемент 6. **Быстрое добавление** \ Добавить удаленный юнит можно через вкладку «Удалённые» 7. **Скрыть** \ *Перейдите в контекстное меню и выберите пункт «Скрыть» или на вкладке «Структура блока» нажмите значок «Скрыть» (⇧ (Shift) + H)* \ Блок будет скрыт на сетке, но останется на вкладке «Структура блоков» 8. **Показать скрытое** \ *На вкладке «Структура блока» нажмите значок «Скрыть» или используйте сочетание клавиш ⇧ (Shift) + H* \ На схеме появится соответствующая иконка 9. **Заблокировать/разблокировать изменения** \ *На вкладке «Структура блока» нажмите значок «Заблокировать/разблокировать» или используйте сочетание клавиш ⇧ (Shift) + L* \ Запретить/разрешить изменения в блоке 10. **Обернуть в контейнер** \ *Перейдите в контекстное меню и выберите параметр «Обернуть в контейнер» или используйте сочетание клавиш ⇧ (Shift) + C* \ Блок будет размещен в контейнере по центру 11. **Разгруппировать** \ *Перейдите в контекстное меню и выберите пункт «Разгруппировать» или используйте сочетание клавиш ⇧ (Shift) + U* \ Из существующего контейнера будет извлечен блок и откроется вкладка «Структура блока» 12. **Навигация**\ *Используйте сочетание клавиш ⇧ (Shift) + ↑→↓←*\ Перемещение по элементам на вкладке «Структура блоков» 13. **Сохранить в ресурсы**\ *На вкладке «Ресурсы» нажмите значок «Сохранить в ресурсы» или используйте сочетание клавиш Cmd (Ctrl) + S*\ Блок будет сохранен как шаблон на вкладке «Ресурсы» {% hint style="info" %} Чтобы **переименовать** блок, дважды щелкните по названию блока на на вкладке «Структура блока» {% endhint %} {% hint style="info" %} Для **быстрой вставки элемента или блока** из буфера обмена, воспользуйтесь сочетанием клавиш Cmd (Ctrl) + V {% endhint %} {% hint style="info" %} Для **отмены последнего действия**, воспользуйтесь сочетанием клавиш Cmd (Ctrl) + Z {% endhint %} {% hint style="info" %} Для **повтора действия**, воспользуйтесь сочетанием клавиш Cmd (Ctrl) + Y или Cmd (Ctrl) + ⇧ (Shift) + Z {% endhint %} {% hint style="info" %} Для просмотра текущих свойств элемента, нажмите Option (Alt) и наведите курсор на блок {% endhint %}

# Управление блоками в макете ячеек ### Выберите элемент, заключенный в блок «Ячейки», чтобы выполнить действие

1. **Вынести на передний план**\ *Перейдите в контекстное меню и выберите пункт «Переместить вперед» или используйте сочетание клавиш ⇧ (Shift) + ]*\ Блок будет перемещен на слой выше 2. **Переместить на задний план**\ *Перейдите в контекстное меню и выберите пункт «Переместить назад» или используйте сочетание клавиш ⇧ (Shift) + \[*\ Блок будет перемещен на слой ниже 3. **Элемент в потоке**\ *Перейдите в контекстное меню и выберите пункт «Элемент в потоке» или используйте сочетание клавиш ⇧ (Shift) + F*\ Каждый элемент автоматически растягивает сетку, чтобы она соответствовала его размеру 4. **Дублировать**\ *Перейдите в контекстное меню и выберите пункт «Дублировать» или используйте сочетание клавиш Cmd (Ctrl) + D*\ Дубликат будет отображаться в строке ниже исходного элемента\ Если дублированный элемент занимает более одной строки, клон перекрывает исходный элемент на -1 строку 5. **Переместить**\ *Используйте клавиши ↑→↓←*\ Блок будет перемещен на одну строку/столбец 6. Переключатель элементов\ *Выберите 2 элемента с помощью клавиши Cmd (Ctrl) и нажмите значок «Поменять элементы местами» или используйте сочетание клавиш ⇧ (Shift) + S*\ Элементы поменяются местами {% hint style="info" %} Для отображение корневой сетки, используйте сочетание клавиш Cmd (Ctrl) + G {% endhint %} # Управление блоками в контейнере макета #### Выберите элемент, заключенный в контейнерную структуру, чтобы выполнить действие

1. **Рост**\ *Нажмите на значок «Рост» на вкладке «Сетка»/Перейдите в контекстное меню и выберите пункт «Рост» или используйте сочетание клавиш ⇧ (Shift) + G*\ Новый блок расширится и займет доступное пространство 2. **Сжатие**\ *На вкладке «Сетка» нажмите значок «Сжатие»/Перейдите в контекстное меню и выберите пункт «Сжатие» или используйте сочетание клавиш ⇧ (Shift) + S*\ Размеры блока уменьшатся, если места будет недостаточно 3. **Дублировать**\ *Перейдите в контекстное меню и выберите пункт «Дублировать» или используйте сочетание клавиш Cmd (Ctrl) + D*\ Дубликат отобразится ниже оригинала 4. **Переместить**\ *Зажмите и перетащите элемент или используйте клавиши ↑→↓←*\ Блок изменит своё местоположение {% hint style="danger" %} Перемещение элементов доступно только при работе с ПК {% endhint %} # Управление блоками в режиме абсолюта #### Выберите элемент, заключенный в абсолютную структуру, чтобы выполнить действие

1. **Дублировать**\ *Перейдите в контекстное меню и выберите пункт «Дублировать» или используйте сочетание клавиш Cmd (Ctrl) + D*\ Дубликат элемента будет отображаться на 10 пикселей правее и ниже исходного элемента 2. **Переместить**\ *Зажмите и перетащите элемент или используйте клавиши ↑→↓←*\ Блок будет перемещен на 1 пиксель 3. **Переместить (х10)**\ *Используйте сочетание клавиш Cmd (Ctrl) + ↑→↓←*\ Блок будет перемещен на 10 пикселей 4. **Угол привязки к абсолютному слою**\ *Наведите курсор на границу элемента и дважды щелкните по углу, к которому хотите привязаться* {% hint style="info" %} При изменении размера элемента с помощью абсолютной компоновки, масштабирование происходит относительно закрепленного угла {% endhint %} # Настройка блоков #### Выберите блок, чтобы разместить его

1. **Внутренние отступы**\ Укажите равные отступы сверху/снизу и слева/справа в пикселях\ Внутренний отступ — это пространство внутри элемента, между его содержимым и его границей\ Добавляет пространство между элементом и границей его контейнера 2. **Сброс / установка значений по умолчанию**\ *Нажмите «Авто», чтобы сбросить настройки отступов*\ Сбрасывает значения отступов до изначальных 3. **Детальные настройки отступов**\ *Нажмите на значок «Индивидуальные отступы» и укажите значения*\ Установка значений отступов в пикселях для каждой стороны 4. **Внешние отступы**\ *Укажите равные отступы сверху/снизу и слева/справа в пикселях*\ *Внешний отступ* — это пространство за пределами границы, отделяющее данный элемент от других элементов на странице\ Добавляет пространство между элементом и другими элементами на странице 5. **Поворот**\ *Укажите значение угла поворота устройства в градусах (0-360°)*\ Чтобы избежать конфликта с другими настройками, установите поворот в последнюю очередь\ Поворачивает элемент вокруг своей оси 6. Прозрачность\ Укажите значение прозрачности в процентах от 0% (невидимо) до 100% (полностью видно)\ Устанавливает процент прозрачности элемента # Размещение элемента в ячейках #### Выберите элемент в сетке, чтобы разместить его

{% hint style="info" %} Для изменения размера блока, наведите курсор на границу блока и растяните его {% endhint %}

# Размещение блока в контейнере #### Выберите элемент, заключенный в контейнерную структуру, чтобы разместить его

1. **Выравнивание**\ *Выберите выравнивание блока относительно родительского блока*\ Выравнивает блок относительно контейнера, в котором он лежит 2. Размер блока\ *Укажите размеры в полях «Ширина/Высота» в пикселях или в процентах от размера родительского блока*\ Изменение размера элемента 3. **Ограничения по размеру**\ *Нажмите на значок "..." , чтобы добавить ограничения по высоте и ширине*\ Устанавливает минимальные и максимальные значения ширины и высоты # Размещение блока в абсолюте #### Выберите элемент, с абсолютным позиционированием, чтобы разместить его

1. **Изменить размер блока**\ *Наведите курсор на границу блока и растяните его или укажите размеры блока в полях «Ширина/Высота» в пикселях или в процентах от размера родительского блока*\ Изменение размера блока путём растягивания или установки значений в пикселях или процентах 2. **Ограничения по размеру**\ *Нажмите на значок "..." , чтобы добавить ограничения по высоте и ширине*\ Устанавливает минимальные и максимальные значения ширины и высоты # Стилизация блока # Стили

1. **Добавить фон**\ *Нажмите на значок «Добавить фон (***＋***)» , чтобы добавить до 10 фоновых слоев, включая: Сплошные цвета, Градиенты, Несколько слоёв*\ Добавление фона к элементу 2. **Цвет фона**\ *Нажмите на поле, чтобы выбрать цвет фона и его интенсивность, используя шестнадцатеричный код цвета или выбрав оттенок из палитры, или из списка цветов фирменного стиля*\ Установка нужного цвета для фона\ Используйте фирменные цвета из дизайн‑системы для единообразия 3. **Скрыть/показать цвет фона**\ *Нажмите на значок «глаз» , чтобы скрыть/показать фон*\ При нажатие скрывает/показывает фон 4. **Удаление фона**\ *Нажмите на значок удаления «—», чтобы удалить фон*\ Сброс и удаление фона 5. **Радиус скругления углов**\ *Укажите одинаковый радиус скругления углов для всех углов в пикселях или в процентах от размера родительского блока*\ Установка радиуса скругления углов 6. **Сброс радиуса скругления углов**\ *Нажмите на значок «Авто» , чтобы сбросить значение радиуса скругления углов*\ Установка стандартного радиуса скругления 7. **Радиус определённых углов**\ *Нажмите на значок «Индивидуальный радиус скругления углов» и укажите значения*\ Установка скругления для каждого угла по-отдельности в градусах 8. Переполнение\ *Выберите вариант переполнения из выпадающего меню: Видимое, Скрытое, Прокрутка, Авто*\ При выходе элемента за пределы границ, устанавливает поведение:\ Видимое - Расширяет содержимое за пределы границ контейнера\ Скрытое - Обрезает содержимое по границам\ Прокрутка - Добавляет полосы прокрутки независимо от содержимого\ Авто - Отображает полосы прокрутки только при необходимости # Рамка

1. **Добавить обводку (границу)**\ *Нажмите на значок «Добавить обводку (***＋***)» , чтобы добавить рамку из единичных элементов: Сплошные цвета, Градиенты, Изображения, Несколько слоёв*\ Добавление обводки к выделенному блоку 2. **Выбрать обводку**\ *Нажмите на поле, чтобы выбрать цвет фона и его интенсивность, используя шестнадцатеричный код цвета или выбрав оттенок из палитры или списка цветов фирменного стиля*\ Выбор цвета обводки 3. **Скрыть/показать обводку**\ *Нажмите на значок «глаз» , чтобы скрыть/показать границы блока*\ Скрывает и показывает обводку 4. **Удалить рамку**\ *Нажмите на значок удаления «—», чтобы удалить обводку*\ Сброс и удаление обводки 5. **Ширина**\ *Укажите одинаковую ширину границы для всех сторон в пикселях*\ Установка ширины (толщины) обводки 6. **Сбросить ширину**\ *Нажмите на значок «Авто» , чтобы изменить значение толщины в исходное значение*\ Установка стандартных значений для ширины обводки 7. **Добавить ширину для отдельных границ**\ *Нажмите на значок квадрата, чтобы отобразить поля для отдельных сторон, и введите толщину границ для каждой из них*\ Установка ширины (толщины) обводки для каждой из сторон по-отдельности 8. **Стиль**\ *Выберите стиль границы из выпадающего меню: Сплошная, Пунктирная, Штрихпунктирная, Двойная*\ Установка стиля обводки:\ Сплошная - преобразует границу в сплошную линию\ Пунктирная - преобразует границу в серию тире\ Штрихпунктирная - преобразует границу в последовательность точек\ Двойная - Преобразует границу в две параллельные линии # Эффекты

1. **Тень**\ *Нажмите +, чтобы добавить тень к элементу, выберите тип (мягкая, обычная, ретро), цвет и размер тени.*\ Установка тени для элемента 2. **Эффекты**\ *Нажмите +, чтобы добавить один или несколько визуальных эффектов к содержимому блока: Размытие, Яркость, Контраст, Насыщенность, Инверсия, Сдвиг оттенка, Сепия*\ Установка эффектов отображения элемента 3. **Фоновые эффекты**\ *Нажмите +, чтобы добавить один или несколько визуальных эффектов в область за блоком*\ Работает аналогично обычным эффектам (Полезно для создания эффектов трансформации стекла) # Анимация блока Анимация блока — это способ оживить элемент интерфейса, добавив ему динамику при загрузке страницы, прокрутке или взаимодействии. Выберите блок и перейдите на вкладку «Анимация», затем выберите условие для запуска анимации из выпадающего меню: * Нет * При появлении * При наведении * Постоянная * При нажатии После этого, выберите тип анимации

{% hint style="info" %} Настройки будут сохранены автоматически {% endhint %} # Создание пошаговой анимации

1. Нажмите кнопку «Добавить» , чтобы добавить этап анимации 2. Нажмите на «Шаг», чтобы открыть его настройки, появится всплывающее окно.\ \ Задайте свойства для визуальных преобразований.
3. Прозрачность: Контролирует прозрачность блока 4. Вращение: Вращает блок 5. Масштаб: Изменяет размер блока 6. Наклон: Наклоняет элемент подобно параллелограмму

# Расширенные настройки анимации Перейдите в раздел «Пользовательская», чтобы добавить расширенные анимационные эффекты.

1. **Точка трансформации:** \ Выберите из выпадающего меню точку, вокруг которой происходят преобразования (вращение, масштабирование) элемента. Доступные варианты: По-центру, Сверху, Снизу, Слева, Справа, Вверху слева, Вверху справа, Внизу слева, Внизу справа 2. **Методы анимации:**\ *Пружина* - Имитирует реальные физические свойства пружин (Отлично подходит для случайного нажатия кнопок или естественного отпускания кнопки после перетаскивания)\ *Интервальная* - Аббревиатура означает «промежуточный» (Это анимация, зависящая от времени и воспроизводимая в течение фиксированного промежутка времени) 3. **Отскок**\ Укажите эффект отскока, имитирующий пружинное движение, в процентах 4. **Длительность**\ Укажите продолжительность анимации в секундах 5. **Задержка**\ Укажите период задержки начала анимации в секундах\
# Редактор макета # Что такое макет? **Макет** — это структурная основа того, как все части блока будут расположены относительно друг друга, чтобы выглядеть гармонично.

Существует 3 типа **макета**: * **Макет ячеек** ( сетка ) — это двухмерная система для организации содержимого в строки и столбцы. Используется для: * Фотогалереи * Карточки товаров * Сложные формы * Панели мониторинга * **Макет контейнера** ( гибкий контейнер ) — идеально подходит для линейного расположения элементов в ряду или столбце. Используется для: * Навигационное меню * Списки кнопок * Карточки в ряд * Вертикальные формы * **Абсолютный макет** ( абсолютное позиционирование ) — это холст, похожий на Figma, для свободного размещения элементов по координатам. Используется для: * Декоративные элементы * Наложения * Пользовательский холст для черновиков * Позиционирование относительно краев --- [Next Page](/llms-full.txt/1)