Cómo crear una página móvil listo en dreamweaver

1Seleccione Archivo → Nuevo

Se abre el cuadro de diálogo Nuevo documento.

2Seleccione Página de la muestra en la columna izquierda, Entrantes móviles en la columna de la carpeta de la muestra, y jQuery Mobile (CDN) en la columna de la Muestra de la página

Selecciona la primera opción, jQuery Mobile (CDN).

DOCTYPE se establece de forma predeterminada para HTML 5, que se requiere para las páginas basadas en jQuery Mobile. El cuadro de diálogo Nuevo documento, la configuración de una página de jQuery Mobile, se muestra.

3Haga clic en el botón Crear

Una página HTML aparece con cuatro páginas de jQuery Mobile ??. ??

Debido a que la página generada se basa en javascript, no se puede ver nada que se acerque a la apariencia real sin necesidad de encender Vista en vivo.

Para tener una idea de cómo se verá la página y trabajar en un dispositivo móvil, haga clic en el botón Vista en vivo y navegar en las páginas jQuery Mobile generados, utilizando los botones de avance y retroceso en la barra de herramientas ventana de documento. Utilice la opción Tamaño de ventana en la barra de herramientas en la parte inferior para cambiar el tamaño de la ventana ventana de documento a un tamaño de dispositivo móvil.

4Para editar las páginas, anule la selección de visión directa, y editar en la ventana de documento

Cada página ?? jQuery Mobile ?? (Dentro del único archivo HTML) tiene tres etiquetas DIV dentro de ella: una cabecera jQuery Mobile, un elemento de contenido jQuery Mobile y un pie de página jQuery Mobile.

5Después de editar el contenido marcador de posición, sustituyéndolo por su propio contenido, cambiar de nuevo a la vista en vivo para ver cómo se verá páginas en los navegadores de dispositivos móviles

Puede editar el contenido de cualquiera de los elementos en la vista Diseño de la misma manera que edite cualquier página HTML en Dreamweaver.

Video: Cap 14: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero