Fluidos, diseño web fija y elástica, explicado

Cuando el uso de CSS con el estilo de un sitio web, hay tres tipos de diseño principales disponibles para los diseñadores web. Este tutorial está pensado para el brazo con la información que necesita saber para ayudar a tomar una decisión más informada al elegir la forma de diseñar sus proyectos web.

Las opciones de

Los tres estilos principales de diseño para determinar la anchura de los sitios web -. Líquido, fija y elástica Todos tienen sus propios méritos. También hay inconvenientes con estos patrones de diseño, por lo que es importante conocer la mejor situación en la que a cada tipo de diseño.

Diseño fluido

También se conoce como un diseño líquido, el atractivo popular de este estilo de diseño es el uso completo de espacio en pantalla para que pueda obtener una gran cantidad de contenido en su página web. El diseño líquido permite a los diseñadores no se especifica un ancho de envoltura. En cambio, el contenido de su sitio web está determinada por el ancho de visualización del navegador del usuario, lo que significa que usted no tiene que preocuparse por el tamaño mínimo y el máximo de información. Sitios web que utilizan un esquema de trazado de líquidos incluyen Amazon y juego .

El diseño de líquido puede causar problemas para los navegadores como Internet Explorer, que no es compatible con las propiedades que desee utilizar para establecer el ancho máximo de contenido. Esto, unido al hecho de que llenar las páginas web de contenido puede ser malo desde la perspectiva de la usabilidad a menudo pone a las personas fuera de la adopción del formato de presentación.

Layout fijo

Como el nombre sugiere diseños fijos detener el navegador de tener la libertad de formato de texto como mejor le parezca, esta es una de las técnicas más populares en la web, con sitios como facebook y la BBC de aplicar el diseño. Esto básicamente significa que el ancho de su contenido se encuentra y se queda fijo sin importar qué, Esto se logra usando algo llamado una envoltura o envase, que contiene todo el contenido en su interior. El diseño de ancho fijo se puede ajustar a la izquierda, centro o derecha de la página uno, con mucha facilidad.

La verdadera ventaja de trabajar con un diseño de ancho fijo es que se pueden definir las imágenes y el diseño en torno a la consideración de que el ancho será siempre el mismo. Este es un real positivo si quieres una imagen de la bandera, por ejemplo, que debe ser 900px, usted no tendrá problemas al cambiar el tamaño, los problemas que se encontraría con un diseño fluido.

La desventaja de un diseño fijo sin embargo, es el espacio muerto que le quedan en su diseño no ocupa toda la página. Un diseño de ancho fijo también puede obligar a los diseñadores de establecer prioridades. Como un sitio de contenido crece y compite por la primera posición, que aún debe caber dentro de un ancho específico.

Diseño elástico

El estilo de diseño final que se conoce como elasticidad. Confunde a menudo con diseños fluidos, diseños elásticos permiten que un sitio web para adaptarse proporcionalmente la pantalla se ve en. Esto se puede lograr usando ems o%. Cuando un usuario expande el tamaño del texto de su navegador de Internet que el resto de la página web se ampliará también porque las mediciones se basan en variables en lugar de establecer los tamaños. Hotmail ha desarrollado recientemente su sitio el uso de un diseño elástico. Si nos fijamos en el tamaño de las fuentes, te darás cuenta de que se establecen en porcentajes de aprovechar al máximo la configuración de los usuarios.

De los tres estilos de diseño este es el menos popular debido a que es el menos beneficioso para la experiencia de los usuarios. Su naturaleza variable puede hacer que sea un problema para una experiencia de usuario. Combinado con la falta de soporte de los navegadores en plataformas como Internet Explorer 6, esto hace que el diseño impopular entre los diseñadores que desean mantenerse al margen de los problemas con el navegador de incompatibilidad.

Resumen

Hay fortalezas y debilidades de todos los patrones de diseño que he mencionado. Al sopesar los pros y los contras que puede tomar una decisión antes de embarcarse en su proyecto web siguiente. Usted sabrá los problemas y las soluciones a los problemas antes de que las encuentre.