Наблюдая, как eL-коллеги кидаются от одного сервиса создания презентаций к другому, решила написать небольшую серию статей-уроков по созданию интерактивных слайдовых курсов в PowerPoint. Статьи будут представлять собой пошаговые инструкции по созданию различных интерактивностей. Сразу отмечу, что я подразумеваю, что PowerPoint читателям знаком J Но если будут возникать вопросы, задавайте их в комментариях к статье.

Начнем с создания простейшей интерактивности — горизонтальных вкладок.

1. Создайте новую PPT-презентацию. Назовите ее slidemaker1.pptx.

2. Задайте для первого слайда макет «Только заголовок».

3. Задайте заголовок слайда «Горизонтальные вкладки».

4. Создайте фигуру «Прямоугольник с одним вырезанным углом», создайте две копии и выровняйте их по горизонтали.

5. Выделите каждую вкладку поочереди и впишите заголовки вкладок.

6. Добавьте не закрашенный прямоугольник под фигурами, как показано на рисунке 1. Выделите его и наберите инструкцию какую-нибудь инструкцию, например: «Нажимайте на заголовки для перехода по вкладкам».

Рисунок 1

7. Сдублируйте этот слайд три раза — должно получиться 4 одинаковых слайда.

8. Перейдите ко второму слайду, выделите первую вкладку, измените ее заливку на более светлую. Вставьте необходимые элементы: надписи, рисунки, SmartArt и т.п.

9. Аналогично, на третьем слайде задайте заливку и содержимое для второй вкладке, на четвертом — для третьей.

Рисунок 2

Рисунок 3

11. Вернитесь на первый слайд. Щелкните правой кнопкой мыши на первой вкладке и выберите команду Гиперссылка. В появившемся диалоговом окне выберите Связать с: местом в документе. Выберите слайд 2 в списке Заголовки слайдов, убедитесь в окне просмотра, что отображается слайд с содержимым первой вкладки, и нажмите ОК.

12. Аналогично — для второй и третьей вкладок добавьте ссылки на слайды 3 и 4 соответственно.

13. Аналогично вставьте гиперссылки:

• на слайде 2 — для второй и третьей вкладок,
• на слайде 3 — для первой и третьей вкладок,
• на слайде 4 — для первой и второй вкладок.

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

ПРИМЕЧАНИЕ 1. При использовании таких вкладок для создания курсов с помощью iSpring важно помнить, что после публикации в плеере iSpring-курса может использоваться навигация перехода по слайдам. По умолчанию, она просто будет пролистывать все слайды с вкладками взад и вперед. Если все-таки нужно, чтобы вкладки воспринимались как один слайд, а не как четыре, нужно настроить структуру.

Для этого добавим в презентацию титульный слайд (в самом начале) и слайд с домашним заданием (в самом конце). На вкладке iSpring (у меня это — iSpring Suite 7) в блоке Презентация выбираем Структура. Затем для слайдов 3-5:

• выбираем команду Скрыть слайд, чтобы скрыть их из оглавления в плеере курса;
• в блоке Ветвление для перехода вперед задаем слайд «Домашнее задание», для перехода назад — титульный слайд;
• выбираем Сохранить и закрыть.

Рисунок 4

ПРИМЕЧАНИЕ 2. Несмотря на то, что процесс создания таких вкладок требует некоторой аккуратности, у этого подхода есть некоторые преимущества перед аналогичными готовыми интерактивностями, которые реализованы в специальных средствах разработки е-курсов.

• На слайд может быть вставлен и как угодно размещен относительно друг друга любой контент, тогда как в готовых интерактивностях содержимое вкладки — это, как правило, форматированный текст;
• Содержимое таких вкладок может быть анимированным. Я не призываю анимировать все подряд, но иногда анимация может очень помочь сделать объяснение наглядным.
• При необходимости вкладки можно сделать разных размеров, в несколько рядов и т.п. Конечно, когда программа сама за тебя подгоняет размеры, это удобнее и красивее, но не всегда рационально расходуется место.

ПРИМЕЧАНИЕ 3. Хорошая новость для фанатов Google-сервисов: в Google-презентациях тоже можно создавать такие вкладки и настроить для них навигацию.

ПРИМЕЧАНИЕ 4. Вы можете скачать презентацию, которая у меня получилась при подготовке этого урока