Как создать слайд-шоу с помощью Dreamweaver

Dreamweaver — это профессиональное программное обеспечение Adobe для веб-разработки, предоставляющее ряд функций для создания веб-страниц. Эти функции варьируются от интеграции с внутренней базой данных до слайд-шоу JavaScript, которые меняют изображения через фиксированные промежутки времени. Стандартизированный JavaScript Dreamweaver позволяет разработчикам веб-сайтов создавать слайд-шоу, не копаясь непосредственно в коде. Хотя веб-элемент под названием «слайд-шоу» имеет то же имя, что и набор слайдов PowerPoint, выходные данные Dreamweaver представляют собой стандартный HTML-код, который можно просмотреть в любом веб-браузере.

Шаг 1

Запустите Dreamweaver и откройте проект веб-сайта из меню «Файл». Перейдите на страницу проекта вашего веб-сайта, где будет интегрировано слайд-шоу.

Шаг 2

Нажмите «Вставить», затем «Слой» в меню верхнего слоя. Это откроет диалоговое окно; нажмите «Изображение» для типа слоя в этом поле.

Шаг 3

Нажмите «Обзор» и перейдите в папку с изображениями. Выберите изображение первого слоя — это будет первый слайд, отображаемый в слайд-шоу. Вы также можете указать на другие HTML-страницы, а не на изображения; это один из способов интеграции текста и интерактивных ссылок в слайд-шоу вашего веб-сайта.

Шаг 4

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

Шаг 5

Нажмите «Окно», затем «Временная шкала» в меню верхнего слоя. Появится редактор временной шкалы. Введите продолжительность для каждого изображения в созданном вами наборе слоев. Выберите первое изображение, которое вы хотите отобразить, щелкните правой кнопкой мыши его запись на временной шкале и выберите «Добавить ключевой кадр».

Шаг 6

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

Шаг 7

Нажмите "ОК", чтобы сохранить настройки.