Medidas estandar de una web

fedefrankk · #1 (**permalink**) 22/10/2008, 11:57

Hola a todos, estoy haciendo una web y me encuentro con el problema que se ve muy chica en un monitor lcd de 1280x1024 y normal en 1024x768 en monitores normales, entonces hice que detectara la resolucion y listo,, pero mi pregunta es la sihuietne en el tamaño 1280x1024 que medidas usualmente se usan en ancho y alto, o en textos?..
gracias y saludos a todos

Null_ · #2 (**permalink**) 22/10/2008, 12:11

Cuando uno crea una web se debe considerar todas las resoluciones de pantalla
Entonces el ancho estandar para una web (sin que aparesca la scrollbar inferior del navegador) es inferior a 800 pixeles (como 780 pixeles mas o menos)
*Las resoluciones mas usadas son de 1024x768, 1280x1024 y por ultimo 600x800

Suerte :D

fedefrankk · #3 (**permalink**) 22/10/2008, 12:29

Hola, gracias por responder, en la resolucion 1280x1024, cual seria el estandar para usar?
saludos

Hamn · #4 (**permalink**) 22/10/2008, 14:14

Yo recomendaria usar porcentajes
asi la web se ajustara a cualquier pantalla puedes usar un 90%

ya encontraras la mejor forma de usar ese porcentaje

fedefrankk · #5 (**permalink**) 22/10/2008, 21:06

Hola algo me dijieron sobre porcentajes pero no se usarlos o adaptarlos a una imagen, tengo entendido que si hago una imagen de 768pixel y se ajusta a 1280pixel se pixelea.. aolomejor estoy en lo incorrecto por no saber por eso pedi alguna medida estandar
saludos a todos y gracias

Jamati · #6 (**permalink**) 26/10/2008, 20:35

Se refería a usar % para las tablas o capas...
no para imagenes

Drupaljohn · #7 (**permalink**) 27/10/2008, 02:55

Cita:

Iniciado por fedefrankk

Hola a todos, estoy haciendo una web y me encuentro con el problema que se ve muy chica en un monitor lcd de 1280x1024 y normal en 1024x768 en monitores normales, entonces hice que detectara la resolucion y listo,, pero mi pregunta es la sihuietne en el tamaño 1280x1024 que medidas usualmente se usan en ancho y alto, o en textos?..
gracias y saludos a todos

Si mejor porcentaje.
Yo actualmente pioenso en la medida de pantalla 1024 x 768 como el estandard, aunque ya hay muchos con 1280 x 1024.

Tienes que tomar en cuenta que de esa medida de 1024 x 768 tienes que restar lo que ocupa la parte de herramientas de arriba del navegador, así que siempre calcula menos de 768 en cualquier caso de lo que quires que se vea nada mas abrir la web.

Drupaljohn · #8 (**permalink**) 27/10/2008, 02:56

Cita:

Iniciado por fedefrankk

Hola algo me dijieron sobre porcentajes pero no se usarlos o adaptarlos a una imagen, tengo entendido que si hago una imagen de 768pixel y se ajusta a 1280pixel se pixelea.. aolomejor estoy en lo incorrecto por no saber por eso pedi alguna medida estandar
saludos a todos y gracias

Creo que las imágenes no se suelen redimensionar. Solamente los backgrounds y los anchos de columna y fuentes de texto usando porcentajes.

fedefrankk · #9 (**permalink**) 27/10/2008, 05:37

Hola, ok muchas gracias por responder, voy hace una web de ancho de 800, entonces me sirve para las dos resoluciones....
muchas gracias por aclarar las dudas
saludos

ManDam · #10 (**permalink**) 27/10/2008, 06:29

Mas o menos como lo vas a hacer, se hace casi siempre...

Jamati · #11 (**permalink**) 27/10/2008, 19:05

Igualmente no creo que sea una muy buena idea usar medidas en %, todo depende de la información que tengas y como la vayas a poner.... porque quizás poniendo % se te agranda todo y no queda visiblemente lindo.

Eso lo decidirás tu solo.

MoDoRrO · #12 (**permalink**) 27/10/2008, 19:25

Cita:

Iniciado por fedefrankk

en monitores normales

acaso existen los Anormales???

jeje, broma

yo todas mis webs las hago para 1024x768

saludos

Omura · #13 (**permalink**) 27/10/2008, 20:19

bueno anormales podrían ser los monitores widescreen o de menos de 17"

actualmente todavía se podría considerar 1024x768 pero viendo que los equipos nuevos vienen con monitores de 19"/22" supongo que pronto tendremos que usar 1280x1024

.

daPhyre · #14 (**permalink**) 28/10/2008, 11:29

Cita:

Iniciado por Omura

