Tambi�n se puede hacer que se adapte al tama�o de la ventana del navegador. Ess tan f�cil como detectar el tama�o de la ventana en vez de la resoluci�n. El cambio de una a otra no lleva ni 5 minutos.
Hab�a alguien que me ped�a c�digo ayer. No conozco ning�n sitio donde se explique (con c�digo) lo que dije en mi anterior e-mail. Adem�s, ahora estoy de viaje y hasta el d�a 13 � 14 de junio no vuelvo a Valencia. Si nadie publica c�digo antes, lo har� yo, pero ser� imposible que tenga un art�culo en condicioens antes del 17 � 18 de junio. Lo siento. En caso de que se me olvide (�espero que no!), no me molestar� en absoluto que me lo recordeis por e-mail :-) >-- Mensaje original -- >From: "Pablo Impallari" <[EMAIL PROTECTED]> >To: "Lista de Cadius" <[EMAIL PROTECTED]> >Subject: Re: [cadius] Resoluciones >Date: Fri, 4 Jun 2004 19:23:09 -0300 >Reply-To: Pablo Impallari <[EMAIL PROTECTED]>, > Lista de Cadius <[EMAIL PROTECTED]> > > >Algo que se nos esta olvidando... >Que la resoluci�n de pantalla de un usuario sea de 1024 o m�s, no es lo >mismo a que el tama�o de la ventana del navegador sea de 1024 px ancho. >Tengo muchos amigos que utilizan estas resoluciones en sus monitores y rara >vez navegan a pantalla completa, sino en ventanas de menores tama�o, incluso >de menos de 800 px de ancho. >Yo tengo el monitor por defecto en 800x600 y por lo tanto siempre navego >con >la ventana maximizada, pero parece que muchos de los que tienen sus >monitores en m�s resoluci�n se acostumbran a tener las ventanas flotantes >y >tener varias al mismo tiempo... >No se que opinen al respecto, no es una observaci�n basada en test a >usuarios sino en simples visitas a amigos, por lo cual no creo que se pueda >generalizar esta apreciaci�n pero si aportar algo a la discuci�n. >En mi caso personal aun no he adoptado los divs por completo, pero si trato >de hacer dise�os con tablas autoajustables en porcentajes. > >Un Abrazo >Pablo Impallari > >Soluciones en Internet >Dise�o y Desarrollo | xhtml - php - mysql - flash >Mejoras de Usabilidad - Posicionamiento en Buscadores - Hosting >Sitio Web: www.pabloimpallari.com.ar > >Tel�fonos: >Si llama desde Rosario: 456 7218 >Si llama desde Argentina: 0341 456 7218 >Si llama desde otro pa�s: 54 341 456 7218 > >----- Original Message ----- >From: "Pau Garcia i Quiles" <[EMAIL PROTECTED]> >To: "Lista de Cadius" <[EMAIL PROTECTED]> >Sent: Friday, June 04, 2004 9:35 AM >Subject: Re: [cadius] Resoluciones > > >> On Thursday 03 June 2004 23:42, Ricardo Daniel Burone wrote: >> >> > Hola, aunque leo la lista desde hace tiempo, no he tenido una >> > participaci�n activa. Espero que esta sea bien recibida. >> > >> > Con respecto a este tema de las resoluciones, a la hora de elegir entre >> > crear un sitio que se adapte a la resoluci�n del usuario que lo visita >o >> > que este tenga fijo la resoluci�n de 800x600, me termino basando en la >> > cantidad de informaci�n y estructura del mismo. >> > >> > Un sitio gr�ficamente rico, donde el sitio esta armado de trozos de >> > im�genes y animaciones flash, y para poder garantizar el >> > "cross-browsing" (que se vea bien en distintos navegadores y sistemas >> > operativos) es mas favorable resoluciones fijas, ya que las medidas de >> > posiciones absolutas y relativas entre los distintos navegadores varia >> > para div flotantes por ejemplo haciendo que la cantidad de calculos y >de >> > scripts necesarios para mantener la apariencia sea bastante grande. >> > >> > Pero en sitios informativos donde existe una gran cantidad de textos >y >> > no tiene un trabajo complejo con respecto a la grafica, lo ideal es >> > adaptarlo a las distintas resoluciones ya que es mas c�modo a los >> > usuarios y se resuelve con tablas utilizando %. >> >> Utilizar tablas es lo peor que se puede hacer. >> >> La manea adecuada de solucionar esto, como ya he comentado a algunos en >> privado, es utilizar etiquetas <div> para delimitar la estructura del >> documento, y hojas de estilos CSS para maquetar (posicionar y definir el >> aspecto) de los contenidos. >> >> Es en las hojas de estilos donde se deben definir espaciados en >porcentajes, y >> tama�os de letras y de determinados elementos en unidades como em y ex, >que >> se ven igual en todas las resoluciones en todas las plataformas. >> >> Adem�s, utilizar tablas hace que la web deje de ser accesible, porque >confunde >> a p. ej. los lectores para ciegos (JAWS, etc). Las tablas son para datos >> tabulares, no para maquetar. >> >> En cuanto a las im�genes, lo que se debe hacer es generarlas en el lado >del >> servidor, mediante programaci�n PHP, JSP o similar. Los Flashes, SVGs y >dem�s >> se pueden hacer autoadaptables a la resoluci�n de pantalla, as� que dan >menos >> problemas en ese aspecto. >> >> La resoluci�n, por supuesto, se detecta usando Javascript. >> >> Con la combinaci�n de HTML, CSS, Javascript y PHP (o similar) que describo >ah� >> arriba s�lo hay que programar y dise�ar la web UNA vez (eso s�, haciendo >> regresiones para calcular las ecuaciones que definir�n los tama�os >adecuados >> a cada resoluci�n). Despu�s, las hojas de estilos adaptan los espaciados >y >> los textos al tama�o adecuado, y la programaci�n server-side se ocupa de >las >> im�genes. El ahorro en tiempo de desarrollo es abismal. De hecho, es m�s >> r�pido (y por ende, barato para el cliente) hacer una web as� que hacer >una >> web para dos resoluciones (800x600 y 1024x768, p. ej.). >> >> De todas formas, este tema se aleja bastante de la tem�tica de la lista, >me >> temo... >> >> > >> > Otra soluci�n seria generar distintas versiones de sitios para las >> > distintas resoluciones, pero genera un aumento en el costo de desarrollo >> > y mantenimiento, adem�s del tiempo de desarrollo del mismo se alarga. >> > >> > Hasta el momento esto me ha dado buen resultado, al menos a los clientes >> > les parece bien. >> >> -- >> Pau Garcia i Quiles >> (En general no puedo contestar antes de 10 d�as, por el volumen de >trabajo) >> http://www.elpauer.org >> MSN Messenger: [EMAIL PROTECTED] (NO E-MAIL) >> >> _______________________________________________ >> altas, bajas y modificaciones: >> http://cadius.org/mailman/listinfo/lista_cadius.org >> > > >_______________________________________________ >altas, bajas y modificaciones: >http://cadius.org/mailman/listinfo/lista_cadius.org -- Pau Garcia i Quiles MSN Messenger: [EMAIL PROTECTED] http://www.elpauer.org
_______________________________________________ altas, bajas y modificaciones: http://cadius.org/mailman/listinfo/lista_cadius.org

