Array

¿Cuál debería ser el ancho de su página web??

-

Designer using laptop at office desk

Lo primero que la mayoría de los diseñadores consideran al construir su página web es para qué resolución diseñar. Lo que esto realmente significa es decidir qué tan amplio debería ser su diseño. Ya no existe el ancho estándar del sitio web.

¿Por qué considerar la resolución

?

En 1995, los monitores estándar de 640 píxeles por 480 píxeles fueron los mejores y más grandes monitores disponibles. Esto significaba que los diseñadores web se centraron en hacer páginas que se veían bien en los navegadores web maximizados en un monitor de 12 a 14 pulgadas a esa resolución.

Video destacado

En estos días, la resolución de 640 por 480 representa menos del 1 por ciento del tráfico de la mayoría de los sitios web. Las personas usan computadoras con resoluciones mucho más altas que incluyen 1366 por 768, 1600 por 900 y 5120 por 2880. En muchos casos, el diseño de una pantalla de resolución de 1366 por 768 funciona.

Todya, la mayoría de las personas tienen monitores grandes y de pantalla ancha y no maximizan la ventana de su navegador. Entonces, si decide diseñar una página que no tenga más de 1366 píxeles de ancho, su página probablemente se verá bien en la mayoría de las ventanas del navegador, incluso en monitores grandes con resoluciones más altas.

Ancho del navegador

Un problema que a menudo se pasa por alto al decidir el ancho de una página web es qué tan grandes son sus clientes que mantienen sus navegadores. Específicamente, ¿matizan sus navegadores a un tamaño de pantalla completa o los mantienen más pequeños que la pantalla completa??

Después de dar cuenta de los clientes que maximizan o no & amp; apos; t, piense en los bordes del navegador. Cada navegador web utiliza una barra de desplazamiento y bordes en los lados que reducen el espacio disponible de 800 a alrededor de 740 píxeles o menos en resoluciones de 800 por 600 y alrededor de 980 píxeles en ventanas maximizadas a resoluciones de 1024 por 768. Esto se llama navegador cromo y puede quitar del espacio utilizable para el diseño de su página.

Páginas de ancho fijo o líquido

El ancho numérico real no es lo único en lo que debe pensar al diseñar su sitio web y el ancho de los apostos. También debe decidir si usted y amp; apos; tendrán un ancho fijo o ancho líquido. En otras palabras, ¿va a establecer el ancho en un número específico (fijo) o en un porcentaje (líquido)??

Ancho fijo

Las páginas de ancho fijo son exactamente como suenan. El ancho se fija en un número específico y no cambia & amp; apos; t sin importar cuán grande o pequeño sea el navegador. Este enfoque puede ser bueno si necesita que su diseño se vea exactamente igual, sin importar cuán amplio o estrecho sea su lector y amplificador; los navegadores lo son, pero este método no tiene en cuenta a sus lectores. Las personas con navegadores más estrechos que su diseño tendrán que desplazarse horizontalmente, y las personas con navegadores anchos tendrán grandes cantidades de espacio vacío en la pantalla.

Para crear páginas de ancho fijo, use números de píxeles específicos para los anchos de las divisiones de su página.

Ancho líquido

Las páginas de ancho líquido (a veces llamadas páginas de ancho flexible ) varían en ancho dependiendo de qué tan ancha sea la ventana del navegador. Esta estrategia trae diseños que se centran más en los clientes. El problema con las páginas de ancho líquido es que pueden ser difíciles de leer. Si la longitud de escaneo de una línea de texto es superior a 10 a 12 palabras o inferior a 4 a 5 palabras, puede ser difícil de leer. Esto significa que los lectores con ventanas de navegador grandes o pequeñas tienen problemas.

Para crear páginas de ancho flexible, use porcentajes o ems para los anchos de las divisiones de su página. Familiarícese con la propiedad CSS max-width . Esta propiedad le permite establecer un ancho en porcentajes, pero luego limitarlo para que no sea tan grande como para que las personas puedan leerlo.

Consultas de medios CSS

La mejor solución en estos días es utilizar consultas de medios CSS y un diseño receptivo para crear una página que se ajuste al ancho del navegador que lo ve. Un diseño web receptivo utiliza el mismo contenido para crear una página web que funcione si la ve a 5120 píxeles de ancho o 320 píxeles de ancho. Las páginas de diferentes tamaños se ven diferentes, pero contienen el mismo contenido. Con la consulta de medios en CSS3, cada dispositivo receptor responde a la consulta con su tamaño, y la hoja de estilo se ajusta a ese tamaño en particular.

& amp; # x203A; Informática

Dejar respuesta

Please enter your comment!
Please enter your name here

FOLLOW US

spot_img

Related Stories