duda sobre aplicaciones web

[andresbetancourt]

hola a todos espero esten bien

tengo una duda, es la siguiente como hago para estandarizar cuando hago una aplicación web su apariencia, es decir, que se vea en cualquier monitos no importa el tamaño y la resolución, para que no se descuadren todos los componentes que tiene la aplicación.


gracias por su colaboración

att ANDRES

[erlingfiallos]

Si apariencia es igual a diseño entonces tienes 2 maneras de hacerlo..

la primera es utilizar lo que se llama plantillas elasticas, fluidas o liquidas creo.. que basicamente es maquetar todo tu sitio web con css.. un ejemplo de que hablo puedes verlo aqui..

http://www.tjkdesign.com/articles/on...ss_layouts.asp

y la otra forma es utilizar algun framework de CSS, yo utilizo mucho y lo recomiendo igualmente a yaml..

http://www.yaml.de/

[kurroman]

Usa porcentajes en la maquetación, tanto para contenedores, tipografías, sectores de texto...

[andresbetancourt]

Iniciado por kurroman

Usa porcentajes en la maquetación, tanto para contenedores, tipografías, sectores de texto...

gracias por tu colaboración, una ultima cosa, es ésta la unica forma de hacer lo que pido????

[kurroman]

Es que realmente lo que comentas del descuadre sería cuestión de ver el código para ver que está pasando. Normalmente trabajar con porcentajes te va a mantener la apariencia en cualquier navegador y resolución, pero si hago (por ejemplo) una capa contenedora de 600 pixeles (ahi no uso porcentajes) y dentro defino capas igualmente con porcentajes, la apariencia no será la misma en un panorámico que a 800x600 en un monitor de 15" (verás mucho mas "hueco" vacio en el panorámico) pero tampoco me tiene porque descuadrar nada.

Si puedes ser algo mas concreto igual pudiera ayudarte mas.

[andresbetancourt]

Iniciado por kurroman

Es que realmente lo que comentas del descuadre sería cuestión de ver el código para ver que está pasando. Normalmente trabajar con porcentajes te va a mantener la apariencia en cualquier navegador y resolución, pero si hago (por ejemplo) una capa contenedora de 600 pixeles (ahi no uso porcentajes) y dentro defino capas igualmente con porcentajes, la apariencia no será la misma en un panorámico que a 800x600 en un monitor de 15" (verás mucho mas "hueco" vacio en el panorámico) pero tampoco me tiene porque descuadrar nada.

Si puedes ser algo mas concreto igual pudiera ayudarte mas.

muchas gracias por tu ayuda, no es solo una duda que tenia por que he visto como a mis amigos en la universidad seles descuadraba los proyectos cuando los llevaban a mostrar al profesor en otro pc, y pues a mi tambien me ha pasado y yo lo que hacia era darle al browser disminuir tamaño para que se viera bien jejeje, pero pues no sabia porque sucedia entonces lo ideal es trabajar con porcentajes, pero igual si se trabaja con porcentajes y se abre la aplicacion en un monitos pqeueño asi se trabaje con porcentajes, cada componenete tiene su tamaño en pixeles y se descuadrara ya que si uno tiene un campo de texto de 20 caracteres digamos, entonces si en un monitor se ve bien tal vez en uno mas pequeño se vera como mas estrecho y tal vez se descuadre entonces uno como hace ahi, diseñar con las medidas del monitor mas pequeño para asegurarse que se vea bien en todo o que???

gracias por tu colaboracion

[ElJavista]

Ese consejo es muy bueno, sin embargo tiene una pequeña contra, el diseño de una web se basa bastante en las imágenes y esas si que no podrás cambiarlas de tamaño en base a la resolución, por eso no es recomendable hacer páginas que contengan el ancho total del monitor, lo mejor es una solución simple, hacer páginas de un ancho determinado y que estén centradas, el ancho debe ser uno que no sea mayor que la resolución menor que comúnmente se utiliza, o sea 1024. Digamos haz una página de 980 píxeles. En ese caso se verá bien en cualquier resolución mayor o igual a esa, claro, si se ve en una pantalla que está con una resolución 800 x 600 no se verá completamente, aparecerá el odioso scrolling, pero tampoco se descuadará. Felizmente esa resolución casi no se usa. También está el inconveniente de que si se visualiza con una resolución mucho mayor la página se verá ridícula. Amigo, te aseguro, en el mundo de la programación muy pocas veces se encuentran soluciones absolutas. Sin embargo este es mi consejo.

