Foros del Web » Creando para Internet » HTML »

adaptar mi página a diferentes resoluciones

Estas en el tema de adaptar mi página a diferentes resoluciones en el foro de HTML en Foros del Web. hola amigos simplemente eso ya hice mi pagina y quiero saber como adaptar mi página a diferentes resoluciones del monitor...
  #1 (permalink)  
Antiguo 09/11/2005, 01:50
 
Fecha de Ingreso: noviembre-2005
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
adaptar mi página a diferentes resoluciones

hola amigos
simplemente eso
ya hice mi pagina y quiero saber como adaptar mi página a diferentes resoluciones del monitor
  #2 (permalink)  
Antiguo 09/11/2005, 01:57
 
Fecha de Ingreso: noviembre-2005
Mensajes: 29
Antigüedad: 12 años, 1 mes
Puntos: 0
A mi me dijeron una vez que pusiera una tabla centrada de un poco de menos de 800 piseles de anchura
  #3 (permalink)  
Antiguo 09/11/2005, 09:13
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
blink, si usas CSS o tablas, usa medidas en porcentajes.

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #4 (permalink)  
Antiguo 09/11/2005, 10:19
PP2
 
Fecha de Ingreso: noviembre-2005
Mensajes: 146
Antigüedad: 12 años, 1 mes
Puntos: 0
De acuerdo

Mira, lo que puedes hacer...
Elaborar dos versiones de tu web, digamos para dos resoluciones para las mas comunes hasta ahorita... 800 y la de 1024.
Haber si me explico bien, digamos que inicias tu pagina toda en 1024 y la terminas, creas una copia y la guardas en una carpeta llamada 1024 y luego modificas la resolucion de tu PC a 800, y acoplas la pagina que hiciste en 1024 a que se vea bien en 800, pero ahora la guardas en una carpeta llamada 800, por lo cual tenemos dos versiones de la resolución.

Ahora afuera de estas carpetas creas el index.htm que sera el que llamara a los index ubicados en las carpetas y mediante un JavaScript detectamos la resolucion y lo mandamos a llamar.

------ [1024]
------------index2.htm
------[800]
------------index2.htm
------[imagenes]
---- index.htm

Este es el codigo que debe de ir en index.htm

Código HTML:
<script>

if (screen.width==800 || screen.height==600)
 window.location.replace("800/index2.htm");
 else
 window.location.replace("1024/index2.htm");

</script> 
ESO ES TODO... asi cuando entre alguien en automatico detectara la resolucion y se ira a la que le corresponde.
Lo que mencionaron arriba respecto al porcentaje de el tamaño de las Tablas tambien se puede pero tiene desventajas y ventajas al igual de la solucion que te puse.

Lo de las tablas; pues la unica desventaja que tiene es que se acomodara el texto a la resolucion, osea hablamos de espacio en pantalla, pero las imagenes se quedaran del mismo tamaño y pues ocuparan el mismo espacio que en otras resoluciones corriendo toda la tabla.

Lo del script; la ventaja es que el usuario vera la pagina tal como tu quieres que la vea, pero la desventaja es que cuando hagas cambios tendras que hacerlo por cada resolución.

Usa la que mas te guste.
  #5 (permalink)  
Antiguo 09/11/2005, 11:53
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
Ejemplos de Cajas por porcentajes

saludos
  #6 (permalink)  
Antiguo 09/11/2005, 12:12
PP2
 
Fecha de Ingreso: noviembre-2005
Mensajes: 146
Antigüedad: 12 años, 1 mes
Puntos: 0
Oye CORE

Oye CORE pero estas de acuerdo conmigo que eso solo hace que la pagina se ubique bien dentro de varias resoluciones, pero no modifica para nada el tamaño de las fotos???
  #7 (permalink)  
Antiguo 09/11/2005, 15:31
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
estoy de acuerdo pp2. pero las imagenes tambien pueden estirarse desde css y si usas PNG es mas facil que no se pierda la resolucion, estaras de acuerdo que si tienes un sitio con 100 enlaces y 100 fotos tendrias que crear 200 htmls y 200 imagenes y estas de acuerdo que resoluciones no nada mas hay dos tipos

saludos
  #8 (permalink)  
Antiguo 09/11/2005, 16:47
PP2
 
Fecha de Ingreso: noviembre-2005
Mensajes: 146
Antigüedad: 12 años, 1 mes
Puntos: 0
Ok

Ok. si tienes razon... en fin, bueno, pero es una alternativa mas...
  #9 (permalink)  
Antiguo 09/11/2005, 18:46
 
Fecha de Ingreso: noviembre-2005
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
que lastima que no halla un script que automaticamente detencte en que resolucion esta hecha y que la acomode tambien automaticamente de acuerdo con la resolucion de cada maquina.
grax a todos
  #10 (permalink)  
Antiguo 09/11/2005, 19:27
PP2
 
Fecha de Ingreso: noviembre-2005
Mensajes: 146
Antigüedad: 12 años, 1 mes
Puntos: 0
pues el que yo te puse arriba es un script.... y ahi se detecta en automatico.

Que no lo leiste???
  #11 (permalink)  
Antiguo 09/11/2005, 20:51
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Aunque tarde, por qué usar script si pueden usar CSS?

En una de las páginas que hice, tengo un diseño en el que la página es de un color y encima tiene una capa con márgenes de 10px por cada lado, que además se puede ver SIMILAR en 800x600 y 1024 x 768, pero cuando un usuario usa una resolución más grande, esa página se vé horrible, así que el contenedor tiene un max-width de 955px y se ve de maravilla.

Todo esto, es simplemente una anecdota personal, pero sería interesante que la probaran.

Saludos.
__________________
Al final del día hablar es gratis, codificar no lo es
  #12 (permalink)  
Antiguo 10/11/2005, 01:39
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Cita:
Iniciado por CORE
si usas PNG es mas facil que no se pierda la resolucion
¿Sí? ¿cuántos colores almacena png?
la verdad que eso me vendría muy bien
  #13 (permalink)  
Antiguo 10/11/2005, 03:05
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 15 años, 8 meses
Puntos: 3
Cita:
Iniciado por tunait
¿Sí? ¿cuántos colores almacena png?
la verdad que eso me vendría muy bien
16,7 millones de colores,
fuente: Ventajas del formato gráfico PNG

saludos tunait
  #14 (permalink)  
Antiguo 10/11/2005, 03:36
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Gracias CORE excelente artículo

Sabía de la capacidad de transparencias de ese formato (y guarda con mejor calidad que el gif) pero no me había enterado que almacenaba tantos colores como el jpeg.

El inconveniente que veo es que el tamaño de archivo se dispara bastante

Por ejemplo, ahora estoy trabajando con unos encabezados gráficos que combinan varias imágenes. Si por ejemplo creo una sola versión de la imagen para 800x600 y le incremento las dimensiones al visualizarse a resoluciones mayores no perdería resolución al aumentar pero en cambio me encuentro con un archivo notablemente más pesado.

imagen para 800x600 (622x152px) en jpeg pesa 20.76 KB (21257 bytes)
imagen para 800x600 (622x152px) en png pesa 143.28 KB (146716 bytes)

En cambio la misma imagen creada para 1280x1024 (995x243) en jpeg pesa 42.94 KB (43975 bytes)

creo que al final me sale más a cuenta la duplicación de imágenes .... me parece excesivo 143kb sólo de cabecera para cargar con cada página

nch.. qué lástima

Igual muchas gracias por la info CORE

Un saludo
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 08:19.