Слайд-шоу – це звичайний інтерфейс веб-сайту, який використовується для виділення нещодавнього вмісту.
Авторство зображення: Miriam2009/iStock/Getty Images
Dreamweaver — це професійне програмне забезпечення Adobe для веб-розробки, яке надає ряд функцій для створення веб-сторінок. Ці функції варіюються від інтеграції внутрішньої бази даних до слайд-шоу JavaScript, які змінюють зображення через фіксовані інтервали. Стандартизований JavaScript Dreamweaver дозволяє розробникам веб-сайтів створювати слайд-шоу без необхідності безпосередньо копатися в коді. Хоча веб-елемент, який називається «слайд-шоу», має ту саму назву, що й коло слайдів PowerPoint, вихідні дані Dreamweaver є стандартним HTML, доступним для перегляду в будь-якому веб-браузері.
Крок 1
Запустіть Dreamweaver і відкрийте проект веб-сайту з меню «Файл». Перейдіть на сторінку проекту вашого веб-сайту, де буде інтегровано слайд-шоу.
Відео дня
Крок 2
Натисніть «Вставити», потім «Шар» у меню верхнього шару. Це відкриє діалогове вікно; натисніть «Зображення», щоб вибрати тип шару в цьому полі.
Крок 3
Натисніть «Огляд» і перейдіть до каталогу зображень. Виберіть зображення першого шару – це буде перший слайд, який відображатиметься в слайд-шоу. Ви також можете вказувати на інші сторінки HTML, а не на зображення; це один із способів інтегрувати текст і посилання, які можна натискати, у слайд-шоу вашого веб-сайту.
Крок 4
Повторіть попередні два кроки, додавши новий шар і відповідний вміст для кожного слайда, який ви хочете відобразити. Оскільки JavaScript, який використовується для відображення слайд-шоу у веб-браузері, попередньо завантажить весь вміст, ви будете ймовірно, хочеться зберегти слайд-шоу не більше ніж до шести або семи елементів, щоб веб-сторінка завантажувалася в розумних час.
Крок 5
Натисніть «Вікно», потім «Часова шкала» у меню верхнього шару. З’явиться редактор часової шкали. Введіть тривалість для кожного зображення у створеному вами наборі шарів. Виберіть перше зображення, яке ви хочете показати, клацніть правою кнопкою миші запис на часовій шкалі для нього та виберіть «Додати ключовий кадр».
Крок 6
Виберіть комбінацію шару/зображення для вибраного ключового кадру та повторіть цю процедуру для кожного шару та зображення, які потрібно на шкалі часу.
Крок 7
Натисніть «ОК», щоб зберегти налаштування.
