Аватар Неизвестный
Личный кабинет Кабинет родителя Кабинет учителя Настройки Выйти Войти Регистрация Родителю Подписка
КАРТОЧКИ
ТРЕНАЖЁРЫ
КУРСЫ
Подобрать занятие
Подобрать занятие
Классы
Темы
НАЗНАЧИТЬ

Видеоуроки. Тесты. Изображения. Анимация

Содержание

Как найти блоки?

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

Подсказка

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

Видеоуроки

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

А если видео не полностью подходит к уроку?

Скрыть

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

Каналы с качественными уроками:

  • KhanAcademyRussian
  • Ваш Учитель
  • Смирнова научит
  • LiameloN School
  • Математик МГУ

Зачем нужны видеоуроки?

Скрыть

Один из сценариев использования Образавра – как агрегатора видеоуроков.

  • Ученик, который не любит читать, зайдет на Образавр, чтобы посмотреть лучший видеоурок по нужной теме, не тратя времени на поиски и не отвлекаясь на сторонние рекомендации Youtube. После просмотра видео ученик выполняет практические задания, прочитывая конспект, если остались пробелы в понимании;
  • Ученик может посмотреть альтернативное объяснения в видеоуроке, если не понял содержание текста.

Изображения

В нашей библиотеке (вкладка «Медиафайлы») есть множество готовых изображений, которые можно вставить в урок. Чтобы вставить изображение из медиафайлов, добавьте блок «Изображение» и выберите «Библиотека файлов».

Как искать картинки

Скрыть

В поле поиска можно ввести разные варианты запроса (лучше попробовать все):

  • Русскими словами латиницей
  • Русскими словами
  • Английскими словами

При загрузке изображения в урок нужно заполнить alt атрибут и поле «Описание» (через медиафайлы) и перенести изображение в соответствующую папку (перетянуть курсором).

Папки в нашей библиотеке:

  1. Без категории – картинки, нарисованные иллюстратором, которые можно использовать в уроках разных предметов для украшения;
  2. Из интернета – картинки и фотографии из интернета;
  3. Чертежи/Схемы и дочерние папки – чертежи, схемы, нарисованные иллюстратором.

Горизонтальные изображения (ширина значительно больше высоты) лучше растягивать на всю ширину редактора(больше 900 пикселей).

Вертикальные и квадратные изображения лучше использовать в колонках.

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

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

Анимация

Отличный способ сделать урок красочнее и увлекательнее, особенно для учеников средней и начальной школы.

Мы используем бесплатные анимации с lottiefiles (Products -> Free animations). Сайт на английском и искать лучше тоже на английском.

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

Можно искать отвлечённые анимации, которые как-то связаные с темой урока. Например, в уроке про скорость есть анимация с машиной, найти эту анимацию можно по запросу «car».

Анимации должны вписываться в стиль сайта и быть векторными — если их приблизить, не появятся пиксели. Размер анимации — не более 60 кб dotLottie.

Если из-за цветов анимация не вписывается в стиль, их можно заменить там же, в редакторе Lottie на цвета бренда.

Порядок действий

Создайте блок «Произвольный HTML» и вставьте этот код туда:

<script type="module" src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script>

<dotlottie-player autoplay loop mode="normal" src="ССЫЛКА_НА_АНИМАЦИЮ" style="max-width: 100%;height: auto;"></dotlottie-player>

Скачайте файл dotLottie (попросят сначала добавить в Workspace);

Загрузите файл в наши медиафайлы и скопируйте ссылку;

Замените текст «ССЫЛКА_НА_АНИМАЦИЮ» на эту ссылку;

Если анимация слишком большая, используйте этот код, заменив МАКС_ШИРИНА на число:

<script type="module" src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script>

<dotlottie-player autoplay loop mode="normal" src="ССЫЛКА_НА_АНИМАЦИЮ" style="max-width: МАКС_ШИРИНАpx;height: auto;"></dotlottie-player>

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

Примеры подходящих анимаций

Примеры неподходящих анимаций

5
5
1
5Количество опыта, полученного за урок

Оценить урок

Отзыв отправлен. Спасибо, что помогаете нам стать лучше!

Комментарии

Получить ещё подсказку

Трудности? Воспользуйтесь подсказкой

Верно! Посмотрите пошаговое решение

НАЗНАЧИТЬ