HTML-СЛАЙД-ШОУ
HTML - HyperText Markup Language HTML-слайд-шоу позволяет просматривать и показывать слайд-шоу с помощью веб-браузера с поддержкой адаптивного дизайна для мобильных устройств
ТОЧКА ОБЗОРА
Нажмите ESC, чтобы открыть обзор слайдов
Удерживая нажатой клавишу alt, щелкните на любом элементе, чтобы приблизить его. Щелкните повторно, чтобы отдалить элемент
ВЕРТИКАЛЬНЫЕ СЛАЙДЫ
Слайды могут быть вложены друг в друга
Используйте клавишу пробела для навигации по всем слайдам
ПОНИЖЕННЫЙ УРОВЕНЬ 1
Вложенные слайды полезны для добавления дополнительных деталей под горизонтальным слайдом высшего уровня
ПОНИЖЕННЫЙ УРОВЕНЬ 2
Вот и все, пора возвращаться
ФРАГМЕНТЫ - это шаги в слайде, которые можно использовать для постепенного раскрытия контента
ФРАГМЕНТЫ
Нажмите стрелку вправо ...
... чтобы пройти через ...
... фрагментированный слайд
СТИЛИ ФРАГМЕНТОВ
ПОЯВЛЕНИЕ И ИСЧЕЗАНИЕ
ВРЕМЕННОЕ ПОЯВЛЕНИЕ
Несколько фрагментов могут появиться одновременно
Работа с фоном слайдов
В качестве фона слайдов можно включать мультимедийные материалы с разными визуальными возможностями
Работа с фоном слайдов
Сплошной цветовой фон
Фоновая картинка
Фоновая картинка
Фоновое видео
Автоматически воспроизводится фоновое видео на слайде, когда он открывается. Поддерживаются все стандартные форматы видео и файлов до 100 МБ
Iframe как фон
«Iframes» - это способ включения контента непосредственно с другого сайта. Это может быть использовано для встраивания электронных таблиц, видео YouTube, Google Maps и многих других типов контента
Iframe как фон
Таблицы
| Наименование | Цена | Количество |
|---|---|---|
| Яблоки | 50 | 2 |
| Молоко | 110 | 1 |
Интерактивные ссылки
Ссылки могут быть вставлены, чтобы открыть внешнюю веб-страницу или другой слайд внутри презентации. Ссылки не активны во время редактирования, но работают в режиме предварительного просмотра или при просмотре презентации вне редактора
Интерактивные ссылки
Самый простой способ добавить ссылку - сделать весь блок контента кликабельным. Нажмите на блок контента и найдите опцию «Ссылка» на левой панели инструментов
Внутренние ссылки
Внутренние ссылки
Если вы хотите добавить ссылку на встроенный текст, можно найти эту опцию внутри текстовой панели инструментов. Нажмите на него, и вам будет предложено указать ссылку
Режим просмотра спикера
Режим просмотра спикера включает в себя таймер, предварительный просмотр предстоящего слайда, а также заметки докладчика
Включается нажатием клавишы S
Режим остановки презентации
Нажмите B или. на клавиатуре, чтобы приостановить презентацию. Это полезно, когда вы во время выступления хотите убрать отвлекающие слайды с экрана
Масштабируемая векторая графика (SVG)
Формат графики SVG позволяет изменять размер изображений без потери качества изображения
Масштабируемая векторная графика (SVG)
Создание фигур
Выбрав соответствующую кнопку на панели слева, можно рисовать прямоугольники, овалы, звезды и спирали
Масштабируемая векторная графика (SVG)
Заливка и обводка
Можно выбирать "Заливку", "Обводку" и "Стиль обводки". Заливка позволяет выбирать типы заливки: "Сплошной цвет", "Линейный градиент", "Радиальный градиент", "Нет заливки"
Масштабируемая векторная графика (SVG)
Заливка и обводка
Можно выбирать и менять тон цвета, яркость, насыщенность и прозрачность, убирать обводку.
Масштабируемая векторная графика (SVG)
Заливка и обводка
Можно менять толщину и другие параметры обводки.
Масштабируемая векторная графика (SVG)
Заливка и обводка
Вместо сплошной окраски можно использовать градиенты для заливки и обводки.
Заливка и обводка
Градиент - вид заливки в компьютерной графике, которая по заданным параметрам цвета в ключевых точках рассчитывает промежуточные цвета остальных точек. При этом создаются плавные переходы из одного цвета в другой
Возможно регулирование расстояния между буквами и линиями
Возможно смещение символов по вертикали
Возможно вращение текста
Возможно размещение текста по произвольному контуру
Возможно размещение текста по произвольному контуру
Смещение контура
Можно сжимать и растягивать фигуры, не только меняя их размер, но и смещая контур объекта перпендикулярно в каждой точке
Векторизация пиксельных
изображений
Векторизация пиксельных
изображений
Интерполяция - заполнение расстояния между объектами и их трансформация в соответствии с заданным числом шагов
Интерполяция между двумя различными объектами
Форма контура одного объекта постепенно переходит в форму контура другого объекта
Экспонента
Параметр экспонента регулирует расстояние между шагами интерполяции
Интерполяция с экспонентой 0
Экспонента
Параметр экспонента регулирует расстояние между шагами интерполяции
Интерполяция с экспонентой 1
Интерполяция с экспонентой 2
Интерполяция стиля
Интерполяция стиля заливки
Интерполяция стиля обводки
Интерполяция стиля разных объектов
Использование интерполяции для имитации нестандартных градиентов
Интерполяция между двумя линиями
Использование интерполяции для имитации нестандартных градиентов
Интерполяция между двумя линиями
Свободное программное обеспечение
Интерактивные форматы контента, поддерживаемые Н5Р
- формат контента, содержащий задания на множественный выбор, заполнение пробелов, тексты и другие типы взаимодействий, представленный в макете столбца
- тип контента, который позволяет сравнивать два изображения в интерактивном режиме
- представление контента в виде виртуального тура, позволяющего добавлять вопросы, тексты и взаимодействия в изображения 360
- тип интерактивного видеоконтента, позволяющий добавлять вопросы на множественный выбор и заполнение пробелов, всплывающий текст и другие типы взаимодействий в видео
- тип контента, который позволяет создавать последовательность связанных изображений в интерактивном режиме
Интерактивные форматы контента, поддерживаемые Н5Р
- тип контента, позволяющий создавать интерактивные хронологические шкалы
- тип контента, который позволяет добавлять вопросы на множественный выбор, заполнение пробелов, текст и другие типы взаимодействий в презентации
- поиск слова, который позволяет создавать список слов, которые будут отображаться в сетке. Задача обучающихся - найти и выбрать слова в сетке