Foros del Web » Creando para Internet » Diseño web »

Diseño & resolución

Estas en el tema de Diseño & resolución en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/11/2007, 12:31
Avatar de Yaguare  
Fecha de Ingreso: octubre-2006
Ubicación: Jerusalem humahuaqueña
Mensajes: 209
Antigüedad: 11 años, 1 mes
Puntos: 8
Diseño & resolución

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.
  #2 (permalink)  
Antiguo 29/11/2007, 12:53
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Diseño & resolución

si, trabajando en %

  #3 (permalink)  
Antiguo 29/11/2007, 13:40
Avatar de Yaguare  
Fecha de Ingreso: octubre-2006
Ubicación: Jerusalem humahuaqueña
Mensajes: 209
Antigüedad: 11 años, 1 mes
Puntos: 8
Re: Diseño & resolución

Muchas gracias DragonX, he solucionado todo.
  #4 (permalink)  
Antiguo 29/11/2007, 16:30
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Diseño & resolución

ok
  #5 (permalink)  
Antiguo 30/11/2007, 03:36
Avatar de Acadio  
Fecha de Ingreso: octubre-2005
Mensajes: 48
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Diseño & resolución

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.
  #6 (permalink)  
Antiguo 30/11/2007, 10:15
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Re: Diseño & resolución

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.
  #7 (permalink)  
Antiguo 01/12/2007, 07:09
Avatar de Jowy  
Fecha de Ingreso: febrero-2007
Ubicación: En la red
Mensajes: 232
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Diseño & resolución

Cita:
Iniciado por Acadio Ver Mensaje
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...
  #8 (permalink)  
Antiguo 01/12/2007, 08:31
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Diseño & resolución

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.
  #9 (permalink)  
Antiguo 01/12/2007, 08:59
Avatar de Jowy  
Fecha de Ingreso: febrero-2007
Ubicación: En la red
Mensajes: 232
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Diseño & resolución

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
  #10 (permalink)  
Antiguo 22/12/2007, 06:15
Avatar de Acadio  
Fecha de Ingreso: octubre-2005
Mensajes: 48
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Diseño & resolución

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
  #11 (permalink)  
Antiguo 22/12/2007, 10:18
 
Fecha de Ingreso: septiembre-2007
Mensajes: 184
Antigüedad: 10 años, 2 meses
Puntos: 4
Re: Diseño & resolución

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.

Última edición por feral; 22/12/2007 a las 10:41
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:32.