Tecnología

Inicio

Cómo convertir un sitio Web en un iPhone

Cómo convertir un sitio Web en un iPhone


Cada vez más sitios web están viendo un aumento en el tráfico de los navegadores móviles, específicamente Mobile Safari, que funciona en el iPhone y el iPod. Mientras Mobile Safari es bastante capaz de mostrar sitios web diseñados para un navegador estándar, hay momentos en que el detalle se pierde debido al tamaño reducido.

Es posible diseñar un sitio web para que no se pierda nada a los visitantes iPhone siguiendo un tomar algunas medidas para modificar el sitio existente.

Instrucciones

1 Eliminar cualquier contenido Flash innecesaria. El navegador móvil Safari es incapaz de mostrar películas Flash. Cualquier contenido que estaba en flash debe ser convertido a un formato de texto para sus visitantes a leer.

2 Utilice el programa de FTP para descargar el archivo CSS principal de su sitio web desde el servidor web. Una vez que tenga este archivo, abrirlo con el software de diseño web o editor de texto y pegue el siguiente código para ocultar los elementos de navegación:

@media única pantalla y (max-device-width: 480px) {
.navigation {
display: none;
}
}

Guarde este archivo.

3 Cargar el archivo CSS que acaba de modificar a su servidor web.

4 Descargar los archivos HTML de las páginas Web que desea convertir al navegador del iPhone. En cada una de estas páginas, introduzca el siguiente código para mostrar los elementos de navegación en Internet Explorer:

<! - [If IE!]> ->
<= Media Link "única pantalla y (max-device-width: 480px)"
rel = "stylesheet" type = "text / css" href = "iPhone.css" />
<! - <[Endif] ->

Guarde estos archivos y subirlos de nuevo a su servidor web utilizando su programa de FTP.

5 Crear un nuevo archivo llamado iPhone.css. Este contendrá los elementos CSS para el navegador Mobile Safari. Puede usar CSS para el estilo de sus páginas, en cualquier forma que estimen conveniente, pero debe contener estas líneas:

.navigation {
display: none;
}

Guarde este archivo y subirlo de nuevo a su servidor

6 Pruebe sus páginas modificadas en los diferentes navegadores web. Asegúrese de probar cómo se visualiza el sitio en un iPhone o utilizando el simulador de iPhone (ver Recursos).