Autodimensionar resolucion de web segun resolucion pc

Estoy diseñando una web con dreamweaver cs3 y mi web quedo con una resolución de 1200 x 1050 ya que más chico se no se logra ver los textos y imágenes que he ubicado en mi web las cuales varias en logos de marcas y animaciones en flash. Mi duda es si existe algún código, estilo o opción para que mi web se autodiemensione en pc con resolución de 800 x 600 la verdad he probado con hacerla en una celda con una columna y una fila y poner dentro todo el cuerpo y luego darle el ancho de 80 y 90 % pero no se logra visualizar los textos.
2

2 respuestas

Respuesta
1
Para la situación que me planteas creo que lo mejor que debería hacer es trabajar con hojas de estilo (css). Realizar dos hojas de estilos, una para resoluciones superiores a 1024 x 768 y otra para inferiores.
Lo que debes hacer es poder identificar cual es la resolución de la pantalla del usuario y así determinar que hoja de estilo cargar.
No quiero apropiarme de ningún código que otro haya escrito así que te paso algunos links que me han sido de ayuda en este tema cuando empecé a trabajar con webs.
http://www.forosdelweb.com/f13/detectar-resolucion-del-usuario-560415/
http://www.efectosjavascript.com/detectar_resolucion_de_pantalla.html
http://www.entrebits.cl/foros/temas-generales/7573-detectar-resolucion-y-redireccionar.html
El link del medio es muy practico y sencillo. Ami me fue de gran utilidad en su momento.
Gracias experto por tu ayuda pero soy medio nuevo en el tema de diseño web. Estoy viendo los manuales para aprender más acerca de las hojas de estilo y demás lo cual supongo me llevara algún tiempo.
Desde ya muchas gracias por la ayuda brindada
Respuesta
1
Me parece una web algo ancha, es cierto que hay monitores cada vez más grandes y con resoluciones mayores, pero sigue habiendo mucho monitor viejo, con resoluciones bajas, o portátiles muy pequeños con resoluciones muy altas (lo que hace que se vea toda tu página pero en miniatura).
No puedes asignar valores porcentuales sólo a la tabla, los objetos que tengas también tienen que variar al redimensionar. En las imágenes por ejemplo puedes poner el valor horizontal en porcentaje, y al quedar marcado que sean proporcionales se ajusta automáticamente la altura. No es muy "estándar" el método pero funciona.
Además utilizaría "div" en lugar de tablas para la estructura y les daría forma en una hoja de estilos.
Intenta ajustarla a 1024, si se ve en una mayor te aumentará los logos y las presentaciones y quedará muy estético, al revés, pasando de 1200 a 1020 o a 800 quedarán muy pequeños y apretados si tienes tantos como dices.
Y más profesional: puedes utilizar javascript para asignar los valores del tamaño en tiempo de ejecución en función de la resolución del monitor donde se presente o del tamaño de la ventana.
Lleva mucho más tiempo, pero da buenos resultados. Así el tamaño no lo defines tú, si no el dispositivo que solicita verlo (ya sea PDA, portátil, impresora o pantalla gigante".
Por ejemplo, tienes dos imágenes en pantalla (imagen1, imagen2), una quieres que ocupe más o menos un 30% y la otra un 20%, la función sería: (te añado vertical también para que veas como se obtiene el valor):
<script language="javascript">
function tamano (porcentaje,elemento)
{
var horizontal=window.screen.width;
var vertical=window.screen.height;
document.getElementById(elemento).width = parseInt((porcentaje*horizontal)/100);
}
</script>
<img src="imagen1.jpg" id="imagen1" onload="javascript:(tamano(30,'imagen1'));" />
<img src="imagen2" id="imagen2" onload="javascript:(tamano(40,'imagen2'));" />
Puede hacerse de muchas formas, esta es una sencilla de hacerlo.
Kike
Gracias por responder a la brevedad acá te dejo la dirección para que evalúes y me digas si me conviene hacer 3 web para cada resolución (las 3 más conocidas y la ultima por si el monitor no esta en las 3 que mencione antes) mediante java, ya que he leído un código en java que te direcciona a las páginas que yu desees dependiendo de la resolución que capta.
Acá te dejo un link para que vea de las cantidades que te hablo y que se puede mejorar ya que supongo que tu tendrás más experiencia desde ya muchas gracias, esto es un problemón.
http://www.delafuentemaquinarias.com
Es que tienes todo el texto como imagen, y además muy grandes, es una página muy pesada, le cuesta cargar. Además, al pasarlo a otras resoluciones, la letra se deformará y puede no ser tan legible.
Yo cambiaría la parte de arriba, del logotipo para hacerla redimensionable como te comenté, pero que si la resolución baja de 800x600 no se haga menor. Es decir, oscila entre los 800x600 y mayores resoluciones, pero adaptándose a la pantalla.
El texto lo haría en html, eso te permite que sea la resolución que sea poniendo los "div" en porcentaje, te ajuste el texto, incluso si el usuario hace la ventana más pequeña, no solo dependiendo de la resolución del monitor.
El flash del mapa ocupa mucho espacio a la izquierda, debería de ser más estrecho, o solo aparecer en la pantalla de inicio, se come una cuarta parte de la página y no ofrece mucha información, y los iconos del tiempo y del dolar, etc igualmente ocupan mucho, los puedes poner como enlaces sencillos debajo del menú. Yo dejaría la izquierda libre o distribuiría los logos a izq. y derecha.
Los logos se pueden hacer algo más pequeños, no mucho pero si algo más. Entre hacerlos un poco más pequeños, quitar el mapa en flash y poner el texto en html y no como imagen te cabría en cualquier resolución sin problema, y la página se cargaría al instante.
Por cierto, en el flash de la presentación, no hay quien acierte a darle a "Entrar", pon como superficie todo el área que cubre el texto, no solo el texto.
Gracias por responder a la brevedad y por las sugerencias que me brinda.
Estimado experto he modificado los tamaños y me he obligado a redimensionar los logos y el mapa y todo lo que conlleva y to a 800x600 Pero tengo una consulta como se podría crear una hoja de estilo, como se crearía los texto en html que me explica, la verdad soy algo nuevo en esto de html. Pero nuncatuve este tipo de problema, sera la mejor solución adaptar todo a 800x600 espero me pueda ayudar y recomendar las características principales que deben tener las web como estándar.
Espero vea el nuevo diseño que bueno por el momento lo tuve que cambiar como para ir subiendo algo para que mi cliente vea las modificaciones realizadas.
www.delafuentemaquinarias.com/home.html 
He creado otra que es www.participativorqta.gov.ar 
Desde ya muchas gracias por su tiempo
Explicar, explicar, no puedo, es muy extenso. Pero puedes echar un vistazo a este enlace, aquí encontraras un videotutorial de hojas de estilo (y un enlace para el tutorial en texto)
http://www.desarrolloweb.com/articulos/manual-css-video-I.html
Y aquí uno de html
http://www.desarrolloweb.com/manuales/21/
En cuanto lo veas sabrás por que no puedo explicarte aquí como se hace una hoja de estilo o se diseña el texto en html, pero así todo verás que es muy sencillo.
Te aconsejaría un editor de páginas web, con él no necesitas saber ni html ni hojas de estilo, es como trabajar en word. Yo trabajo con Dreamweaver, pero tienes uno gratuito muy bueno, el NVU http://net2.com/nvu/
Hola experto gracias por la info y por responder nuevamente.he considerado de leer los manuales pero la verdad tengo que publicar la web lo antes posible, que consejos me darías como para hacer cambios rápidos y obvios, ya que luego con el tiempo voy a ir modificando estos desperfectos que se me han presentado y no he tenido en cuenta a la hora de diseñar y la verdad para cambiar todo el diseño de las 56 páginas me va a llevar mucho tiempo es más cada semana se va agregando más y más. Agradecería algún consejo de un experto y me ayudaría mucho.
Desde ya muchas gracias
Lo dicho, las nuevas páginas hazlas con alguno de los editores que te comenté. Como te dije es como escribir en un procesador de texto, pegas imágenes o flash con facilidad entre el texto, pones negritas, colores, tamaños sin tener que programar nada.
El problema de ponerlo como imagen es que pesa mucho, no te permite redimensionar porque se pierde calidad en el texto ni hacerlo de menor resolución.
Prueba el editor verás que es sencillo, y poco a poco vas cambiándolo. A medida que le das formato (tamaños, colores, tipos de letras, etc.) te va generando en la misma página los estilos automáticamente (que ya puedes seleccionar para otros textos sin tener que repetir la operación), viéndolos ves lo sencillo que es. Cuando tengas más práctica verás que aplicarlos a nuevas páginas es muy sencillo, y que cambiando en una tan solo, toda tu web cambia automáticamente.
Kike
Estimado experto gracias por la ayuda la verdad no tengo el tiempo para renovar todo el diseño y probar las hojas de estilo, lo que voy a realizar mientras este la página publicada voy a ir realizando las modificaciones. Espero me pueda ayudar cuando tenga tiempo ya que se que ud debe tienes más trabajo que yo así que cuando tenga algún tiempito me gustarías sacarme algunas dudas. Desde ya le comento que es algo que me gusta pero aquí en la ciudad no existen cursos o los que existen son muy básicos y muy caros.No conocería algún sitio o curso a distancia pago o gratis que me explique bien desde donde arrancar y los aspectos principales a tener en cuenta a la hora de realizar una web. Desde ya muchas gracias.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas