Cómo crear una presentación de diapositivas con Dreamweaver

Dreamweaver es el software de desarrollo web profesional de Adobe y proporciona una variedad de funciones para crear páginas web. Estas funciones van desde la integración de la base de datos back-end hasta las presentaciones de diapositivas de JavaScript que cambian las imágenes a intervalos fijos. El JavaScript estandarizado de Dreamweaver permite a los desarrolladores de sitios web crear presentaciones de diapositivas sin tener que profundizar en el código directamente. Mientras que el elemento web llamado "presentación de diapositivas" comparte el mismo nombre que una presentación de diapositivas de PowerPoint, la salida de Dreamweaver es HTML estándar que se puede ver en cualquier navegador web.

Paso 1

Inicie Dreamweaver y abra el proyecto de sitio web desde el menú "Archivo". Navegue a la página del proyecto de su sitio web donde se integrará la presentación de diapositivas.

Paso 2

Haz clic en "Insertar", luego en "Capa" en el menú de la capa superior. Esto abrirá un cuadro de diálogo; haga clic en "Imagen" para el tipo de capa en ese cuadro.

Paso 3

Haga clic en "Examinar" y navegue a su directorio de imágenes. Seleccione la imagen de su primera capa; esta será la primera diapositiva que se mostrará en la presentación de diapositivas. También puede apuntar a otras páginas HTML en lugar de imágenes; esta es una forma de integrar texto y enlaces en los que se puede hacer clic en la presentación de diapositivas de su sitio web.

Paso 4

Repita los dos pasos anteriores, agregando una nueva capa y contenido apropiado para cada diapositiva que desee mostrar. Debido a que el JavaScript utilizado para mostrar la presentación de diapositivas en el navegador web obtendrá previamente todo el contenido, probablemente querrá mantener las presentaciones de diapositivas en no más de seis o siete elementos para que la página web se cargue en un tiempo razonable.

Paso 5

Haz clic en "Ventana", luego en "Línea de tiempo" en el menú de la capa superior. Aparecerá un editor de línea de tiempo. Ingrese una duración para cada imagen en el conjunto de capas que creó. Seleccione la primera imagen que desea mostrar, haga clic con el botón derecho en la entrada de la línea de tiempo correspondiente y seleccione "Agregar fotograma clave".

Paso 6

Seleccione una combinación de capa/imagen para el fotograma clave seleccionado y repita este procedimiento para cada capa e imagen que desee en su línea de tiempo.

Paso 7

Haga clic en "Aceptar" para guardar su configuración.