bueno anormales podrían ser los monitores widescreen o de menos de 17"

Mi monitor es anormal

(13").

Pues en lo personal, he visto muchas páginas que tienen como estándar no escrito su contenedor de un ancho de 48em, no se que tan correcto se esto, pero lo he seguido un par de ocaciones que mi cliente me pide una página no líquida...

ManDam · #15 (**permalink**) 28/10/2008, 13:55

Cita:

Eso lo decidirás tu solo.

Bueno vale, mejor dicho... YO normalmente suelo hacerlas con una anchura de 850, 55, 65... Mas o menos....

MoDoRrO · #16 (**permalink**) 28/10/2008, 16:22

Cita:

Iniciado por daPhyre

Mi monitor es anormal

(13").

Vaya que es anormal!!

13 pulgadas???

que resolucion tienes??

Saludos Friend

daPhyre · #17 (**permalink**) 28/10/2008, 21:41

Cita:

Iniciado por MoDoRrO

Vaya que es anormal!!

13 pulgadas???

que resolucion tienes??

Saludos Friend

Hasta eso, una resolución de 1366x768, creo que está bien

... Aunque ahora que la mido, veo que es de 11"

''...

Bueno, es el precio de la portabilidad

Drupaljohn · #18 (**permalink**) 29/10/2008, 07:05

¿Normales?

¿Y qué pasa con los que acceden con teléfonos móviles, con PDAs, etc?

daPhyre · #19 (**permalink**) 29/10/2008, 09:45

Cita:

Iniciado por Drupaljohn

¿Y qué pasa con los que acceden con teléfonos móviles, con PDAs, etc?

Para esto sirven las alternativas portátiles. Aunque claro, un diseño líquido resolvería el problema con mayor facilidad. A todo caso, un diseño semi-líquido se podría hacer si en lugar de usar "width", se usara "max-width". Así en resoluciones pequeñas se ajustaría (Cuidado si se pone algún elemento estático dentro

).

Jamati · #20 (**permalink**) 29/10/2008, 15:50

cuanta gente puede llegar a ingresar a tu sitio desde un celular por ejemplo ??

o sea, hace falta pensar para aquel grupo pequeño ??

Null_ · #21 (**permalink**) 29/10/2008, 18:27

Cita:

Iniciado por MoDoRrO

yo todas mis webs las hago para 1024x768

mal amigo... hay que pensar en todos los que visitaran la web

daPhyre · #22 (**permalink**) 29/10/2008, 22:06

Cita:

Iniciado por Jamati

cuanta gente puede llegar a ingresar a tu sitio desde un celular por ejemplo ??

o sea, hace falta pensar para aquel grupo pequeño ??

La gente que usa estos dispositivos para navegar en internet, cada vez es mayor. Por supuesto, también depende de que es tu web, para saber si esta gente estaría interesada en entrar desde dichos dispositivos...

Drupaljohn · #23 (**permalink**) 31/10/2008, 05:31

Cita:

Iniciado por Jamati

cuanta gente puede llegar a ingresar a tu sitio desde un celular por ejemplo ??

o sea, hace falta pensar para aquel grupo pequeño ??

Si tu web la haces por hobby entonces sin problema, pero si realizas un trabajo profesional suelen pedir que tomes esto en cuenta.

fedefrankk · #24 (**permalink**) 31/10/2008, 07:55

Hola a todos -- estuve leyendo lo que escriben por lo poco que entiendo, hay ahora un nuevo codigo o procedimiento para hacer paginas para celulares o dispositivos moviles?--- una web de 100pixel x 100pixel??... eso es lo que no entiendo como redimencionar las imagenes y que no pierdan su calidad ( no se ni redimencionar el texto con %, pero mas me intriga las imagenes)

Cita:

caso existen los Anormales???

jajajaj lo que quice decir fue lo de plasma y los de tuvo ... pero muy bueno el chiste jajaj
saludos a todos gracias

daPhyre · #25 (**permalink**) 31/10/2008, 09:08

Como los dispositivos móviles no siempre tienen el mismo tamaño, lo mejor es hacer diseños líquidos, tomando en cuenta que no va a ocupar todo el ancho.

Si cuentas con una página especial para móviles, puedes diseñarlo con el mínimo de imagenes, que es lo mejor (Más que la pantalla, es lo que los móviles tardan en cargar imágenes).

Ahora, si quieres una imagen adaptable, creo que se podría hacer con

Código:

width:100%;
max-width:400px

Donde en max-width pongas el ancho verdadero de la imagen. Con esto, teóricamente, la imagen se adaptará a la pantalla si su ancho es menor, aunque no lo he probado en dispositivos móviles para ver si es efectivo (Ya lo haré más tarde).

Suerte