¿Qué es "layout de div" al crear un sitio, sus pros y sus contras

Hoy en día Internet es parte de nuestra vida. Sus usuarios ordinarios apenas piensan en qué camino de convertirse en su sitio favorito antes de que apareciera en los motores de búsqueda de la World Wide Web. El nacimiento del sitio comienza con la idea de un diseñador – un artista y una persona dedicada a crear el diseño principal. Una vez finalizado el dibujo del trazado, comienza un proceso igualmente importante: el diseño de la plantilla del sitio.

Una plantilla o un diseño no es todavía un sitio listo, es un modelo creado por el diseñador, sobre la base de lo cual en el futuro un sitio web completo puede ser creado. Desde una perspectiva de programación, una plantilla es un conjunto de reglas específicas para mostrar información. Para crear el sitio estático más simple, normalmente se utiliza la plantilla HTML. HTML es el lenguaje estándar para el marcado de hipertexto (documentos) en Internet.

Diseño de la disposición del sitio es el proceso de la formación de sus páginas web de acuerdo con la plantilla hecha por el diseñador. Este tipo de actividad es manejada por el diseñador del sitio web. La tarea principal del diseño es crear código HTML que le permita colocar texto, imágenes y otros elementos de la página web en ciertos lugares del documento y mostrarlos en la ventana de cualquier navegador de Internet moderno de acuerdo con el modelo desarrollado por el diseñador. Durante su trabajo, el diseñador de diseño debe asegurarse constantemente de que la parte del diseño que ha copiado se muestra igualmente correctamente en todos los navegadores. Unos años antes, el diseño HTML del sitio se basaba en el uso de tablas. Con el tiempo, aparecen nuevos elementos (etiquetas) en el lenguaje HTML. Uno de estos elementos fue la div. Si durante los últimos años el diseño de la div fue el más preferible al crear las páginas del sitio, hoy es obligatorio. En la actualidad, con la ayuda de tablas, los sitios están prácticamente sin registro. En lugar de la noción de "layout div", el término más comúnmente utilizado es "layout by layers" o "layout by blocks".

Div Es una etiqueta que se puede utilizar para extraer un fragmento separado del código HTML de la página. Esta etiqueta es un elemento de bloque.

La etiqueta div tiene dos parámetros principales:

Alinear, lo que permite alinear su contenido (a la izquierda, el borde derecho de la página, el centro o el ancho);
Título, que agrega una información de herramientas a su contenido.

Distribución div: ventajas principales:

Pequeño código de marcado en comparación con el diseño de la tabla;
La posibilidad de crear un diseño de página "de goma";
Rápido en la carga posterior de páginas en el navegador del usuario;
Más fácil de trabajar con estilos (CSS), asignación de estilo a los elementos utilizando id.

Layout div: principales desventajas:

La imposibilidad de mostrar correctamente la página en algunos navegadores obsoletos (IE6);
La complejidad de colocar bloques y administrarlos.

Dependiendo del proyecto, se permite una combinación de diseño de bloques y tablas.

¿Por qué la mayoría de los profesionales se alejan actualmente de usar tablas de diseño?

En el caso de utilizar la disposición de la tabla del sitio, su código resulta ser enorme, que hace difícil para el trabajo adicional en él por los programadores. Para encontrar el error realizado en este código HTML, se requerirá un tiempo relativamente grande. El diseño tabular crea una carga adicional en el servidor web, lo que ralentiza su trabajo, y por lo tanto ralentiza el proceso de emisión de información por el navegador. Como resultado, se carga la página durante mucho tiempo.

La disposición del Web site es una etapa importante de su creación, sin él, no uno, uniforme el recurso más simple, de Internet. Una vez finalizado el trabajo de maquetación, la maqueta se envía a los programadores web, proporcionando su integración en el hosting y la implementación en el sistema CMS, en el que será durante su existencia.