¿como hacer t web para terminales móviles?

[castrorodriguez]

Hola a todos,
He leído que es aconsejable tener tu sitio adaptada a pantallas de móviles de última generación, tablets y todo eso, supongo que será modificar el código HTML original para que sea accesible desde estos terminales o quizás tener un código HTML alternativo, no sé. Además dicen que ayuda para el SEO.

¿Me podéis explicar un pco como se hace esto?

Gracias

[tutorias]

Un saludo.

Básicamente puedes crear un sitio adaptado a cualquier hardware que lo acceda bien sea un ordenador, tablet, mobil iPhone u otro con HTML5 + css3 + responsiveDesign.

Investiga sobre ello.

Acerca de responsiveDesing, yo entendi que es distinto programar width:1000px a programar max-width:1000px. En este último caso la pantalla se acoplara a un máximo de 1000px según su resolución, por ello si desde un ordenador, restaura (achiquita) la ventana del navegador, verá como el box también se restaura, mientras que width:1000px será siempre estático

[salbatore]

Hola castrorodriguez,

Yo acabo de terminar una web para mobiles, en el CSS he usado estas directrices bastante sencillas:

Código CSS:

@media only screen and (max-width : 924px)
        {
        
        }
    @media only screen and (max-width : 700px)
        {
            
        }
    @media only screen and (max-height : 600px)
        {
            
        }
    /* iphone */
        @media all and (max-device-width: 480px)
            {
                
            }
 

Igual te sirven, solo tienes que colocar lineas de CSS dentro y minimizar el navegador poco a poco y veras como esas ordenes se desactivan. Solo las tienes que configurar como deseas.

No se si servira para SEO, me refiero al CSS, tal vez si lo indicas en el HTML con "version para movil" o cosas por estilo, tal vez si alguien busque en google desde su movil les de preferencia a esas paginas, pero lo desconozco. De serlo, no creo que sea por CSS.

Un saludo