¿Cómo construir una página web del teléfono móvil

Sitios Web construidas para su visualización en los navegadores web de telefonía móvil difieren en un número de aspectos importantes de las páginas web más comunes desarrollados para su visualización en los sistemas informáticos tradicionales. Para empezar, pantallas de teléfonos móviles son más pequeñas y las conexiones a Internet tienden a ser más lento en los teléfonos móviles. Esto presenta ciertas limitaciones en lo que puede ser presentada por medio de un navegador web del teléfono móvil. Como tal, ciertas normas que deben cumplirse con el fin de hacer que la experiencia de visualización lo más simple posible.

Instrucciones

Construir su sitio web para móviles

1 Construir su sitio web móvil como si fuera un sitio web típico. Este paso es muy variable dependiendo de su nivel de conocimientos y experiencia. Si está utilizando un Sistema de Gestión de Contenidos (CMS) como WordPress o Drupal, configurarlo en su propio sistema de ordenador como si fuera una página web normal. A los efectos de este tutorial, vamos a suponer que usted sabe cómo construir un sitio web tradicional. La construcción de un sitio web para la visualización del teléfono móvil es esencialmente un proceso de escalamiento hacia atrás desde el diseño web tradicional.

2 Establecer su jerarquía web en su propio sistema informático y llenar su sitio con cualquier contenido que tiene la intención de incluir. Revise las siguientes directrices para detalles sobre cómo optimizar su sitio para la visualización móvil.

3 Eliminar cualquier JavaScript y cookies de su sitio web. Mientras que algunos navegadores de teléfonos móviles permiten el uso de Javascript, muchos no lo hacen. En cualquiera de los casos, puede Javascript tienden a acaparar el poder de procesamiento, por lo que es mejor evitar.

4 Hacer su diseño y el diseño web lo más simple y perfecta como sea posible. pantallas de los teléfonos móviles son pequeños y no navegado a través del uso de un puntero ya que están en los navegadores web tradición. Mantenga su sitio entre una y dos columnas y utilizar herramientas de navegación sencillas, siendo posible desplegarlos fácilmente a través.

5 Configure sus hojas de estilo CSS, o, pensando en la simplicidad. Trate de limitar su gama de estilos y eliminar cualquier redundancias es posible emplear accidentalmente en sus hojas de estilo.

6 Renunciar a los elementos innecesarios. Utilizar gráficos con moderación y no en todos los menús de navegación. Si tiene que usar anuncios, limitar el número y el tipo que se incluyen en su sitio. Recuerde que los navegadores web para móviles no pueden hacer animaciones Flash, por lo que aquellos serán ignorados.

7 Optimizar los archivos de imagen para su uso en las pequeñas pantallas de los teléfonos móviles. Los tamaños de pantalla pueden variar ampliamente, pero hay algunas normas relativas que han surgido. En general, mantener sus imágenes bajo unos 240x320 píxeles. Tenga en cuenta que más del tamaño de las imágenes serán modificados por el navegador, a pesar de las grandes imágenes fijas tendrán más tiempo para descargar y procesar.

8 Validar su sitio web. No es un requisito para tener un sitio web programado con HTML y CSS válido, pero no se pierde nada y se puede verificar si su sitio funcionará con el software de navegación web más válida. Puede validar su sitio web con sólo presentar el código fuente para validator.w3.org.

9 Subir su sitio web móvil a un servidor. Configurar el Servicio de Nombres de Dominio. Por último, es posible que desee utilizar un subdominio para indicar que se trata de un sitio móvil, tales como m.yourdomain.com. Alternativamente, se puede comprar un dominio de nivel superior para indicar que está listo para móviles, tales como www.yourdomain.mobi.