Diginota
No hay Resultados
Ver todos Los Resultados
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News
No hay Resultados
Ver todos Los Resultados
Morning News
No hay Resultados
Ver todos Los Resultados
Home Tutoriales Varios

Optimización de la página web para todas las resoluciones

diginota by diginota
en Tutoriales Varios
TwitterFacebookpin

 

Actualmente casi todas las páginas están optimizadas únicamente para una resolución de 800 x 600 píxeles, y aunque la mayoría de equipos actualmente están configurados a dicha resolución, los monitores más antiguos no soportan más de 640 x 480 píxeles, y por el contrario, los equipos de última generación suelen tener configurado el monitor a 1024 x 768 píxeles, y pueden soportar hasta 1280 x 1024.

La optimización de una página únicamente a una resolución de 800 x 600 píxeles, puede llegar incluso a ser algo más que molesto para monitores de 640 x 480 píxeles, e incluso llegar a imposibilitar la navegación cuando se desactiva la opción de scroll de página en webs desarrolladas con frames.

Para solucionar este problema existe una posibilidad y aunque es un poco laboriosa, merece la pena ya que se consigue tener un sitio web optimizado para todas las resoluciones que se deseen.

Te puede Interesar..

Cómo recuperar fotos de la papelera en Mac

Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores

Para ello es muy importante una buena organización desde el principio. La estructura de las carpetas si es la adecuada como se explica a continuación, permitirá ahorrar mucho trabajo, ya que evitará tener que renombrar archivos, editar vínculos y repetir imágenes que aumentan innecesariamente el tamaño del sitio con la consiguiente pérdida de tiempo al subirlos.

Para ello se recomiendan los pasos siguientes:

  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 800×600 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 640×480 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 1024×768 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.
  9. <script language="JavaScript1.2"> /* Diferentes versiones según la resolución
     (Por Miguel Cruz,
    http://www.signo-net.com)
    */ //para resolucion 800×600 if (screen.width==800||screen.height==600) window.location.replace("es800600/index.html")
    // para resolucion 640×480 else if (screen.width==640||screen.height==480) window.location.replace("es640480/index.html") //para resolucion 1024×768 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>
  10.  

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.

Tags: optimizaciónpaginatodas
TweetSharePin

Relacionados ...

Cómo recuperar fotos de la papelera en Mac

Cómo recuperar fotos de la papelera en Mac

1 Jul
Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores 2

Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores

17 Jun
Como poner logos, frases o dibujos en ropas o camisetas con Photoshop

Como poner logos, frases o dibujos en ropas o camisetas con Photoshop

13 Jun
Descargar e instalar el iOS 16 en tu iPhone es extremadamente simple

Descargar e instalar el iOS 16 en tu iPhone es extremadamente simple

8 Jun
Descubre los mejores juegos y aplicaciones para entretenerte en tu iPhone 6

Descubre los mejores juegos y aplicaciones para entretenerte en tu iPhone

7 Jun

Heading: Mastering IT Certifications: Achieving Success through Training Courses and Exam Dumps

Unlocking Success: The Power of CompTIA Certifications

Headline: «Boost Your Career with IT Certifications and Practice Tests»

«Unlock Your Career Potential with CompTIA Certifications and Practice Test Questions»

AutoGPT: El siguiente paso para las inteligencias GPT

Las 5 mejores herramientas de parafrasear y sus muestras de resultados: ¿cuál elegir?

Regulación del juego en línea en Perú | Tragamonedas en línea seguras y justas

NORMATIVAS A IMPLEMENTAR POR PARTE DE LOS BANCOS CENTRALES A LAS CRIPTOMONEDAS

Descubre los mejores juegos y aplicaciones para entretenerte en tu iPhone

Heading: Mastering IT Certifications: Achieving Success through Training Courses and Exam Dumps

Unlocking Success: The Power of CompTIA Certifications

Publicidad

Follow me on Blogarama
Diginota.com

© 2022 DIGINOTA - All Rights Reserved by Diginota.

  • Contacto
  • Sobre Diginota
  • Politicas de Privacidad
  • Política de Cookies

No hay Resultados
Ver todos Los Resultados
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News

© 2022 DIGINOTA - All Rights Reserved by Diginota.