[Mikmoro]

Y todo depende de a qué llames tú "descuadrar".

Si usas porcentajes, si montas un diseño en base a columnas, imágenes, cuadros de texto, etc., es imposible que los veas igual en cualquier resolución: si lo diseñas en 1024, cuando lo veas en un monitor de 1600 quedarán unos espacios enormes entre las cosas, que generalmente no variarán de tamaño, y si lo ves en un monitor de 640, todo se verá enorme y amontonado.

Sólo hay una manera que yo conozca de hacerlo medianamente decente: hacerlo todo absolutamente todo en la medida "em", y usar un ancho mínimo y máximo.

[andresbetancourt]

Iniciado por Mikmoro

Y todo depende de a qué llames tú "descuadrar".

Si usas porcentajes, si montas un diseño en base a columnas, imágenes, cuadros de texto, etc., es imposible que los veas igual en cualquier resolución: si lo diseñas en 1024, cuando lo veas en un monitor de 1600 quedarán unos espacios enormes entre las cosas, que generalmente no variarán de tamaño, y si lo ves en un monitor de 640, todo se verá enorme y amontonado.

Sólo hay una manera que yo conozca de hacerlo medianamente decente: hacerlo todo absolutamente todo en la medida "em", y usar un ancho mínimo y máximo.

hola muuuchas gracias por tu colaboracion, cuando yo digo descuadrar es que digamos yo tengo un formulario, y entonces si lo veo en una resolución baja o un monitor pequeño entonces se bajan los campos de texto y se descuadra entonces los componentes.

a eso me refiero a que siempre los campos de texto van a tener su misma altura y su mismo ancho dependiendo el que sele haya definido cuando se programo, entonces como veo creo que hay que usar porcentajes para que se adapte deacuerdo a la pantalla y resolucion en la cual se este mirando el formulario.


muchas gracias por brindarme su ayuda a todos son unos manes muy buenagentes

[Mikmoro]

La única manera a mi entender de que no se te descuadren los campos de un formulario, por ejemplo, es meterlo dentro de una caja a la que asignes un acnho fijo en px o em. De esa manera, en un monitor pequeño, en todo caso aparecerá un scroll horizontal, pero la caja debería mantener su estructura.

[andresbetancourt]

Iniciado por Mikmoro

La única manera a mi entender de que no se te descuadren los campos de un formulario, por ejemplo, es meterlo dentro de una caja a la que asignes un acnho fijo en px o em. De esa manera, en un monitor pequeño, en todo caso aparecerá un scroll horizontal, pero la caja debería mantener su estructura.

ooh que bien tu ayuda super me parece lo mas logico gracias de verdad mikmoro sos muy buena gente gracias de verdad, ya entendi la idea la caja puede cambiar de posicion mas no lo que esta dentro de ella super ya entendi super gracias de verdad que estes bien

[kurroman]

Iniciado por kurroman

Usa porcentajes en la maquetación, tanto para contenedores, tipografías, sectores de texto...

Creo que no me expliqué bien o debí quitar los puntos suspensivos. :)

Evidentemente no vas a meter el contenedor de un formulario lleno de floats en una capa de ancho variable. Ni vamos a diseñar una página al 100% de ancho que tenga dos columnas con 4 tonterias. Debemos tomar por ejemplo este foro. (prueba reducir y ampliar la ventana), si te fijas arriba donde vemos "Foros del Web > Diseño de Sitios web > Web general > duda sobre aplicaciones web" deducimos que hay un contenedor de ancho relativo y justo al lado en "Bienvenido" tiene un contenedor fijo.

Tu pregunta era muy genérica y mi respuesta también lo fue. Todo depende del contenido que tenga la página de la que estemos hablando. También hablaba de porcentajes no solo por resoluciones, sino por cambios en el tamaño de la ventana del navegador.

Saludos!

[andresbetancourt]

umm ya muchas gracias por sus respuestas

entonces para diseñar un sitio que se pueda ver bien en varios monitores

se tiene que hacer una mezcla de mededas en porcentajes, y usar medias absolutas o

relativas. Ya todo me queda mas claro muuuchas gracias por su colaboración

a todos.


saludos