Una de las preguntas más frecuentes es: ¿Cuál es la mejor resolución para diseñar mi web? La respuesta completa es compleja, pero hay unos consejos claros:
* Optimiza para 1024x768 píxeles. Es la resolución actual más común. En principio hay que optimizar para tu audiencia, así que esta resolución cambiará en el futuro.
* NO diseñes únicamente para una resolución. El tamaño de pantalla cambia entre los usuarios. Las variaciones son incluso mayores, desde el momento en que no siempre se maximizan los navegadores.
* Utiliza una estructura líquida. Que se ajuste a la visualización del usuario.
Actualmente el 60% de todos los monitores están configurados a 1024x768 píxeles, y un 17% usan 800x600 píxeles. Otro 18% de usuario utiliza resoluciones iguales o mayores a 1280x1024 píxeles.
El porcentaje de grandes resoluciones está creciendo. A partir de 1600x1200 píxeles, los usuarios raramente amplían su navegador completamente, porque muy pocas páginas web, están optimizadas para esas dimensiones.
Las grandes resoluciones son perfectas para trabajar con hojas de cálculo o para diseño gráfico, pero no para la web actual.
albertolacalle.com
--------------
Qué pasó ???
Resulta que hice una página para un cliente. La hice para la resolución de mi pc (1280x768).
No tenia idea de que en diferentes resoluciones se ve de diferente manera... es decir nunca tuve problemas con otras páginas. Pero bueno siempre hay una primera vez... Cabe aclarar que NO soy diseñador profesional. Sino esto no me hubiese pasado...
Pero bueno el tema es q el chabon vino a casa, probamos la página y quedó chocho (Es un diseño hecho a medida, que si bien a mo no me gusta, a él si).
Subo la pagina al hosting, y empiezan los llamados... "la página hay que correrla con las barras laterales, no entra en toda la pantalla", etc etc...
Él estaba viendola con una resolución 1024x768...
Qué carajo queres que haga pensé....
Busqué maneras... Tablas, porcentajes, centrar, blablita blableta... nada me funcionó...
Hasta que encontré un código javascript que lo que hace es captar cuál es la resolución de cada usuario, y reedireccionarte a la página con resolución 800x600, o la resolución que fuese..
El tema es que tenes que hacer una página para cada resolución... Pero con copiar el diseño de cada página la zafas...
Acá les dejo el código para los que les interese:
<script language="JavaScript">
if (screen.width + "x" +screen.height == "640x480" location.href="pagina640x480.htm"
if (screen.width + "x" +screen.height == "800x600" location.href="pagina800x600.htm"
if (screen.width + "x" +screen.height == "1024x768" location.href="pagina1024x768.htm"
</script>
Ponen este código en cada página--- Le agregan también las resoluciones que faltan (si quieren) y el problema estaría solucionado...
Que se yo, queria postear esto, porque acá no encontré respuesta... Asi que no esta demás....
Saludos y espero q sirva...
Abrazo
No pongo la dirección de la web que hice porque es Spam, y porque no me quiero hacer ni cargo del diseño :$
Saludos!!!
PD: seguro hay muchas otras alternativas más faciles... pero bueh, mi inexperiencia es mucha.
* Optimiza para 1024x768 píxeles. Es la resolución actual más común. En principio hay que optimizar para tu audiencia, así que esta resolución cambiará en el futuro.
* NO diseñes únicamente para una resolución. El tamaño de pantalla cambia entre los usuarios. Las variaciones son incluso mayores, desde el momento en que no siempre se maximizan los navegadores.
* Utiliza una estructura líquida. Que se ajuste a la visualización del usuario.
Actualmente el 60% de todos los monitores están configurados a 1024x768 píxeles, y un 17% usan 800x600 píxeles. Otro 18% de usuario utiliza resoluciones iguales o mayores a 1280x1024 píxeles.
El porcentaje de grandes resoluciones está creciendo. A partir de 1600x1200 píxeles, los usuarios raramente amplían su navegador completamente, porque muy pocas páginas web, están optimizadas para esas dimensiones.
Las grandes resoluciones son perfectas para trabajar con hojas de cálculo o para diseño gráfico, pero no para la web actual.
albertolacalle.com
--------------
Qué pasó ???
Resulta que hice una página para un cliente. La hice para la resolución de mi pc (1280x768).
No tenia idea de que en diferentes resoluciones se ve de diferente manera... es decir nunca tuve problemas con otras páginas. Pero bueno siempre hay una primera vez... Cabe aclarar que NO soy diseñador profesional. Sino esto no me hubiese pasado...
Pero bueno el tema es q el chabon vino a casa, probamos la página y quedó chocho (Es un diseño hecho a medida, que si bien a mo no me gusta, a él si).
Subo la pagina al hosting, y empiezan los llamados... "la página hay que correrla con las barras laterales, no entra en toda la pantalla", etc etc...
Él estaba viendola con una resolución 1024x768...
Qué carajo queres que haga pensé....
Busqué maneras... Tablas, porcentajes, centrar, blablita blableta... nada me funcionó...
Hasta que encontré un código javascript que lo que hace es captar cuál es la resolución de cada usuario, y reedireccionarte a la página con resolución 800x600, o la resolución que fuese..
El tema es que tenes que hacer una página para cada resolución... Pero con copiar el diseño de cada página la zafas...
Acá les dejo el código para los que les interese:
<script language="JavaScript">
if (screen.width + "x" +screen.height == "640x480" location.href="pagina640x480.htm"
if (screen.width + "x" +screen.height == "800x600" location.href="pagina800x600.htm"
if (screen.width + "x" +screen.height == "1024x768" location.href="pagina1024x768.htm"
</script>
Ponen este código en cada página--- Le agregan también las resoluciones que faltan (si quieren) y el problema estaría solucionado...
Que se yo, queria postear esto, porque acá no encontré respuesta... Asi que no esta demás....
Saludos y espero q sirva...
Abrazo
No pongo la dirección de la web que hice porque es Spam, y porque no me quiero hacer ni cargo del diseño :$
Saludos!!!
PD: seguro hay muchas otras alternativas más faciles... pero bueh, mi inexperiencia es mucha.