Cómo crear una página para móviles dispuestos en Dreamweaver

Páginas jQuery Mobile Starter de Dreamweaver son una buena manera de generar rápidamente un sitio móvil fácil. La página móvil de arranque crea una página HTML5 con cinco ficha páginas prediseñadas jQuery Mobile, o secciones de la página HTML que se ven y actúan como " # 148 páginas; tal y como aparecen o desaparecen dentro de un dispositivo móvil. Y esas páginas de inicio proporcionan un punto de partida muy bien para ambas páginas móviles y aplicaciones.

Siga estos pasos para generar y personalizar una página jQuery Mobile en Dreamweaver:

1

Elija Archivo-Nuevo.

Se abre el cuadro de diálogo Nuevo documento.

Cómo crear una página para móviles dispuestos en Dreamweaver
Cómo crear una página para móviles dispuestos en Dreamweaver Agrandar
2

Seleccione 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 Página de ejemplo.

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

DOCTYPE se establece de forma predeterminada para HTML5, que se requiere para las páginas basadas en móvil jQuery. El cuadro de diálogo Nuevo documento, con ajustes para una página jQuery Mobile, se muestra.

Cómo crear una página para móviles dispuestos en Dreamweaver
Cómo crear una página para móviles dispuestos en Dreamweaver Agrandar
3

Haga clic en el botón Crear.

Aparece una página HTML con las cuatro jQuery Mobile " # 148 páginas.;

Debido a que la página generada se basa en javascript, no se puede ver nada cerca de 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 directo y navegar en las páginas jQuery Mobile generados, mediante los botones Adelante y Atrás de la barra de la ventana de documento. Utilice la opción Tamaño de la 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.

4

Para editar las páginas, anule la selección de Live View, y editar en la ventana de documento.

Cada jQuery Mobile " página " (dentro del archivo HTML simple) tiene tres etiquetas DIV dentro de ella: a jQuery Mobile Header, un elemento de contenido jQuery Mobile, y jQuery Mobile de pie de página.

5

Después de editar el contenido del marcador de posición, sustituyéndolo por su propio contenido, cambiar de nuevo a la vista en vivo para ver cómo las páginas se verán 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.




» » » » Cómo crear una página para móviles dispuestos en Dreamweaver