Las presentaciones de diapositivas son una interfaz de sitio web común que se utiliza para resaltar contenido reciente.
Credito de imagen: Miriam2009 / iStock / Getty Images
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 de 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. Si bien el elemento web denominado "presentación de diapositivas" comparte el mismo nombre que una plataforma de diapositivas de PowerPoint, la salida de Dreamweaver es HTML estándar visible en cualquier navegador web.
Paso 1
Inicie Dreamweaver y abra el proyecto del 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.
Video del día
Paso 2
Haga clic en "Insertar", luego "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 hasta 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.
Etapa 4
Repita los dos pasos anteriores, agregando una nueva capa y el contenido apropiado para cada diapositiva que desee que se muestre. Debido a que el JavaScript utilizado para mostrar la presentación de diapositivas en el navegador web precargará todo el contenido, Probablemente desee 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. hora.
Paso 5
Haga clic en "Ventana", luego "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 que se muestre, haga clic con el botón derecho en la entrada de la línea de tiempo 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.
