Ayuda ejercicios unidad 23: Widgets de jQuery


Ejercicio 1: jQuery UI

  1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
  2. Abre el archivo semantico.html de la carpeta ejemplos
  3. Si no está activo el Inspector de propiedades pulsa Ventana, opción Propiedades
  4. Cambia a la vista Diseño
  5. Haz clic en el recuadro amarillo. En la barra de estado debe resaltarse la etiqueta <nav> #menu
  6. Haz clic en el menú Insertar, opción jQuery UI y luego en la opción Buttonset.
  7. Añade dos botones en el Inspector de Propiedades
  8. Haz clic en el recuadro color blanco. Asegúrate que en la barra de estado está resaltada la etiqueta <section> #contenido
  9. Haz clic en el menú Insertar, opción jQuery UI y luego en la opción Tabs.
  10. Añade una ficha en el Inspector de propiedades
  11. Haz clic en el recuadro gris. Asegúrate que en la barra de estado está resaltada la etiqueta <aside> #columna
  12. Haz clic en el menú Insertar, opción jQuery UI y luego en la opción Accordion.
  13. Añade una sección en el Inspector de propiedades.
  14. Guarda el resultado y pruébalo en tu navegador.

Marzo-2015
Volver






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.