Нестеренко Олеся Викторовна

Учитель математики и информатики

МАОУ СОШ №45 г. Калининграда

 

Как с помощью iSpring оформить текст с прокруткой на слайде?

iSpring - инструмент для создания электронных курсов в формате Flash на базе PowerPoint, готовых к публикации в Системы Дистанционного Обучения. Интегрированное приложение для создания тестов iSpring QuizMaker позволяет дополнить электронный курс интерактивными тестами и опросами. iSpring QuizMaker предоставляет различных типов вопросов, позволяя к каждому вопросу добавить аудио, видео и изображение.

 

 

http://www.ispring.ru/

 

Пошаговая инструкция оформления текста с прокруткой на слайде

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

Подготовка слайда

1)      Для этого примера возьмём информацию про Марс с соответствующей страницы Википедии. Итак, для начала создадим в PowerPoint новую презентацию или добавим слайд к уже существующей. По умолчанию цвет фона — белый, но для слайда на космическую тематику сменим фон на тёмно-серый. Кликните правой кнопкой мыши по слайду и выберите пункт Формат фона.

 

2)      В открывшемся окне настройки фона выберите Сплошная заливка, затем кликните на значок выбора цвета и на ссылку Другие цвета — зададим собственный цвет «космоса». Далее перейдите во вкладку Спектр и в параметрах Красный, Зеленый, Синий укажите 25. Получится тёмно-серый цвет.

 

3)      Теперь добавим на слайд изображение планеты. В браузере откройте страницу с изображением Марса, далее кликните правой кнопкой мыши на изображении и выберите пункт Копировать изображение. Оно будет скопировано в буфер обмена.

 

4)      Снова возвращаемся в PowerPoint и вставляем изображение на слайд. Добавляем заголовок.

 

5)      Теперь перейдемм к созданию текстового блока с прокруткой. C помощью iSpring добавим его как веб-объект на слайд презентации.

Подготовим HTML-документ для блока с прокруткой

6)      HTML-документ проще всего подготовить в MS Word. Создайте новый документ и вставьте в него текст. На вкладке Дизайн кликните Цвет страницы, выберите Другие цвета и во вкладке Спектр укажите в параметрах Красный, Зеленый, Синий значение 25.

 

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

7)      Далее сохраните документ в формате Веб-страница с фильтром. Для этого нажмите Файл → Сохранить как, введите название документа и выберите тип файла Веб-страница с фильтром. При сохранении документа обратите внимание, что необходимо настроить кодировку Юникод (UTF-8).

 

В этом формате MS Word создаст один html-файл, без дополнительных файлов и папок.

Вставка веб-объекта на слайд

8)      Далее снова возвращаемся в PowerPoint. На панели инструментов iSpring кликните Web (данный пример выполнен в программе iSpring Suite, но вы можете создать скроллируемый текстовый блок и с помощью iSpring Pro или iSpring Presenter).

 

9)      В диалоге вставки веб-объекта вместо Веб-адрес выберите Путь к файлу, затем кликните Обзор и выберите ваш HTML-файл. В блоке Настройки включите Показывать на слайде, для параметра Показать через оставьте значение 0 секунд.

 

10)  Нажмите ОК, и веб-объект появится на слайде в виде окна с текстом Web Объект (локальный файл). После публикации здесь будет отображаться текст про Марс. Измените его размер и положение так, как вам нужно.

 

Теперь осталось только опубликовать презентацию.

Публикация презентации

11)  Кликните Публикация на панели инструментов iSpring Suite. В настройках формата публикации выберите Универсальный (Flash+HTML5) - этот вариант позволяет просматривать презентацию на максимально широком диапазоне устройств. Если необходимо, отредактируйте внешний вид плеера, измените цветовую схему, включите или отключите панели. Кликните кнопку Опубликовать и откройте сконвертированную презентацию в браузере.

 

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1)      http://www.arhmedcolledg.ru/sites/arhmedcolledg.ru/files/cr-collections/2/ispringquizmaker.pdf

2)      http://www.ispring.ru/

3)      http://www.ispring.ru/articles/scroll-text-box-with-ispring.html?utm_source=Email-campaign&utm_medium=email&utm_term=ru&utm_campaign=digest-ru-march&ref=newsletter