Unidad 23. Ejercicio: Uso del Widget de jQuery Dialog

Objetivo

Practicar el uso del Widget de jQuery Tab para presentar información en una página web.

Ejercicio

1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.
3. Selecciona el sitio Parquenatural de la carpeta ejercicios en el panel Archivos.
4. Haz doble clic sobre el documento especies_alternativa2.htm que grabaste en el ejercicio anterior.
5. Se abrirá el documento en Dreamweaver.
6. Haz clic en el área bajo la información de las especies.
7. Haz clic en el menú Insertar, opción jQuery UI y luego en Dialog.
8. Escribe un texto de bienvenida a la página.
9. En el Inspector de propiedades escribe un título para el cuadro de diálogo.
10. Asegúrate que las casillas de verificación Auto Open, Draggable, Modal, Close On Escape y Resizable estén activas.
11. Selecciona efectos para Hide y Show.
12. Guarda la página y pruébala en la Vista En vivo.