Si desea diseñar páginas web para adaptarse a una pantalla del móvil, hay varias cosas que debe considerar antes de empezar. En primer lugar, determinar si desea establecer un nuevo nombre de dominio para su sitio web para móviles con la terminación de dominio .mobi. O bien, utilice un prefijo de subdominio que comparte nombre de dominio de su sitio web regular. Después de que haya terminado el diseño web para su sitio web para móviles, crear hipervínculos para las direcciones URL especiales y promover su nuevo sitio.
explicación
Considere el tamaño de la pantalla en diversos tipos de teléfonos móviles y optimizar el contenido para adaptarse a las dimensiones de la pantalla. Los tipos más comunes de dimensiones de la pantalla del teléfono móvil son:
128 x 160 píxeles
176 x 220 píxeles
240 x 320 píxeles
320 x 480 píxeles
Utilice la CSS lenguaje de programación para crear el diseño de diseño web para su sitio web para móviles. Bloc de notas abierto, o un editor de texto y crear una página Web con XML o lenguaje de programación XHTML. Introduzca la codificación de caracteres y asegúrese de que está configurado en UTF-8. Además, su diseño web debe ser simple, compacto y aerodinámico. Coloque todos los datos importantes en la parte superior de su página web que se está diseñando.
Empezar a programar su página Web, y asegúrese de cerrar cada etiqueta XML y XHTML que cree. Recuerde, el tamaño máximo de página para una página web móvil es de 20 kilobytes, y usted tendrá que hacer su ajuste de contenido dentro de ese tamaño. Introduzca el XML y etiquetas XHTML para crear botones de radio, casillas de verificación y listas.
Evitar la creación de campos de texto que requieren sus teléfonos usuarios de la web para entrar en una gran cantidad de información. Añadir el XML y etiquetas XHTML para crear botones que le permitirán navegar a la página Web anterior en su sitio web para móviles de vuelta. Varios tipos de teléfonos móviles no están equipados con botones traseros que se pueden utilizar para navegar y ver páginas Web.
Crear XML y etiquetas XHTML para todas las fotografías e imágenes que va a mostrar en su sitio web para móviles. Asegúrese de que sus fotografías e imágenes se guardan en formato JPEG o GIF. Guarde el documento de página Web móvil cuando haya terminado de diseñar la disposición de diseño Web.
Pruebe su nuevo sitio web para móviles en varios navegadores web. Cambiar el tamaño de las ventanas de los navegadores en diferentes tamaños para ver si su disposición de diseño Web mantiene su integridad. Cuando esté satisfecho con la apariencia de su sitio web para móviles, crear otra plantilla de página Web utilizando el mismo diseño de diseño Web.
Utilice un servicio de hosting como "Whitesource.com", "GoLiveMobile.com" y "AT & T.com" que será la sede de su sitio web para móviles. Sube tus XML / HTML documentos, fotografías y imágenes en el servidor de la página web de servicios de alojamiento.