X

Программа для создания слайд-шоу на HTML5

В этом уроке рассмотрим программу для автоматического создания слайд-шоу на технологии HTML5.

Даже если ваши знания в javascript, css и html не позволяют вам создавать слайд-шоу самостоятельно, это можно сделать при помощи программы Hislider. Скачать ее можно по ссылке — Hislider.com. На сайте доступна как бесплатная версия, так и платная. Все действия я буду показывать в бесплатной версии. Если программа вам понравится, вы можете приобрести ее платную версию. Я создал пробное слайд-шоу. Посмотреть вы его можете по ссылке:

Посмотреть примерСкачать

Как создать первое слайд-шоу с помощью программы Hislider

Когда вы установите и запустите программу перед вами появится окно программы, где предлагается начать создание слайд-шоу. Жмете на кнопку «Create New»:

Указываете необходимую ширину(width) и высоту(height) слайд-шоу:

Затем необходимо добавить изображения. Это можно сделать нажав по центру окна на ссылку либо на кнопку на панели кнопок:

После того как изображения добавлены, станет активна панель с переходами(Transmitions). Переходим на вкладку «Transmitions»:

И добавляете переходы, которые вам нравятся:

Нажимаем «OK» и попадаем в редактор слайд-шоу. Вносим необходимые изменения. Вверху есть три кнопки:

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

Вторая кнопка «PREVIEW» необходима предпросмотра слайд-шоу в браузере.

И последняя кнопка «PUBLISH» служит для создания слайд-шоу.


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

Успехов!

Категории: HTML5