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 forma y otras características utilizadas comúnmente en aplicaciones web móviles. Por ejemplo, se puede utilizar el accesorio para móviles jQuery para añadir elementos de formulario para móviles, 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.

  1. Crear una página web en Dreamweaver.

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

    Se abre el cuadro de diálogo de archivos de 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 OK.

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

  4. Introduzca un nombre en el campo ID, y active o desactive 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 Encabezado, contenido, y Pie de página texto con el texto, imágenes y otros elementos que desea en su página móvil.

    Puede añadir texto e imágenes de inserción y otros elementos en una página móvil jQuery tal como lo haría con cualquier otra página en Dreamweaver.

    El texto debe ser corto y las imágenes debe ser pequeño para la visualización en pantallas pequeñas móviles.

  6. Haga clic en el icono de Tamaño móvil en la parte inferior derecha del área 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.

  7. Añadir otras opciones jQuery Mobile lo deseas.

    El resto de los Mobileoptions jQuery en el panel Insertar jQuery Mobile son opcionales. Utilizarlos para añadir características adicionales a su página móvil, incluyendo elementos de formulario, como campos de contraseña, botones de radio, y áreas de texto.

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

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

  9. Para obtener una vista previa de su trabajo en un navegador, haga clic en el icono del globo en la parte superior del espacio 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.

Artículos Relacionados