# soderzhimoe uroka

Источник: https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka

***

[Уроки](https://docs.emdesell.ru/nastroika-servisa/uroki.md) <--- [Содержимое урока](https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka.md) ---> [Видео по настройке урока](https://docs.emdesell.ru/nastroika-servisa/uroki/video-po-nastroike-uroka-v-shkole.md)

***

# Содержимое урока

Раздел в настройке урока - **Содержимое урока**.

Точно такой же раздел есть и редактировании Домашнего задания.

<div align="center">

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-08-33.png" alt=""><figcaption></figcaption></figure>

</div>

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

Для начала рассмотрим все кнопки на панели в панели **Содержимое урока**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-10-24.png" alt=""><figcaption></figcaption></figure>

## **Первая строка настроек панели Содержимого**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-31-37.png" alt=""><figcaption></figcaption></figure>

### **Файл**

Возможность сделать печать Содержимого урока на бумаге. &#x20;

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-12-15.png" alt=""><figcaption></figcaption></figure>

### **Изменить**

&#x20;Дополнительные опции по работе с Содержимым урока.

* Вернуть - сделать шаг назад при редактировании Содержимого.&#x20;
* Отменить - отменить действие.
* Вырезать - вырезать объект (текст, картинку и т.д.) из Содержимого.
* Копировать - копировать какой-либо объект в Содержимом.
* Вставить - вставить что-либо в Содержимое.
* Вставить как текст - вставить как текст в Содержимое.
* Выделить все - выделить все объекты в Содержимом.
* Поиск и замена - сделать поиска какого-либа слова в Содержимом и заменить его на другое.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-16-03%20(1%29.png" alt=""><figcaption></figcaption></figure>

### **Вставить**

&#x20;Дополнительные опции:

* Вставить/редактировать изображение.&#x20;
* Вставить/редактировать ссылку.&#x20;
* Вставить/редактировать видео.&#x20;
* Специальные символы.&#x20;
* Горизонтальная линия.
* Якорь.
* Неразрывный пробел.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-19-34.png" alt=""><figcaption></figcaption></figure>

Рассмотрим каждую опцию по-отдельности.

### **Вставить/редактировать изображение**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-22-20.png" alt=""><figcaption></figcaption></figure>

При выборе данной опции - появится новое окно для вставки изображения (картинки) в Содержимое урока.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-02_19-23-20.png" alt=""><figcaption></figcaption></figure>

#### **Источник**

&#x20;В данное поле ввода необходимо вставить ссылку на картинку.&#x20;

Ссылка формируется в разделе школы - **Файлы**.

Как сформировать такую ссылку - рассмотрено в разделе инструкций - [Файлы](https://docs.emdesell.ru/nastroika-servisa/faily.md)

Сформированную ссылку необходимо будет вставить в указанную строку ввода - Источник.

#### Описание изображения

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-40-24%20(1%29.png" alt=""><figcaption></figcaption></figure>

В данное поле ввода опции Вставить/редактировать изображение - можно ввести описание изображения. Данное описание будет видно только в данном окне редактирования для администратора школы.

#### Размер

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-44-11.png" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-48-38.png" alt=""><figcaption></figcaption></figure>

После всех настроек дополнительных опций в окне - Вставить/редактировать изображение, нажимаем кнопку - **Ок**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-51-27.png" alt=""><figcaption></figcaption></figure>

После этого картинка будет вставлена в Содержимое урока.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-52-19.png" alt=""><figcaption></figcaption></figure>

### **Вставить/редактировать ссылку**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-04_10-55-05.png" alt=""><figcaption></figcaption></figure>

После выбора (нажатия) данной опции появляется новое окно настроек.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_12-39-39.png" alt=""><figcaption></figcaption></figure>

В поле ввода - **Адрес ссылки** - вводится url ссылки, которую вам необходимо указать в данном уроке.&#x20;

В поле ввода - **Отображаемый текст** - можно указать любой текст заданной ссылки.

В поле ввода - **Заголовок** - вводится текст, который будет отображаться при наведении курсора мышки на ссылку.

В поле ввода - **Открывать ссылку** - можно выбрать вариант в каком окне будет открываться данная ссылка.  По умолчанию стоит выбор - Нет. Это означает, что при переходе по данной ссылке, переход будет осуществлять в той же вкладке браузера устройства.

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

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_12-51-05.png" alt=""><figcaption></figcaption></figure>

Рассмотрим более подробно пример ниже.

#### **Пример**

В поле ввода - **Адрес ссылки** введем ссылку - https://emdesell.ru/, обратите внимание что все ссылки вводятся в таком формате, где перед доменом сайта идет протокол https:// .

Далее, в поле ввода - Отображаемый текст, введем текст - Школа Emdesell.

В поле ввода **Заголовок** введем текст - Переход на школу Emdesell.

И в поле ввода **Открывать ссылку** выберем - В новом окне.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_12-57-59.png" alt=""><figcaption></figcaption></figure>

Далее, нажимаем кнопку - **Ок**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-02-37.png" alt=""><figcaption></figcaption></figure>

И в окне - Содержимое урока, появится текст в виде ссылки.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-03-32.png" alt=""><figcaption></figcaption></figure>

Теперь, сохраним изменения в уроке.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-04-10.png" alt=""><figcaption></figcaption></figure>

И сделаем переход в кабинет ученика по кнопке - **Посмотреть урок** (правый верхний угол).

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-04-58.png" alt=""><figcaption></figcaption></figure>

И проверяем отображение заданной ссылки в уроке.

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

И проверяем, какое уведомление появляется при наведении на ссылку.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-06-35%20(1%29.png" alt=""><figcaption></figcaption></figure>

### **Вставить/редактировать видео**

Данную функцию настройки используют для вставки видео с сервиса YouTube.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-26-28.png" alt=""><figcaption></figcaption></figure>

Далее появляется окно настройки вставки видео в урок.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-30-45.png" alt=""><figcaption></figcaption></figure>

Рассмотрим более подробно все поля для ввода в данном окне настроек.

Поле ввода - **Источник** - для ввода ссылки на видео.&#x20;

Ссылка берется из кода видео в сервисе YouTube.

Как разместить видео в уроке школы с YouTube подробно рассмотрено в разделе - [Защита ссылок](https://docs.emdesell.ru/nastroika-servisa/zashita-ssylok.md).

**Изображение** - функция вставки изображения для заставки видео.

**Размер** - обычно выставляется автоматически, но есть возможность выставить самостоятельно размеры видео. Рекомендованный размер вставки видео - 640 \* 360.

Также, есть другой способ вставки видео в урок через вкладку - **Код для вставки**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-35-44.png" alt=""><figcaption></figcaption></figure>

#### Пример вставки кода видео

Рассмотрим пример вставки кода видео с сервиса YouTube

Чтобы скопировать данный код - необходимо нажать кнопку **Поделиться** справа внизу видео.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-40-02.png" alt=""><figcaption></figcaption></figure>

Далее, в появившемся окне выбрать опцию - **Встроить**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-43-38.png" alt=""><figcaption></figcaption></figure>

Затем, в открывшемся окне - нажать кнопку - **Копировать**.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-44-41.png" alt=""><figcaption></figcaption></figure>

Далее, переходим в Редактирование урока и нажимаем кнопку в меню Содержимого урока - Вставить/редактировать видео, и выбираем вкладку - Код для вставки.

Вставляем скопированный код в данную вкладку для вставки кода.

И нажимаем - Ок.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-46-50.png" alt=""><figcaption></figcaption></figure>

Таким образом, сделали вставку видео с сервис YouTube в урок школы.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-48-00.png" alt=""><figcaption></figcaption></figure>

Сохраняем изменения в уроке и переходим в кабинет ученика по кнопке - Посмотреть урок, чтобы проверить отображение и работу видео в уроке школы.&#x20;

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-05_13-55-16.png" alt=""><figcaption></figcaption></figure>

Также, есть возможность настройки [таймкодов](https://docs.emdesell.ru/osnovnye-ponyatiya/taimkod.md) для видео в уроке.&#x20;

Об этом рассказано более подробно по ссылке в видео - [Вставка таймкодов в видео](https://docs.emdesell.ru/nastroika-servisa/uroki/vstavka-taimkodov-v-video.md).

Еще есть возможность вставить аудио-сообщение в Содержимое урока.

Как это сделать - подробно рассказано по ссылке в видео ниже:

[Вставка аудио в урок](https://docs.emdesell.ru/nastroika-servisa/uroki/vstavka-audio-v-urok.md).&#x20;

А также, в данном видео рассмотрена возможность установки [таймкода](https://docs.emdesell.ru/osnovnye-ponyatiya/taimkod.md) на аудио-сообщение в уроке.

### Вид

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-17-31.png" alt=""><figcaption></figcaption></figure>

В данном подменю можно выбрать Вид отображения окна **Содержимое урока** в зависимости от выбора опций меню.

### Формат

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-21-25.png" alt=""><figcaption></figcaption></figure>

Вкладка **Формат** служит для редактирования шрифта в тексте урока.

### Таблица

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-22-08.png" alt=""><figcaption></figcaption></figure>

Вкладка **Таблица** дает возможность вставить таблицу в Содержимое урока.

### Инструменты

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-27-21.png" alt=""><figcaption></figcaption></figure>

Вкладка **Инструменты** позволяет вставить в Содержимое урока **Исходный код**, например код вставки видео, как рассмотрено выше.&#x20;

Кнопка "кавычки" в панели **Содержимое урока** - также дает возможность вставки кода.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-28-15.png" alt=""><figcaption></figcaption></figure>

## Вторая строка панели настроек Содержимого

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-32-42.png" alt=""><figcaption></figcaption></figure>

### Вернуть-Отменить

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-42-20.png" alt=""><figcaption></figcaption></figure>

Стрелка **Вернуть** - для возврата на шаг назад.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-43-44.png" alt=""><figcaption></figcaption></figure>

Стрелка **Отменить** - для отмены предыдущего действия.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-44-37.png" alt=""><figcaption></figcaption></figure>

### Формат

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-33-30.png" alt=""><figcaption></figcaption></figure>

Данная опция позволяет редактировать текст в Содержимом урока.

#### **Заголовки**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-48-35.png" alt=""><figcaption></figcaption></figure>

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

#### **Строчные**

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-49-44.png" alt=""><figcaption></figcaption></figure>

Позволяет выбрать стиль для шрифта в содержимом урока.

#### Блоки

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-55-24.png" alt=""><figcaption></figcaption></figure>

Позволяет сделать каким-либо типом блока для текста в Содержимом.

#### Выравнивание

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-57-20.png" alt=""><figcaption></figcaption></figure>

Позволяет выровнять текст по разным направлениям.

### Размер шрифта

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_15-59-08%20(1%29.png" alt=""><figcaption></figcaption></figure>

Опция дает возможность задать определенный размер для шрифта.

### Полужирный

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-06-36.png" alt=""><figcaption></figcaption></figure>

Если выделить текст и нажать на кнопку - B (Полужирный) - то шрифт в выделенном тексте станет полужирным.

### Курсив

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-07-22.png" alt=""><figcaption></figcaption></figure>

Если выделить текст и нажать на кнопку - I (Курсив) - то шрифт в выделенном тексте станет курсивным.

### Подчеркнутый

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-08-02.png" alt=""><figcaption></figcaption></figure>

Если выделить текст и нажать на кнопку - U (Подчеркнутый) - то шрифт в выделенном тексте станет подчеркнутым.

### По левому краю

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-28-57.png" alt=""><figcaption></figcaption></figure>

Выровнять текст по левому краю области Содержимого урока.

### По центру

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-29-58.png" alt=""><figcaption></figcaption></figure>

Выровнять текст по центру области Содержимого урока.

### По правому краю

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-30-55.png" alt=""><figcaption></figcaption></figure>

Выровнять текст по правому краю области Содержимого урока.

### По ширине

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-31-47.png" alt=""><figcaption></figcaption></figure>

Выровнять текст по ширине области Содержимого урока.

### Маркированный список

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-32-43.png" alt=""><figcaption></figcaption></figure>

Сделать текст промаркированным.

Пример на картинке ниже.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-33-55.png" alt=""><figcaption></figcaption></figure>

### Нумерованный список

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-35-55.png" alt=""><figcaption></figcaption></figure>

Сделать текст пронумерованным.

Пример на картинке ниже.

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-37-30.png" alt=""><figcaption></figcaption></figure>

### Уменьшить отступ

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-38-25.png" alt=""><figcaption></figcaption></figure>

Дает возможность уменьшить отступ от левого края области Содержимого урока.

### Увеличить отступ

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-43-41.png" alt=""><figcaption></figcaption></figure>

Дает возможность увеличить отступ от левого края области Содержимого урока.

## Третья строка панели настроек Содержимого

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-46-07.png" alt=""><figcaption></figcaption></figure>

### Вставить/редактировать ссылку

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-51-32.png" alt=""><figcaption></figcaption></figure>

Имеет то же значение и функции как написано в разделе по [ссылке](https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka.md#vstavitredaktirovat-ssylku).

### Вставить/редактировать изображение

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-53-58.png" alt=""><figcaption></figcaption></figure>

Имеет то же значение и функции как написано в разделе по [ссылке](https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka.md#vstavitredaktirovat-izobrazhenie).

### Вставить/редактировать видео

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-57-16.png" alt=""><figcaption></figcaption></figure>

Имеет то же значение и функции как написано в разделе по [ссылке](https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka.md#vstavitredaktirovat-video).

### Таймкод

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-58-20.png" alt=""><figcaption></figcaption></figure>

Как работать со вставкой таймкодов подробно написано в разделе по [ссылке](https://docs.emdesell.ru/nastroika-servisa/uroki/vstavka-taimkodov-v-video.md).

### Видеохранилище

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_16-59-36.png" alt=""><figcaption></figcaption></figure>

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

Как работать с данным разделом подробно рассмотрено в инструкции по [ссылке](https://docs.emdesell.ru/nastroika-servisa/video-khranilishe.md).

### Предпросмотр

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-01-59.png" alt=""><figcaption></figcaption></figure>

При нажатии по данной кнопке панели настроек, можно предварительно посмотреть содержимое урока в отдельном окне предпросмотра перед его публикацией в уроке.

### Исходный код

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-04-46.png" alt=""><figcaption></figcaption></figure>

При помощи данной функции можно вставить код в урок, если это необходимо.

### Цвет текста

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-06-13%20(1%29.png" alt=""><figcaption></figcaption></figure>

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

### Цвет фона

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-07-05.png" alt=""><figcaption></figcaption></figure>

Возможность задать цвет фону текста в уроке.

### Добавить смайл

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-15-42.png" alt=""><figcaption></figcaption></figure>

Возможность добавить смайлики в урок.

### Вставить/Изменить код

<figure><img src="https://docs.emdesell.ru/.gitbook/assets/2023-08-07_17-16-24.png" alt=""><figcaption></figcaption></figure>

Возможность вставки или изменения кода страницы содержимого урока.

***

[Уроки](https://docs.emdesell.ru/nastroika-servisa/uroki.md) <--- [Содержимое урока](https://docs.emdesell.ru/nastroika-servisa/uroki/soderzhimoe-uroka.md) ---> [Видео по настройке урока](https://docs.emdesell.ru/nastroika-servisa/uroki/video-po-nastroike-uroka-v-shkole.md)

***