Tu sitio web en dispositivos móviles (3)

El siguiente código es el que debe agregarse para el atributo handheld/móviles :

También podemos hacer uso del atributo “ handheld,all ” el cuál cargará el estilo siempre.

Al cargar nuestro sitio web desde el móvil, se cargará la hoja de estilo que hemos creado para este dispositivo. Esta hoja de estilo CSS puede no contener las imágenes que son cargadas en la versión para los monitores normales.

El siguiente código pertenece a una hoja de estilo la cual se mostrará en los móviles, se puede ver el uso de colores fuertes como el rojo y fuentes grandes. Este archivo puede llamarse movil.css (el nombre del archivo no afecta la función del atributo):

#content { float: none; width: 95%; } #sidebar { width: 90%; margin-left: 5%; }

La siguiente página HTML vinculará estas hojas de estilo:

<html> <head> <title>Prueba</title> <link href="moviles.css" rel="stylesheet" type="text/css" media="handheld" /> </head> <body>Maestros del Web </body> </html>

Utilizando el atributo Media="handheld,all" , al hacer uso de la extensión Web Developer de Firefox y elegir la opción ubicada en: CSS - Display CSS by Media Type – Handheld, nos mostrará los estilos seleccionados para este dispositivo.

Sitios para agregar nuestras páginas de inicio

Tappity es un sitio que nos permite crear nuestra página de inicio, al registrarnos recibiremos un código de confirmación en nuestra cuenta de correo electrónico. En el sitio encontraremos el botón “ submit new site / Agregar sitio nuevo ”.

Como primer paso debemos: agregar URL, en este paso podemos agregar la dirección de nuestro sitio.

En el segundo paso: descripción del sitio, nos solicitará el título de nuestro sitio web, la descripción, tags, si deseamos que se modifique el sitio para que se adapte a la pantalla de los dispositivos móviles, optimizar para iPhone y si el sitio será público o privado.

Seguidamente podemos generar una vista previa del mismo. Si está correcta podemos oprimir el botón “ Submit ” para que los cambios realizados queden guardados.

Luego de agregar el sitio en nuestra cuenta podemos acceder a este sitio desde el móvil y seleccionar las páginas de inicio agregadas.

También cuenta con una versión optimizada disponible para iPhone.

Usuarios que han visto este tema también han visto...

- Guia CSS
- Cuanto dinero quieres ganar este año?
- El enlace ideal
- XHTML: 13 leyes de oro para dar el gran paso
- Los usuarios pueden influir en el ranking de una página

- Versión imprimible de este documento

- Enviar por e-mail este documento