pag web para cualquier tipo de pantalla

orlando84 · 09-jul-2007, 13:08

hola amigos..quisisera q me ayudaran y me recomendaran como hacer para q una pagina sea independiente de la resolucion de pantalla del monitor,, es decir para q pueda ser vista tanto en pantallas de 15 como de 17 pulgadas sin q se desordene el contenido ya sea al minimizarlo o maximizarlo.. el punto es q no se desordene el contenido, imagenes, texto ,etc

orlando84 · 09-jul-2007, 13:08

hola help me!

Apolo · 09-jul-2007, 15:27

Hola orlando84,

Te doy la bienvenida a ComunidadHosting.

No sé cómo sea el asunto ahora, pero hasta hace algún tiempo había dos opciones: una, trabajar con porcentajes, en lugar de medidas fijas, absolutas, aunque eso puede ser un gran riesgo. Y otra, manejar diferentes versiones para cada resolución, por ejemplo con un JavaScript que detecte la resolución de pantalla del usuario y entonces descargue la versión adecuada para esa resolución.

Saludos,

tobaria · 10-jul-2007, 03:12

Amigo la pones bien dificil ya que si haces una pagina liquida en alguna de las resoluciones se te va a ver "maluca" sobre todo por las imagenes, tal vez el consejo de Apolo sea una buena opción, pero ten en cuenta que debes usar CSS, nada de tablas y mucha creatividad

DavidC · 27-jul-2007, 16:52

Hola Orlando,

tienes tres opciones: las dos que te recomienda Apolo, y una tercera que es crear un estilo de tamaño fijo, centrado sobre la pantalla. Me explico: crear un estilo de capa que contenga la web y darle proporciones para que siempre se vea centrada en la pantalla independientemente del tamaño que tenga. Evidentemente, el tamaño que debes dar a esa capa debe ser para una resolución de 800 x 600; así, en una pantalla de esta resolución, la web ocupará prácticamente toda la pantalla, y en resoluciones superiores, se centrará en ella.

Las otras dos opciones que te recomienda Apolo son perfectamente válidas, pero tienen un "pequeño inconveniente": en función del tamaño de pantalla, el interface gráfico se va a descontrolar (salvo que utilices valores fijos, cosa no recomendable ni por W3C ni por WAI)

Bueno, espero haber ayudado,

saludos

olaslocales · 30-jul-2007, 16:27

Te recomiendo desarrolles tu sitio web con resolucion apartir por lo menos de 800x600 que en realidad ya esta casi por extinguirse dicha resolucion igualmente al realizarla en esas medidas ya esta preparada para futuras generaciones, si aun sigues con mas inquietud buscate un script o ccs para tus tablas e incorporacelo al codigo html de tu sitio, coordialmente.

Jorgens · 31-jul-2007, 19:59

Me alegra de poder aportar algo a cambio de mis dudas! je je je.

Yo no te recomiendo complicar la cosa con scripts, ni por supuesto trabajar con una versión para cada resolución (puedes tener problemas de páginas con contenido duplicado = mal posicionamiento en buscadores).

Tienes dos opciones claras. La primera es dar anchuras relativas mediante "%" o unidades "em". En ese caso te recomiendo que des anchos fijos a aquellos elementos que no requieran ni más ni menos que lo que necesitan de ancho, como un menú lateral, un banner, etc, dejando las anchuras relativas a las zonas donde van los contenidos de textos, etc. Hay que tener buen ojo, pero no es muy complicado.

La segunda opción es la que más me gusta. Es escoger una anchura y dejarla fija, centrada, pero fija. A mi me gusta un acho de 800px. Si te das una vuelta por la red verás que muchas páginas importantes usan esta resolución.

Ambas cosas puedes hacerlas usando tablas o usando DIVs (también llamadas capas). Por diversas razones prefiero las capas o DIVs.

Haz una cosa. Apunta las webs que tengan el aspecto que tú quieres y estudia qué método usan. Si necesitas ayuda para saber como lo hacen no dudes en preguntar.

Pero uses anchos fijos o relativos, divs o capas, algo importantisimo es usar siempre hojas de estilo CSS. Lo agradecerás.

Cualquier cosa... aquí estamos!

Fergara · 28-ago-2007, 14:13

En vez de diseñar en píxeles diseña en % y no tendrás problemas.

Soporte24hrs · 13-sep-2007, 22:36

Claro siempre es bueno trabajar con % pero recuerda que cuando utilices archivos flash, esos no los puedes poder en porcentaje por lo tanto el flash te va a salir en la escala en pixeles. Tomalo en cuenta el resto si se maneja muy bien