Ayuda con resolucion de pantalla...

[Franco]

Hola buenas ...

Necesito ayuda ,aprendi a crear web ,hize una para mi negocio ,la hize con dreamwaver 8...

Mi probloma es el siguien ,que yo trabajo con un monitor de 1024x678 y clientes que han visitado mi web ,que seguramente tienen un monitor de una resolucion mas pequeña ,me dicen que se les ve grande y deben mover la la ventana hacia la derecha...

Alguien me puede ayudar porfavor...

Existe alguna poscivilidad algun programa ,truco ,para que en todas las pantallas ,la web se vea igual?

[Mariana]

Existe alguna poscivilidad algun programa ,truco ,para que en todas las pantallas ,la web se vea igual?

Probá usando el tamaño de las tablas en porcentaje y no en pixeles.

Saludos

[proart]

Cuando diseñas una web debes pensar inicialmente en que resoluciones va a ser visualizada y que perfil de visitantes vas a tener.

Si has diseñado para una resolución mayor de 800 x 600 lógicamente los usuarios que utilicen esta resolución deberán hacer uso de una barra de desplazamiento o scrollbar para moverse por la web.

Debo decir en tu favor que actualmente pocos usuarios utilizan una resolución tan baja, lo normal es que la resolución no baje de 1024 x 768, incluso se está estandarizando la resolución de 1280 x 1024.

Te podríamos ayudar más si pones un link a tu web para ver que se podría hacer.

[Franco]

http://www.puertocolonial.com/

Esa es la web socio, la hize pensando en que muchos usuarios usan 800 x 600 pero me gustaria que todos los usuarios la vean iguan sin inportar la resolucion

[Adrian]

Hola Franco entonces la mejor forma es hacer la web por % no por pixeles, este foro por ejemplo esta echo por %...

Es la unica forma para que se adapte a todas las resoluciones como han dicho en un post anterior...

Saludos

[Franco]

Gracias amigos, ahi vere como se hace.

Saludos desde chile.

[ingnavas]

Hola Franco, puedes hacer lo siguiente, con las resoluciones mas usadas:

1. Crear una carpeta principal donde estará alojado el sitio web Ej. "miweb"
2. Dentro de miweb crear una carpeta llamada "imágenes" donde estarán las imágines, otra llamada "sonidos" donde estarán los sonidos, "videos"y así sucesivamente según los recurso a utilizar. A continuación se crea una carpeta llamada es800600. Esta última carpeta contendrá sólo los archivos htm, php , cgi del sitio web que serán creados con una resolución de monitor de 800 x 600 píxeles.
3. Se crean dos carpetas llamadas es640480 y es1024768 dentro de "miweb"
4. Una vez que se tiene desarrollado el sitio web optimizado a 800x600 y se tiene ya la versión definitiva, se copia el contenido de la carpeta es800600 y se pega dentro de es640480 y es1024768.
5. Se cambia la configuración del monitor a 640x480 y se abren los archivos de la carpeta es64048, sólo habrá que volver a editarlos, principalmente es un trabajo de ajuste de tablas. NO HAY QUE RENOMBRAR LOS ARCHIVOS NI CAMBIAR LOS ENLACES.
6. Igualmente, se cambian la configuración del monitor a 1024x768 y se abren los archivos htm que corresponden, se editan y se guardan.
7. Si se desea crear una versión en inglés, sólo habrá que copiar las tres carpetas que empiezan por las letras "es", renombrar el comienzo por "en" y sustituir el texto por la versión inglesa, pero las imágenes no habrá que volver a subirlas, ni cambiar los enlaces ni los nombres de los archivos.
8. Crear el archivo principal de la página que está dentro de "miweb" y fuera de las anteriores carpetas. Dicho archivo principal, index.html debe contener el siguiente código en el body.

<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>

9. Ahora automáticamente el archivo principal index.html detectará la configuración del monitor del cliente y se cargará la versión correspondiente en función de la resolución detectada.

saludos,

[Franco]

Un millon de gracias amigo ingnavas, por darte el tiempo de explicarme como hacerlo...

Si supieces lo mucho que me servira tu informacion, imagino que a muchos tambien le servira, saludos amigo.

Dios te vendiga.