Cómo utilizar widgets móviles jquery de dreamweaver

El menú Insertar de Dreamweaver incluye una colección de widgets móviles jQuery que puede utilizar para crear elementos de formulario y otras funciones más utilizadas en aplicaciones web para móviles. Por ejemplo, puede utilizar el widget móvil jQuery para añadir elementos de formulario-móviles de usar, tales como áreas de texto y casillas de verificación.

Antes de utilizar cualquiera de los widgets móviles jQuery, primero debe definir una página jQuery Mobile eligiendo Página, el elemento de la lista de widgets móviles jQuery.

imagen0.jpg
  1. Crear una página web con Dreamweaver.

  2. Haga clic para colocar el cursor en la parte superior izquierda de la nueva página, y luego elija Página en el panel de jQuery Mobile Insertar.

    Se abre el cuadro de diálogo de archivos jQuery Mobile.

  3. Cambiar la configuración predeterminada en el cuadro de diálogo jQuery Mobile archivos (o dejarlos puestos en los valores por defecto), y haga clic en Aceptar.

    Se abre el cuadro de diálogo de página.

  4. Introduzca un nombre en el campo ID, y seleccione o anule la selección de las casillas de verificación al lado de encabezado y pie en función de si desea secciones de encabezado y pie de página en su página móvil.

  5. Reemplace la Cabecera, Contenido, y Pie de página texto con el texto, imágenes y otros elementos que desea en su página móvil.

    Puede agregar texto e insertar imágenes y otros elementos en una página móvil jQuery tal como lo haría cualquier otra página en Dreamweaver.

    El texto debe ser corto y las imágenes debe ser pequeña para mostrar en las pequeñas pantallas móviles.

  6. Haga clic en el icono de Tamaño Mobile en la parte inferior derecha del espacio de trabajo para ver la página en una ventana más pequeña.

    La opción Tamaño Mobile le permite ver la página de una manera similar a la forma en que aparecerá en un pequeño dispositivo móvil.

    image1.jpg
  7. Añadir otras opciones jQuery Mobile si lo deseas.

    El resto de la jQuery Mobile opciones en el Mobile Panel jQuery Inserte son opcionales. Úsalos para añadir funciones adicionales a su página móvil, incluyendo elementos de formulario, como campos de contraseña, botones de radio, y áreas de texto.

  8. Elija Archivo-Guardar para guardar la página- cuando aparezca el cuadro de diálogo Archivos dependientes Copiar, haga clic en Aceptar para generar todos los archivos relacionados.

    Para el jQuery Mobile ofrece a trabajar, debe subir estos archivos a su servidor web cuando se carga la página web.

  9. Para una vista previa de su trabajo en un navegador, haga clic en el icono del globo en la parte superior del área de trabajo y seleccione un navegador.

Para probar un sitio web móvil o aplicación web en un dispositivo móvil, publicar la página y todos los archivos relacionados con un servidor web, y luego ver la página en un navegador web en un iPhone, un dispositivo Android, Blackberry u otro dispositivo móvil.




» » » » Cómo utilizar widgets móviles jquery de dreamweaver