Cómo convertir un sitio web para un navegador móvil

Escrito por ashan r. hampton Google | Traducido por sebastian castro
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo convertir un sitio web para un navegador móvil
(Thomas Northcut/Photodisc/Getty Images)

Como muchos clientes acceden a Internet desde teléfonos celulares y otros dispositivos móviles, los desarrolladores web deben desarrollar las habilidades necesarias para adaptarse a su creciente audiencia. Los sitios web móviles generalmente son versiones reducidas de un sitio web dinámico existente. Los grandes gráficos, los elementos en Flash y las publicidades son eliminadas de las versiones móviles para mostrar solo la información más importante del sitio principal. De acuerdo con “Mobile Web Design Trends for 2009” de Steven Snell, "Debido a la falta de espacio en la pantalla, es importante para los visitantes tener acceso a lo que es más crucial y con la menor cantidad de agregados posible".

Nivel de dificultad:
Difícil

Otras personas están leyendo

Necesitarás

  • Un sitio web publicado
  • El Dreamweaver o un editor de sitios web
  • El simulador de web móvil Skweezer
  • Una cuenta de alojamiento web FTP

Lista completaMinimizar

Instrucciones

    Sección 1

  1. 1

    Ingresa a tu sitio web actual en Internet. Anota todos los gráficos, las páginas, los enlaces y los archivos multimedia así como la velocidad de descarga.

  2. 2

    Haz clic en el sitio y prioriza el contenido anotando toda la información que sea absolutamente importante que vean los visitantes.

  3. 3

    Utiliza el simulador móvil Skweezer para ver una versión móvil optimizada del sitio web actual para tener una idea de qué eliminar. Ingresa la dirección del sitio web completa y haz clic en el botón "Buscar" para convertir el sitio actual.

  4. 4

    En el pie de página inferior de la pantalla, haz clic en "Mostrar imágenes" u "Ocultar imágenes" para ver ambas versiones del sitio.

  5. 5

    Crea un sitio web nuevo en Dreamweaver o en otro editor de sitios web de 240 por 320 píxeles. Utiliza la vista móvil optimizada del sitio actual como una plantilla para crear los encabezados y el texto para la versión móvil.

  6. 6

    Utiliza levemente los gráficos o no los uses para nada. Asegúrate de que los colores del fono del texto contrasten lo suficiente como para que se lea fácilmente en una pantalla móvil pequeña.

  7. 7

    Guarda el sitio web móvil y utiliza una cuenta FTP para subir y publicar el sitio en un servidor. Utiliza un nombre de subdominio de la actual cuenta de alojamiento web para subir la página en Internet.

Consejos y advertencias

  • Considera la velocidad de conexión y el ancho de banda disponible para el visitante promedio.
  • Incluye etiquetas alternativas para quienes eligen no ver las imágenes.
  • El simple hecho de convertir un sitio web dinámico a un formato móvil sin crear una versión separada y reducida, puede resultar en páginas confusas y de carga lenta.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles