Retroceder   Foros del Web > Diseño de Sitios web > Web general

Respuesta
 
Herramientas Desplegado
Antiguo 29-nov-2006, 06:16   #1 (permalink)
aprender06 ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2006
Mensajes: 87
Adaptar la web para todas las resoluciones?

Buenas!
Ya se que se ha escrito mucho sobre estos temas pero no acaba de haber un criterio unificado, estoy haciendo una página para una empresa y me gustaría saber que solución habeís dado para solucionar esto.

Cometí el 'error' de hacer el diseño en una resolución 1280x1024 y ahora me tocará reacer el diseño, por mi parte me cuesta ver ya resoluciones más pequeñas porque me he acostumbrado a esta, je je..

Bueno en un principio lo que veo más factible para asegurarme que todo vaya bien es la solución del script java que redirecciona la página según la resolución,
<script language="JavaScript1.2">
/*
Diferentes versiones según la resolución
*/
//para resolucion 800x600
if (screen.width==800||screen.height==600)
window.location.replace("es800600/index.html")

// para resolucion 640x480
else if (screen.width==640||screen.height==480)
window.location.replace("es640480/index.html")

//para resolucion 1024x768
else if (screen.width==1024||screen.height==768)
window.location.replace("es1240768/index.html")

//para otras resoluciones
else
window.location.replace("es1240768/index.htm ")
</script>

Pero hay muchos detractores de este método por tener que hacer tantas versiones de un html como resoluciones.

Cómo lo haceis?
Me interesa mucho la opinión de webs que reciban muchas visitas.
Saludos y gracias!
aprender06 está desconectado   Responder Citando
Antiguo 29-nov-2006, 18:59   #2 (permalink)
JoseOnate está en el buen camino
 
Fecha de Ingreso: noviembre-2006
Mensajes: 170
Hola,

Yo te recomiendo un solo diseño en 1024 x 768px por algunos motivos:

- La mayoría de los monitores están en esta resolución o superior
http://www.w3schools.com/browsers/browsers_stats.asp

- La tendencia es hacia resoluciones superiores y pantalla ancha; sin embargo los usuarios de resoluciones mayores y pantallas anchas no navegan con la ventana maximizada, así que también les sirven los sitios diseñados para 1024x768.

- No vale la pena hacer varios diseños diferentes porque es más costoso y es un mal uso de las tecnologías Web que están diseñadas para ser flexibles de tal forma que un solo diseño funcione para todas las resoluciones.

Saludos,

Jose.
JoseOnate está desconectado   Responder Citando
Antiguo 29-nov-2006, 19:41   #3 (permalink)
etanol ha deshabilitado el karma
 
Fecha de Ingreso: marzo-2005
Mensajes: 91
utiliza tablas con anchos relativos............ %
etanol está desconectado   Responder Citando
Antiguo 29-nov-2006, 22:17   #4 (permalink)
JoseOnate está en el buen camino
 
Fecha de Ingreso: noviembre-2006
Mensajes: 170
Cita:
Iniciado por etanol Ver Mensaje
utiliza tablas con anchos relativos............ %
No utilices tablas a no ser que sea para información tabulada. Para todo lo demás hay una etiqueta correspondiente y un sistema de estilos.
JoseOnate está desconectado   Responder Citando
Antiguo 30-nov-2006, 00:51   #5 (permalink)
aprender06 ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2006
Mensajes: 87
A los dos grácias por contestar lo primero, que es de bien nacido ser agradecido...
Etanol lo de trabajar con tamaños realtivos, lo intenté y esta bien cuando sólo tienes texto dentro de las tablas pero no soluciona el tamáño de las imágenes,
otra cosa es que el tamaño de la letra para 1024 en 800x600 lo veo exagerado aunque me pareció la mejor opción al principio,la desestimé porque mis tablas contienen varias imágenes no adaptables con %, si hay algún modo y se escapa dímelo por favor.

JoseOnate,
De momento es lo que más me convence incluso puedo usar el script de Java para en caso de resoluciones inferiores poner un mensaje que diga que esa web está diseñada para resoluciones superiores o iguales a 1024 y con un enlace de como cambiarla.

El tema es que me ha dejado un poco parado lo de las tablas, tengo toda mi web hecha con tablas porque pensé que era la mejor manera para que el texto no se desplazara indeseadamente, me puedes explicar en que casos no debería emplearlas y en estos casos como hacerlo no se a que etiqueta te refieres.

My estructura es una única tabla en la que pongo el texto y en caso de poner una imagen dentro de esa tabla lo hago dendro de otra tabla.
Ah! y uso para las tablas la medida por pixels.

Saludos y gracias
aprender06 está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:52.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93