Cómo mostrar imágenes en Spry

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

Instrucciones

1 Instalar Spry en Dreamweaver de Adobe, si no lo ha hecho. Vea la sección Recursos para el enlace de descarga.

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

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

4 Haga clic en "Archivo" y seleccione "Guardar como". Seleccione la opción "Presentación" del menú desplegable.

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

6 Haga clic en el panel de "Content1". Pulse la tecla "Retroceso" para eliminar el texto "Content1". Haga clic en "Insertar" del menú de la barra superior y seleccione "Imagen".

7 Examinar para desplazarse a la ubicación en su equipo que tiene las imágenes que desea visualizar. Tenga en cuenta que usted puede elegir los archivos JPEG o GIF en Spry. Un solo clic en el archivo y pulsa "Aceptar". Haga clic en "Aceptar" cuando se ve la "etiqueta de la imagen Atributos de accesibilidad."

8 Haga clic en el panel de "Content2". Pulse la tecla "Retroceso" para eliminar el texto "Content2". Haga clic en "Insertar" del menú de la barra superior y seleccione "Imagen".

9 Examinar para desplazarse a la ubicación en su equipo que tiene las imágenes que desea visualizar. Tenga en cuenta que usted puede elegir los archivos JPEG o GIF en Spry. Un solo clic en el archivo y pulsa "Aceptar". Haga clic en "Aceptar" cuando se ve la "etiqueta de la imagen Atributos de accesibilidad."

10 Haga clic en "Pestaña1." Pulse la tecla "Retroceso" para eliminar el texto "Pestaña1". Escriba un nuevo nombre para la presentación. Por ejemplo: "SlideShow1." Haga clic en "Sep2." Pulse la tecla "Retroceso" para eliminar el texto "Sep2". Escriba un nuevo nombre para esta presentación. Por ejemplo: "SlideShow2."

11 Haga clic en "Archivo" y seleccione la opción que dice "Vista previa en el explorador." Elija su navegador preferido para mostrar las imágenes.