Cómo hacer que un sitio web se ajuste a una ventana de visualización

Escrito por brandy alexander | Traducido por manuel lama paniagua
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer que un sitio web se ajuste a una ventana de visualización
Si el diseño de tu página es demasiado pequeño, una gran cantidad de espacio en blanco rodea tu contenido, pero si haces esto demasiado grande, los navegantes tienen que desplazarse para ver toda la página. (Christopher Robbins/Photodisc/Getty Images)

No todo el mundo tiene el mismo tamaño de monitor de computadora, por lo que a la hora de diseñar sitios web necesitas obtener la "resolución", o el número de píxeles que se necesitan para medir verticalmente u horizontalmente una pantalla, en consideración. Si el diseño de tu página es demasiado pequeño, una gran cantidad de espacio en blanco rodea tu contenido, pero si haces esto demasiado grande, los navegantes tienen que desplazarse para ver toda la página. Afortunadamente, puedes crear un entorno en el código de Lenguaje de Marcado de Hipertexto (HTML) o en las Hojas de Estilos en Cascada (CSS) que hacen que tu página web se ajuste bien en todas las ventanas de visualización.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Editor de texto HTML.
  • Editor de imágenes

Lista completaMinimizar

Instrucciones

  1. 1

    Lanza tu editor de texto HTML y abre tu página web.

  2. 2

    Localiza la regla de estilo CSS, si es el caso, que controle el diseño de tu página de contenido y define el tamaño del ancho al 100 por ciento escribiendo "width: 100%;" dentro de la regla. El CSS puede estar por encima del código HTML entre las etiquetas "head </ head>", o puede estar vinculado como un archivo independiente. Alternativamente, si utilizas tablas para controlar el diseño de la página, ve a la principal etiqueta "<table>" e introduce el ancho de la siguiente manera: <table width="100%">

  3. 3

    Asegúrate de que el tamaño de las imágenes digitales en tu página no pase por encima de una resolución de 800 x 600. Abre el gráfico(s) en un editor de imágenes libre o aplicación de gráficos y reduce las dimensiones, si es necesario, mediante la selección y el uso de una característica "modificar" o "tamaño de imagen" para hacer esto más pequeño. Según la página de estadísticas de pantalla de navegador, W3Schools.com, la mayoría de la gente utiliza un tamaño de pantalla de 1024 x 768 píxeles de manera que hacer las imágenes más pequeñas que este tamaño ayuda a asegurarte de que la página se ajusta en una ventana de visualización.

  4. 4

    Guarda el archivo y observa tu página en otra computadora con un monitor más pequeño o más grande para ver cómo se ve el sitio web. Alternativamente, puedes abrir simplemente tu página web en un navegador web y arrastra la esquina inferior derecha en diagonal para producir un tamaño de pantalla diferente.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles