Первая страница

WOW Slider

красивые слайдеры
Онлайн: РИСОВАЛКИ | ИГРЫ | РЕЛАКС программы

Назначение программы

WOW Slider – оффлайновое приложение для создания стильных проигрывателей слайдов (слайдеров) для размещения и просмотра в Интернете. Программа предлагает очень много предустановленных шаблонов оформления слайдера и анимированных переходов между слайдами. В качестве слайдов могут выступать изображения и видео. Каждый шаблон имеет умеренное количество настроек, так что даже неопытный пользователь в них не заблудится. Языком интерфейса можно выбрать русский.

WOWSlider - главный интерфейс

Интерфейс

Интерфейс программы незамысловат, но все равно для начала требует некоторых пояснений. В левом сайдбаре находятся слайды (так и тянет его назвать слайдбар). То есть, когда вы добавляете изображения в программу, то они видны в этой колонке, так как, каждое изображение становится слайдом.

По центру расположено окно предпросмотра, в котором слайдер отображается таким, каким вы его увидите в браузере после публикации.

Слайду можно задать заголовок, описание и адрес интернет-страницы для перехода по клику. Заголовок и описание будут выплывать на каждый слайд согласно сценарию большинства шаблонов. Панель с этими настройками находится под окном предпросмотра.

Справа находится панель с шаблонами (верхняя половина) и эффектами перехода (нижняя половина).

Выбрав шаблон кликом вы автоматически перегрузите слайдер в окне предпросмотра. К шаблону можно подобрать шрифт: гарнитуру, цвет, размер.

Выбрав эффект перехода вы также сразу перегрузите окно предпросмотра и увидите изменения. В области выбора эффекта есть чекбокс "Несколько эффектов" – это значит, что выбор эффекта слайдер будет делать случайным образом для каждого перехода.

Ниже области эффектов находится важный параметр – размер слайдера. Еще здесь есть выбор поведения слайдера при разных размерах и пропорциях экрана.

Еще ниже в нижнем правом углу кнопка, которую вы часто будете нажимать [Больше настроек]. Она, кстати, заменяет две верхние кнопки [Основные настройки] и [Опубликовать]. В общем, по этой кнопке открывается окна с тремя закладками: "Основные", "Дизайн" и "Опубликовать". На закладке "Основные" настройки больше по общему функционалу. На закладке "Дизайн" – настройки больше по выбору и оформлению шаблона. На закладке "Опубликовать" выбирается путь для html5 проекта, папка, в которую лягут все необходимые файлы: html, js, cs, медиа…

Посмотрите интерактивную презентацию по интерфейсу WOW Slider:

Эта презентация, кстати, смонтирована с помощью удобнейшей программы ActivePresenter.

Перенос проекта

Программа сохраняет проект в файле с расширением wowsl. Это текстовой XML файл с метаданными, т.е., только с настройками проекта. Медиафайлы в файл проекта не вмонтированы (в отличие от файла проекта аналогичной программы HiSlider). Поэтому, если вам надо перенести весь проект с одного компьютера на другой, надо отредактировать файл проекта в текстовом редакторе. Необходимо произвести замену пути к шаблону в теге <ImageTemplate>…</ImageTemplate> и замену всех путей к картинкам в строках <url>…</url>

Если этого не сделать, то программа на другом компьютере, не найдя шаблон и изображения, просто не откроет ваш проект.

Избавление от водяного знака

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

  1. Замените в подпапке data1\images\ все картинки на оригинальные, которые вы подготовили заранее с нужным вам размером и добавляли в программу на первом этапе.
  2. В файле engine1\wowslider.js найти слово contextmenu и чуть дальше в этой строке слово show заменить на hide. Таким образом мы избавились от гиперссылки в каждом нижнем правом углу.
  3. Не знаю, как у вас, но у меня в главном html файле, который вы назначили в настройках в поле Page name, из 22 моих сладов 20-й слайд обзавелся гиперссылкой на сайт www.wowslider.net – эту гиперссылку я убрал.

Пример

Посмотрите пример слайдшоу "Эти забавные животные", созданного мной за час (картинки и текстовки подготовлены заранее):

Если вы наведете курсор мыши на слайдер, то появятся кнопки навигации и кнопка [На весь экран].

Скачать

Предлагаю бесплатно скачать WOW Slider с сайта разработчика: https://wowslider.com/wowslider-free-setup.zip Предварительно вас попросят ввести имя и e-mail в форму знакомства. Причем, вроде бы можно задать несуществующий e-mail, т.к., после ввода данных и нажатия на кнопку [Download Now] вам будет предоставлена ссылка на скачивание.

Кому влом заполнять форму на сайте разработчика, вот ссылка на WOW Slider 9.0 – файл установкии в архиве, который раскрывается по паролю newart.ru

Для коммерческого использования программы есть и платные лицензионные версии. По функционалу бесплатная и платная версии практически не отличаются.

Если вы поклонник портабельных сборок (как я), то могу сказать, что после инсталляции программа может работать и как портабельная, т.е., папку программы можно скопировать на другой компьютер и она там будет работать. Заметил некоторые неудобства на Windows 7 x86 машине. Часто моя портабельная программа оставалась в памяти компьютера после ее закрытия. Что-то глючило с QT. Процесс не удавалось закрыть даже командой taskkill с ключом -f. И этот факт не давал корректно завершить работу Windows. А вот на Windows 10 x64 такого с портабельной версией не наблюдалось.



Ещё статьи для вебмастеров, расширяющие технологический кругозор:
Памятка начинающему вебмастеру
Спецсимволы HTML - коды около 2000 дизайнерских иконок
Blumentals WeBuilder - удобнейший редактор кода с предпросмотром
WYSIWYG Web Builder - мощный визуальный конструктор сайтов
RocketCake - лаконичный визуальный конструктор сайтов
Pinegrow - стильный визуальны конструктор сайтов
Lunacy - для макетирования интернет-страниц
Hi Slider - программа для создания продвинутых jQuery слайдеров
Moodle - практика администратора СДО
MediaWiki - как использовать для ведения и хранения документации
MediaWiki - как скачивать Wiki-страницы в PDF
MediaWiki - как подсвечивать синтаксис программного кода
PowerPoint в HTML5 - обзор софта конвертации
SVG - как сделать анимацию линии (имитацию рисования)
TimelineJS - библиотека для хронологических лент
TurboSite - лаконичный конструктор многостраничных сайтов
HTTP - коротко о протоколе
OpenAPI - спецификация, визуализация, инструментарий
Camtasia Studio = видеоредактор + видеограббер
Инструменты для создания прототипов интернет-страниц: Axure и ProtoShare
Что нужно знать об электронных платежах вебмастеру интернет-магазина
Индекс цитирования сайта - что это?
Как создать интерактивный кроссворд на сайте?
Новости
От рекламы не скрыться
Вебдизайнеру на заметку
домой | живопись | графика | компьютерная графика | поделки | юные художники | темы | комментарии | перлы
конкурсы | игры | релакс | рисовалки | учиться рисовать | детские карты Москвы | детские стихи | статьи | видео | поиск | обратная связь