Las resoluciones en páginas web
Escrito por J.F. el Martes, 2 de Octubre del 2007 a las 14:55
Las resoluciones en las páginas web es un aspecto bastante importante a tener en cuenta a la hora de realizar nuestras páginas. Si creamos una página web que pueda visualizarse correctamente y sin demasiada molestia para el visitante, iremos por el buen camino, independientemente ya del diseño y el contenido, que son otros puntos muy importantes aparte. Sin embargo, diseñar solo para una resolución espécifica de pantalla puede acarrearnos perder muchas visitas por parte de usuarios que utilizan resoluciones diferentes a la que usamos. Mensajes como “Optimizado para 1024×768 en Internet Explorer” o similares deben pasar a la historia, y no nos hacen ningún favor a la hora de adquirir visitantes. Para elaborar páginas web, deberemos elegir entre uno de los grandes dilemas del diseño web, diseño fijo o líquido. Veamos las características de cada uno y sus pros y sus contras:
Diseño fijo
Es aquel en el que utilizamos un tamaño especificado por nosotros, y que no variará en los distintos tipos de resoluciones. De ésta manera se puede controlar la disposición de los elementos, y podremos evitar desajustes. Como ventajas, podemos colocar todo a nuestro gusto y no quedará deformado en otras resoluciones, asegurándonos de cada detalle al milímetro. Sin embargo como desventaja, un diseño fijo en resoluciones superiores a 1024×768 tendrá mucho espacio desaprovechado. En caso de realizar un diseño con grandes dimensiones, estaremos obligando a los visitantes de 800×600 y 640×480 a hacer mucho scroll, debido a las grandes dimensiones del diseño de la página. Por ello mi recomendación sería realizar un diseño de 760 píxeles de ancho, y que esté alineado a la izquierda. Con ese tamaño se verá perfecto hasta resoluciones de 800×600, aunque en las que superen a 1024×768 tendremos algo de espacio por un lado, pero los visitantes de cualquier resolución no tendrán problemas para visitar nuestra web. El motivo de situar la página a la izquierda es para que a 640×480 los usuarios no tengan que hacer demasiado scroll buscando el contenido, cosa que ocurriría si nuestra página estuviese centrada. En caso de que pienses que dicha resolución está obsoleta opuedes ignorar al mínimo porcentaje de usuarios que aún navegan con ésta resolución(ya quedan muy poquitos).
Diseño líquido
Es el elaborado a base de procentajes, y se ajustará atendiendo a las dimensiones de la pantalla. Si tenemos una capa con el 90% de ancho, ocupará el 90% de la pantalla, sea cual sea la resolución. De ésta manera podemos conseguir diseños que se adapten a todo tipo de resoluciones. A favor tiene que se puede aprovechar todo el ancho de la pantalla, pero en contra tenemos que es más dificil de elaborar un diseño que quede bien a todas resoluciones ya que en coasiones el texto puede quedar esparcido por la pantalla dificultando la lectura.
Diseño elástico
Con éste método el ancho de la pantalla dependerá del tamaño de lafuente que el usuario tenga configurado en el navegador. No conozco mucho ésta técnica, pero puedes ver una desmotración en éste sitio de su creador.
Como alternativa podemos crear diferentes hojas de estilos que carguen una hoja u otra dependiendo de la resolución de pantalla del visitante. Ésto es correcto pero debemos tener en cuenta que no todo el mundo tiene activado Javascript.Éste tema ya lo tratamos en otra ocasión.
También hay que tener en cuenta los avances de la tecnología, y resoluciones de 640×480 y 800×600 son cada vez menos usuales, por lo que los diseños van adquiriendo dimensiones mayores, teniendo un diseño perfecto en 1024×768 evitando pérdidas grandes de espacio en resoluciones mayores, aún a riesgo de sacrificar a los pocos usuarios que aún quedan con resoluciones inferiores. Leyendo todo lo expuesto tu eliges la solución que más te convenga.
Categoria: General
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Pingback de » Layouts para tu web de 750px y 950 px | Solo Código |
Realizado el Lunes, 24 de Marzo del 2008 a las 16:59
[…] hemos hablado en alguna ocasión sobre las resoluciones en las páginas web, asi que si has leído el artículo comprenderás las ventajas y desventajas de diseñar para […]
