Diseño & resolución

Yaguare · #1 (**permalink**) 29/11/2007, 12:31

Hola a todos, esta consulta tiene que ver con la siguiente cuestión: he diseñado un sitio con dreamweaver cs3, mi ordenador tiene resolución de pantalla 1024x768; el problema es que si veo el sitio en ordenadores que usan una resolución de pantalla menor todo aparece desencajado. ¿Hay alguna manera de solucionar esto? Desde ya muchas gracias.

DragonX · #2 (**permalink**) 29/11/2007, 12:53

si, trabajando en %

Yaguare · #3 (**permalink**) 29/11/2007, 13:40

Muchas gracias DragonX, he solucionado todo.

DragonX · #4 (**permalink**) 29/11/2007, 16:30

ok

Acadio · #5 (**permalink**) 30/11/2007, 03:36

Hay que tener en cuenta que las pantallas de PC cada vez son más grandes. El 800x600 ya no se estila.
Si pones anchos a tus tablas o divs, no deberia moverse nada, deberian aparecer Scrolls del navegador.
Y trabajar con porcentajes es un poco muy feo.

Lo mejor a mi modo de ver es trabajar para las resoluciones que tenga la mayoria.

Anya82 · #6 (**permalink**) 30/11/2007, 10:15

Algo que tienes que hacer siempre, es considerar el publico al que va dirigido tu sitio internet, y eso te ayudara a decidir que tamaño elegiras.

Puedes trabajarlo por porcentajes, pero creo que eso tambien provoca desfases, cuando tus imagenes en un renglon son grandes o muchas, y cuando haces pequeña tu pantalla, se desacomodan. Yo prefiero establecer medidas precisas, porque asi, aun cuando el monitor sea pequeño -o la ventana del browser- los componentes se quedaran igual, simplemente que la gente tendra que moverse a los lados con su barra desplazadora.

Asegurate de definir bien todas tus medidas en tablas, celdas, espacios, alineaciones, etc. Porque a veces tienes un tamaño fijo para la tabla, pero pusiste tamaños en cada columna que, al ser sumadas, no te dan el tamaño de tu tabla, y eso ocasiona que se desacomoden.

Jowy · #7 (**permalink**) 01/12/2007, 07:09

Cita:

Iniciado por Acadio

Hay que tener en cuenta que las pantallas de PC cada vez son más grandes. El 800x600 ya no se estila.
Si pones anchos a tus tablas o divs, no deberia moverse nada, deberian aparecer Scrolls del navegador.
Y trabajar con porcentajes es un poco muy feo.

Lo mejor a mi modo de ver es trabajar para las resoluciones que tenga la mayoria.

No estoy de acuerdo para nada con esto que dices... La gente ya no solo navega por los PC's y TFT's de 17-19". Cada vez son más los dispositivos móviles pequeños que utilizan resoluciones pequeñas.

-Tabletas.
-Telefonos moviles
-iPhone
-PDA's
-Portátiles del tamaño de un libro.
-Ordenadores de bolsillo. (Vease p.ej. este)

Lo mejor, desde el punto de vista de la usabilidad y accesibilidad siempre ha sido y será: Hacer la web en varias resoluciones y redireccionar dependiendo de la resolucion del dispositivo.

Pero claro, esto supone un poco más de trabajo... entonces la cuestión ya depende de si estás dispuesto a trabajar un poco mas...

juaniquillo · #8 (**permalink**) 01/12/2007, 08:31

Yo estoy de acuerdo con el Jowy en el sentido de que más y más personas accesan el internet usando diferentes medios y debería haber cabida para todos. Pero se supone que, en teoría, puedas usar un sólo documento xhtml valido (y valido en cuando a la accesibilidad, usabilidad también) para todos los medios y tener diferente hojas CSS para cada uno de esos medios. Digo en teoría porque ese todavía no es algo que se pueda aplicar prácticamente, pero lo que podemos hacer es usar CSS para alcanzar la mayoría de estos medios, incluyendo las impresoras, usando el atributo 'media', y con los otros cargando dinámicamente hojas css especificas. Eso de tener varias versiones de html para varias resoluciones es algo que se hacía anteriormente debido a la inconsistencia de los navegadores, pero ya estamos en una etapa que, aunque todavia existen esas inconsistencias, no son tantas como para no hacerlo, y, de hecho, se hace cada vez más.

Jowy · #9 (**permalink**) 01/12/2007, 08:59

Bueno quizas me he dejado esa opción, tienes toda la razon juaniquillo. Un mismo html pero que segun la resolucion del visitante se cargue una hoja de estilos diferente es otra opción muy buena... xD

Acadio · #10 (**permalink**) 22/12/2007, 06:15

Vamos a ver aqui nadie habló de Telefonos móviles y demás, para eso habria que hacer una versión especial, por lo menos para los móviles.

En mi empresa cuando viene un cliente se le suele buscar una medida estándar ya que pocos clientes estarian dispuestos a pagar diferentes resoluciones.

Igualmente si que es cierto que hacer una base con divs y luego cambiar los CSS no seria nada dificil. Detectas la resolución del usuario y cargas el CSS que precise.

Un saludo

feral · #11 (**permalink**) 22/12/2007, 10:18

No olvidar que si se diseña para 1024 x 768, el tamaño horizontal no debe ser de 1024.. un numero redondeado que esta siendo el estandar es 960 px.

Los pixeles fijos NUNCA se ven igual en diferentes monitores... aunque diseñes a 960 px no tendra nunca ese "tamaño real". El pixel no es un tamaño fijo es un tamaño relativo.

Ya sea usando pixeles fijos, porcentajes % o ems cada sistema tiene sus ventajas e incovenientes, depende del tipo de proyecto y la ubicacion de los objetos lo que tiene que hacerte decantar por una u otra opcion.

Hay un metodo que ultimamente se esta viendo bastante que consiste en diseñar en 2 o 3 fases, crear un bloque de unos 960 px horizontal con la informacion mas importante otro segundo adyacente que acapare las resoluciones de monitor 1280 o mas altas generalmente con publicidad o elementos ornamentales , de esta manera aunque aparezcan barras de desplazamiento la vision en pantalla es compacta.