Bueno estoy aprendiendo CSS y tenia una duda con el tema de las resoluciones de pantalla. Que técnicas se usan para esto?, existe la posibilidad de que mi web se vea bien en todas las resoluciones?, que se adapte a todas?
Saludos
11/03/2010, 07:54
| ||||
| ||||
| Como ajustarse a al resolución Bueno estoy aprendiendo CSS y tenia una duda con el tema de las resoluciones de pantalla. Que técnicas se usan para esto?, existe la posibilidad de que mi web se vea bien en todas las resoluciones?, que se adapte a todas? Saludos |
|
11/03/2010, 10:07
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Hola eMaa. Ya hace bastante tiempo que las "web resizables" (que cambian de tamaño según la resolución de pantalla) desaparecieron. Ahora, se trabaja bajo el STANDAR. Actualmente el Standar de resolución Web es: - El 20% de la población activa en Internet, usa 1024x768 - El 76% de la población activa en Internet, usa una resolucion superior (Datos estadísticos sacados de http://www.w3schools.com/browsers/browsers_display.asp) Por ello, se usa la resolución definida como standar (1024x768) como base del diseño de la Web y se trabaja sobre ello. Es cierto que día a día las resoluciones aumentan, los monitores son mejores, y el ancho de banda en Internet mejora, pudiendo hacer las páginas con imágenes a mayor resolución y ganando en calidad, pero el Standar Web está en el definido. Un saludo. Javier |
|
11/03/2010, 12:21
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Puedes utilizar porcentajes. Por ejemplo, en lugar de decir que el ancho de un div debe ocupar 800px, puedes decir que ocupe un 80%. Respecto a lo que dice Javier, no estoy de acuerdo. Siempre será mejor que la página se adapte al usuario y no al revés. No sólo es la resolución, es querer trabajar por ejemplo viendo dos ventanas a la vez (una página y un editor de texto, por decir algo) y que ese usuario pueda ver bien la página. No hay motivo más allá de la pereza para no hacer que la web se adapte al usuario. De hecho, haciéndolo como tú dices, el 76% de los usuarios (esa estadística no es 100% fiable, pero lo tomaré como una muestra representativa) va a ver la página demasiado pequeña y el 4% demasiado grande. Es decir, el 80% de los usuarios no van a ver la página tal y como deseamos. Demasiada gente, ¿no? Por otro lado, el 33% de los internautas españoles acceden a Internet desde dispositivos móviles (http://download.aimc.es/aimc/03internet/macro2009.pdf). |
|
11/03/2010, 12:36
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Vamos a ver... ¿Para que existen los estandares? ¿para saltárselos? Es impepinablemente cierto que en todas o casi todas las empresas de desarrollo Web, las páginas se programan a seguir de los estándares. ¿qué pasa con las páginas hechas con porcentajes? Que los diseños suelen ser simples, normales, y mayoritariamente obsoletos, dado que para que una Web sea redimensionable, debes de dejar "aire" por todos los lados "por si acaso" se va a ajustar al tamaño mínimo. ¿Porqué la página de cocacola está hecha para resolución 1024? ¿porqué la página de apple también? ¿porqué la página de Microsoft también? ¿porqué la mayoría de páginas actualizadas y nuevas cumplen este estandar? ¿Porqué ya no se ven páginas redimensionalbes? Para la utilización de varias ventanas, se crearon los navegadores con pestañas. Para usar un navegador y un bloc de notas (como comentas de ejemplo) se usó el administrador de tareas abiertas (alt+tabulador en Windows) ... Realmente, el usuario DEBE adaptarse a las nuevas tecnologías... Mejores resoluciones, mejores programaciones, mayores recursos Web.. sino ¿para qué usar javascript y Ajax para mejorar la navegación y cargas? ¿para que usar lenguajes de servidor y Base de datos, pudiendo seguir usando plantillas estáticas siempre. Yo, hago que todas mis Webs funcionen en todos los navegadores, a todas las resoluciones, bajo todos los sistemas operativos, y todo ello, bajo el Standar que rije actualmente: 1024x768. Respecto a lo que dices de que Cita: La gente, el 20% que definí como standar, es porque no se ha lanzado la estandarización de resoluciones nueva (imagino que será la siguiente superior a 1024, pero esa gente lo verá BIEN, y el que tenga la resolución MAYOR, lo verá "como se ha programado" (osea, bien, pero con su resolución).va a ver la página demasiado pequeña y el 4% demasiado grande. Es decir, el 80% de los usuarios no van a ver la página tal y como deseamos. Te digo también... Si haces una página "redimensinable" prepararás las imágenes con ALTA resolución (mínimo, de 100kb la foto, para resoluciones de 800x600) y de 1 o 2 megas para resoluciones panorámicas en monitores de 21 a 25 pulgadas ¿no? ¿Este ámbito, lo tienes en cuenta? Porque entonces, si lo tienes en cuenta, las páginas que programes así, para resoluciones standar, tardarán un montón en cargar porque las imágenes serán MUY pesadas, para que dichas imágenes se vean bien en resoluciones mayores. Por mi parte, poco más que decir. Los estándares están para algo. http://www.forosdelweb.com/f4/encues...onitor-308777/ Añado un detalle: Cita: De acuerdo. Pero para eso está la estandarización de los navegadores adaptados a los dispositovos móviles, no la adaptación de las programaciones a todos los dispositivos móviles. Bastante guerra tenemos ya los programadores para hacer funcionar una Web en: Internet Explorer 6, 7 y 8, Firefox 1, 2 y, Opera 8, 9 y 10, Safari para PC y para Mac ....Por otro lado, el 33% de los internautas españoles acceden a Internet desde dispositivos móviles (http://download.aimc.es/aimc/03internet/macro2009.pdf). Repito: los estándares, están para algo, y es para cumplirlos, y sino, como mejor ejemplo, revisa las páginas de las mejores y mayores empresas del mundo. No son redimensionables (por algo será). Un saludo. Javier |
|
11/03/2010, 13:29
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Cita: Si hablas de estándares, háblame del W3C. ¿Dónde dice que se recomienda basarse en resoluciones concretas? Si lo he pasado por alto tendré que retractarme, pero las estadísticas y los estándares son cosas distintas.¿Para que existen los estandares? ¿para saltárselos? Es impepinablemente cierto que en todas o casi todas las empresas de desarrollo Web, las páginas se programan a seguir de los estándares. De todas formas, leyéndote veo que no nos estamos entendiendo. Yo no hablo de hacer webs que se ajusten a absolutamente TODA resolución posible, ya que evidentemente necesitamos algo de libertad para poder hacer algo lo que llamar "diseño". Pero me había dado la sensación de que hablabas de diseñar la página basándote SÓLO en cómo se vea en 1024x768. Hay multitud de páginas que lo hacen y eso no me parece profesional (claro que normalmente lo hacen páginas amateur). Usar porcentajes estableciendo un mínimo SÍ me parece razonable, aunque yo he venido usando más 800x600 como mínimo. Sí que me he planteado pasar a 1024x768 viendo las estadísticas y ya digo que eso no es lo que me parece mal. Yo hablo de páginas redimensionables pero realistas. Ahora hay cosas que tal vez cambiaría en esta página, pero para que veas lo que entiendo por "redimensionable" puedes echarle un vistazo a esta página que hice: http://www.decabanas.es. Cita: El resto de ejemplos pueden valer dependiendo del nivel de accesibilidad que quieras en tu web. Reconozco que estoy acostumbrado a tener en mente la accesibilidad (que puede ser absolutamente necesaria en ocasiones) y por tanto pienso en adaptarlo absolutamente todo al usuario, pero los lenguajes de servidor y las bases de datos que estén en servidor no afectan en absoluto al usuario...¿para que usar lenguajes de servidor y Base de datos, pudiendo seguir usando plantillas estáticas siempre. En fin, que veo que no estamos en desacuerdo; simplemente nos hemos entendido mal. |
|
11/03/2010, 14:33
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución http://www.decabanas.es Página que cumple estandarización, página que tiene contenidos elásticos y ajustables a tamaño de ventana/resolución, pero que no rige de un diseño complicado ni nada. Esto, a nivel de página para usuario final vale, pero como te decía, para empresas grandes, tipo http://www.museothyssen.org/thyssen/home, empresas que requieren marcas: http://www.supratech.es/, http://www.toyplanet.es, empresas que quieren imagen: www.pitbullsport.es ... requiere de programacion no elástica ni redimensionable. Como bien has dicho, no estamos en desacuerdo, sino en un mal entendido. Por cierto: veo que la accesibilidad, se te da bien, y eres bueno, por lo que no descarto pedirte presupuesto para futuras web con accesibilidad que me salgan como autónomo que soy. Un saludete. Javier |
|
12/03/2010, 06:52
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Gracias a ambos por sus respuestas, muy completas, me han ayudado mucho. De paso les pregunto, alguno conoce una herramienta online de calidad que me permita testear mi web en distintas resoluciones y navegadores? Última edición por eMaa; 12/03/2010 a las 06:59 |
|
13/03/2010, 12:33
| ||||
| ||||
| Respuesta: Como ajustarse a al resolución Hola: Cita: Por lo menos distintos navegadores: http://www.forosdelweb.com/f53/aport...online-786327/
Iniciado por eMaa  De paso les pregunto, alguno conoce una herramienta online de calidad que me permita testear mi web en distintas resoluciones y navegadores? Saludos.  |
| Etiquetas: |
