Spry es un marco de Dreamweaver de Adobe que se utiliza para incorporar datos XML, JSON o HTML de páginas usando HTML, CSS y una cantidad mínima de JavaScript. Con Spry, no necesita refrescar la página entera. Puede mostrar una presentación de diapositivas de imágenes en un widget de Spry Dreamweaver acordeón-estilo. Tenga en cuenta que necesitará instalar Spry en Dreamweaver para realizar esta tarea.

Instrucciones

1 Instale el Spry en Dreamweaver de Adobe, si no lo has hecho ya. Ver recursos para el enlace de descarga.

2 Haga clic en el menú "Inicio" y lanzar "Adobe Dreamweaver CS4."

3 Elija la opción "HTML" cuando vea el menú "Crear nuevo".

4 Haga clic en "Archivo" y elija "Guardar como". Elija "Slideshow" en el menú desplegable.

5 Haga clic en "Insertar" y seleccione "Spry". Haga clic para seleccionar "Paneles Spry pestañas." Esto mostrará un widget de paneles en la pantalla. El widget tiene dos pestañas, "Tab1" y "Tab.2." También contará con dos paneles de control, "Content1" y "Content2."

6 Haga clic en el panel "Content1". Presione la tecla "retroceso" para eliminar el texto "Content1". Haga clic en "Insertar" en la parte superior de la barra menú y seleccione "Imagen".

7 Buscar para navegar a la ubicación en tu computadora que tiene las imágenes que desea mostrar. Tenga en cuenta que cualquiera puede elegir archivos JPEG o GIF en Spry. Haga clic en el archivo y pulsa "Aceptar". Haga clic en "Aceptar" cuando vea las "imagen etiqueta atributos de accesibilidad."

8 Haga clic en el panel "Content2". Pulse "Borrar" para borrar el texto "Content2". Haga clic en "Insertar" en la parte superior de la barra menú y seleccione "Imagen".

9 Buscar para navegar a la ubicación en tu computadora que tiene las imágenes que desea mostrar. Tenga en cuenta que cualquiera puede elegir archivos JPEG o GIF en Spry. Haga clic en el archivo y pulsa "Aceptar". Haga clic en "Aceptar" cuando vea las "imagen etiqueta atributos de accesibilidad."

10 Haga clic en "Tab1." Presione la tecla "retroceso" para eliminar el texto "Tab1". Escriba un nombre nuevo para la presentación de diapositivas. Por ejemplo: "SlideShow1." Haga clic en "Tab.2." Pulse "Borrar" para borrar el texto "Tab.2". Escriba un nombre nuevo para esta presentación de diapositivas. Por ejemplo: "SlideShow2."

11 Haga clic en "Archivo" y elegir la opción que dice "Vista previa en explorador." Elige tu navegador preferido para visualizar las imágenes.