Лого SiteHere.ru

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

Программа для создания слайдеров на HTML5

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

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

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

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

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

Создание слайд-шоу

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

Высота и ширина слайд-шоу

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

Добавляем изображения

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

Переходим на вкладку "переходы"

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

Добавляем переходы

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

Важные кнопки

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

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

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


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

Успехов!

10 комментариев к записи
  • Бадруди

    Скачал попробовал, вроде ничего прога для начинающих самый раз. Пусть племянник учится. Не нашел как музыку добавлять, или нету такой функции?

     
    • Юрий

      Аудио, к сожалению, данная программа не поддерживает.

       
  • Наталья

    Благодарю за полезную информацию.Будем учиться делать слайд-шоу.

     
  • Екатерина

    Подскажие пожалуйста, как полученный в данной программке файл слайдшоу в формате .hislider вставить в страницу html ?

    И в шапке сайта вместо картинки.

     
    • Юрий Немец

      Вам совет или консультацию?

       
  • Сергей

    Спасибо! полезная прога))

     
  • Владислав

    а не подскажите где найти инфу как сделать на html фото альбом как вконтакте ? 

     
    • Юрий Немец

      Владислав, добрый день!

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

       
  • Лангор

    Я действительно наслаждаюсь дизайном и оформлением
    вашего интернет-ресурса.
    Это делает его очень приятным для восприятия, и заставляет
    заглядывать сюда снова и снова…
    Плиз, подскажите, вы нанимали профессионального дизайнера или разработчика для создания
    основной темы? Неимоверно шикарная работа!!!

     
    • Юрий Немец

      Здравствуйте!

      Спасибо! Дизайнера не нанимал, сам постепенно дорабатываю данный шаблон. Мы занимаемся еще разработкой под заказ, поэтому изучаем вертикальный ритм и веб-дизайн. Не так профессонально, как это делают веб-дизайнеры, например, на  dribbble, но азы стараемся применять в своих проектах.

       

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *