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

duda sobre aplicaciones web

Estas en el tema de duda sobre aplicaciones web en el foro de Diseño web en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 15/11/2008, 16:20
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Pregunta duda sobre aplicaciones web

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
  #2 (permalink)  
Antiguo 16/11/2008, 00:03
Avatar de erlingfiallos  
Fecha de Ingreso: febrero-2005
Ubicación: Mexico ahora
Mensajes: 499
Antigüedad: 12 años, 10 meses
Puntos: 9
Respuesta: duda sobre aplicaciones web

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/
  #3 (permalink)  
Antiguo 16/11/2008, 03:45
 
Fecha de Ingreso: junio-2004
Mensajes: 266
Antigüedad: 13 años, 5 meses
Puntos: 8
Respuesta: duda sobre aplicaciones web

Usa porcentajes en la maquetación, tanto para contenedores, tipografías, sectores de texto...
__________________
WebSenior
  #4 (permalink)  
Antiguo 16/11/2008, 08:34
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Pregunta Respuesta: duda sobre aplicaciones web

Cita:
Iniciado por kurroman Ver Mensaje
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????
  #5 (permalink)  
Antiguo 16/11/2008, 11:10
 
Fecha de Ingreso: junio-2004
Mensajes: 266
Antigüedad: 13 años, 5 meses
Puntos: 8
Respuesta: duda sobre aplicaciones web

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.
__________________
WebSenior
  #6 (permalink)  
Antiguo 16/11/2008, 15:28
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Pregunta Respuesta: duda sobre aplicaciones web

Cita:
Iniciado por kurroman Ver Mensaje
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
  #7 (permalink)  
Antiguo 16/11/2008, 15:39
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: duda sobre aplicaciones web

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.
  #8 (permalink)  
Antiguo 16/11/2008, 17:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: duda sobre aplicaciones web

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.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 16/11/2008, 18:32
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: duda sobre aplicaciones web

Cita:
Iniciado por Mikmoro Ver Mensaje
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
  #10 (permalink)  
Antiguo 16/11/2008, 19:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: duda sobre aplicaciones web

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.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 16/11/2008, 19:30
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: duda sobre aplicaciones web

Cita:
Iniciado por Mikmoro Ver Mensaje
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
  #12 (permalink)  
Antiguo 17/11/2008, 01:52
 
Fecha de Ingreso: junio-2004
Mensajes: 266
Antigüedad: 13 años, 5 meses
Puntos: 8
Respuesta: duda sobre aplicaciones web

Cita:
Iniciado por kurroman Ver Mensaje
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!
__________________
WebSenior
  #13 (permalink)  
Antiguo 17/11/2008, 07:10
Avatar de andresbetancourt  
Fecha de Ingreso: julio-2008
Ubicación: colombia
Mensajes: 334
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: duda sobre aplicaciones web

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
__________________
http://tecnologiaco.com/
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 01:43.