[SOLUCIONADO] Como hacer compatible mi web con dispositivos moviles

[anthony9564]

Buenas.

No sabia en que parte del foro poner esta pregunta :S

Mi pregunta es la siguiente como hacer compatible mi pagina web con dispositivos móviles que debo hacer he estado buscando y nadie me da una solución. Os agradecería mucho a todos los que respondan es muy importante.





Gracias a todos.

[maycolalvarez]

pues depende de muchos factores y como esté implementado el sitio.

deberás darnos detalles tecnicos, como por ejemplo si utilizas un cms, algun FW del lado del cliente.

[anthony9564]

Mi sitio esta en ASP. Es totalmente una pagina informativa tiene un parte donde sale usuario y contraseña ingresas sus respectivos datos. y lo llevara a otro pagina informativa Exclusivas para clientes.

No se a que te refieres a detalles técnicos mi pagina es ultra sencilla como te dije es pura información acerca de una empresa en especifico. Ejemplo Servicios, Quienes Somos, Contáctenos, Soporte técnico. Eso es todo en cada sección tiene su respectiva información.

[maycolalvarez]

Iniciado por anthony9564

Mi sitio esta en ASP. Es totalmente una pagina informativa tiene un parte donde sale usuario y contraseña ingresas sus respectivos datos. y lo llevara a otro pagina informativa Exclusivas para clientes.

No se a que te refieres a detalles técnicos mi pagina es ultra sencilla como te dije es pura información acerca de una empresa en especifico. Ejemplo Servicios, Quienes Somos, Contáctenos, Soporte técnico. Eso es todo en cada sección tiene su respectiva información.

perfecto, intuyo que el html lo has hecho a mano ¿o me equivoco?: en tal caso tienes opciones:

crear una estructura HTML/CSS tipo responsive desing, que permita adaptar el sitio a pantallas pequeñas, por ejemplo utilizando un css con media="handheld" ideal para dispositivos pequeños

también desde ASP puedes detectar el tipo de navegador, y en función de él aplicar un layout o css correspondiente

o usar algún FW responsive design como Twitter Bootstrap

[anthony9564]

El html lo hice a mano. estuve viendo en una web que decía lo mismo que tu crear un css utilizando handheld y facilitaron este código css:

/* revolucion.mobi */

html, body, ul, ol, li, h1, h2, p, div
{
margin: 0;
padding: 0;
float: none;
}

a{ color:#F1F2C0; text-decoration: none; font-size: 1.1em; margin: 0.6em; display: block}


body
{
color: #000;
background: #332F29;
font: Helvetica;
font-size: 1em;
}

#container
{

background: #8FA68E;
}

#nav
{

background: #CC3910;
}


#content
{

background: #F1F2C0;
border-top: solid black 0.1em;
font-size: 0.9em;
padding: 0.8em;
margin: 0;
float: none;

}

#extras
{
border-top: solid black 0.1em;
font-size: 0.9em;
padding: 0.8em;
background: #CCC59E;
}

Yo no soy un programador experto voy aprendiendo poco a poco y no entiendo algunas cosas en el lenguaje de programación. me pondrías explicar de como hacer lo que me estas diciendo. Si no puedes muchas gracias igual eres de gran ayuda

[Tedel]

Dos opciones:

1. Crea una versión para móviles de tu sitio
2. Aprende e implemente responsive design

Se recomienda la segunda.