Dreamweaver CS3

Otro control avanzado que utiliza las ventajas de AJAX y que Spry nos permite utilizar es el Acordeón:

Sección 1

Coloca el contenido que prefieras en estos contenedores.

Puedes pasar de un contenedor a otro haciendo clic sobre su nombre.

Sección 2

Aquí insertaremos una imagen.

Sección 3

Aquí un listado de elementos:

• elemento 1
• elemento 2
• elemento 3
• elemento 4

Sección 4

Finalmente colocaremos una linea horizontal:

---

Y una tabla:

1	2
3	4
5	6

Para utilizarlo haz clic en Insertar → Spry → Acordeón de Spry. Se creará automáticamente un elemento en tu página parecido a esto:

Este control es tan sencillo de configurar que en el panel Propiedades sólo encontrarás lo siguiente:

Añade y organiza las secciones utilizando los botones y . Y luego simplemente edita el contenido de cada una de ellas y su nombre en la cabecera.

Del mismo modo que con las pestañas para ver el contenido de una sección coloca el ratón sobre su cabecera y haz clic sobre el icono con forma de ojo que aparecerá:

Pág. 26.3

 Cursos Informática Gratuitos