WOW-SLIDER - слайдер для сайту з анімацією - Adobe Muse Уроки
WOW-SLIDER. Про урок.
Мені запитали, як розмістити цей слайдер у програмі Adobe Muse. Я спеціально зайшов на сайт, де розташований цей слайдер. Це веб-сайт wowslider.com. І ви бачите тут тут стильні шаблони, приголомшливі ефекти. Ось такі слайдери ми можемо розміщувати у програмі Adobe Muse завдяки цьому сервісу.
WOW-SLIDER. Як завантажити?
Ви можете завантажити цей слайдер абсолютно безкоштовно, натискаючи на кнопку «завантажити».WOW-Slider розповсюджується безкоштовно для некомерційного використання або тестування. Якщо ви хочете використовуватиWOW-Slider на сайті університету, некомерційному блозі або просто протестувати його, можна скачати повнофункціональну безкоштовну версію. Натискаєте кнопку «Free Download» або кнопку «Завантажити безкоштовно» нижче та завантажуєте цей слайдер собі на комп'ютер.
WOW-SLIDER. Встановлення та налаштування.
Ось тут нижче "Ефект переходу" в закладці. Ви можете вибрати будь-який ефект переходу. І одразу буде видно, як він працює. Давайте я зараз виберу якийсь ефект переходу, наприклад, Cube ось такий. В принципі, далі ви можете вибрати, як виглядатимуть дані кнопки. Це у нас вибирається тут у верхній панелі. Тут дуже багато різних варіантів. Я, наприклад, виберу якийсь, скажімо, ось такий. Можна також вибрати розмір слайдера. Розмір я виберу, наприклад, "640х480" - нехай так і варто. Тут ви можете вибрати «На всю ширину» або «На весь екран», або «Обмежений». Я все залишаю зараз за промовчанням для прикладу. Ви можете потім поекспериментувати.
WOW-SLIDER. Розміщення кодів на сайті в Adobe Muse.
Нижче наведено інструкцію «Що нам потрібно зробити для того, щоб слайдер розмістити у себе на сайті».
Нам потрібнозробити завантаження всіх зображень на свій сервер, де ми будемо розміщувати наш сайт, тобто. папки«data1/» та«engine1/» розміщуються в папці, куди я експортував щойно слайдер.
І далі розмістити два ось ці коди, які нам згенерував сервіс.
Перший код потрібно розмістити між тегами та у програмі. Робиться це дуже просто. Ми заходимо до програми Adobe Muse, ось сюди. Заходимо «Сторінка», далі «Властивості сторінки» та переходимо до розділу «Метадані». Тут у розділі «HTML для» ми повинні вставити перший код, який пропонується нам у програмі. Копіюю його і вставляю його ось сюди в розділ «HTML для». Натискаю "ок".
Другий код потрібно розмістити між тегами, розмістити там, де ми хочемо, щоб наш слайдер з'явився на сторінці сайту. Для цього я заходжу до «Об'єкта», далі «Вставити HTML». І сюди саме я маю розмістити цей код. Я знову переходжу в браузер. Копіюю цей код, який нам потрібно розмістити між тегами і розміщую його у віконце в програмі Adobe Muse. Вставити. Натискаю "ок". Відбувається якась трансформація сьогодні. І не дивіться, що зараз така незрозуміла штука з'явилася. Я роблю її просто більше. Або просто заходжу у віконце «Перспективи» та встановлюю тут «640х480». Enter. І отримуємо ось таке віконце, яке можемо розмістити у будь-яке місце на своїй сторінці, де ми хочемо, щоб розмістився цей слайдер.
Що ж робити далі? Оскільки нам потрібно, щоб ті дві папки«data1» та«engine1» знаходилися у нас разом із файлами нашого сайту, то при експорті натискаємо «Файл», далі «Експортувати як HTML» . Я просто вибираю цю паку у себе на комп'ютері. Переходжу на робочий стіл, вибираю папку «WOW-Slider» і сюди ж я експортуватиму сайт із програмиAdobe Muse. Тут ви пишете назву свого сайту – доменне ім'я. Я напишу для прикладу 123.ru, це не так зараз важливо. І натискаю кнопку "ок".
Ось таким чином ви зможете розмістити WOW-Slider у себе на сайті.
WOW-SLIDER. Обмеження безкоштовної версії. Видалення напису Wow-Slider.
Єдине обмеження, що тут постійно цей значок WOW-Slider буде на кожній картинці. Можливо, щоб його не було, вам необхідно буде придбати повну ліцензійну версію даного слайдера. А можна просто знову замінити картинки в папці WOW-Slider -data1 на свої без цього напису перед завантаженням на хостинг.