Qué es el "diseño de div" al crear un sitio, sus pros y sus contras

Hoy, Internet es parte de nuestra vida. Sus usuarios habituales apenas piensan en qué camino convertir en su sitio favorito antes de aparecer en los motores de búsqueda de la World Wide Web. El nacimiento del sitio comienza con la idea del diseñador: el artista y la persona involucrada en la creación del diseño principal. Una vez que se completa el dibujo del diseño, comienza un proceso igualmente importante: el diseño de la plantilla del sitio.

Una plantilla o un diseño aún no es un sitio listo, esalgún modelo creado por el diseñador, sobre la base del cual en el futuro se puede crear un sitio web completo. 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 básico, generalmente usa una plantilla HTML. HTML es el lenguaje estándar para el marcado de hipertexto (documentos) en Internet.

El diseño del sitio web es el proceso de formaciónSus páginas web se basan en la plantilla del diseñador. Este tipo de actividad es manejada por el diseñador del sitio web. La principal tarea del codificador es la creación de código HTML, lo que le permite publicar texto, imágenes y otros elementos de las páginas Web en ciertas áreas del documento y lo mostrará en la ventana de cualquier navegador web moderno desarrollado de acuerdo con el diseño del diseñador. Durante su tiempo codificador debe asegurarse siempre que imponen la misma parte de la disposición que se muestra correctamente en todos los navegadores. Varios años antes, HTML de codificación de un sitio basado en el uso de tablas. Con el tiempo, aparecen nuevos elementos (etiquetas) en el lenguaje HTML. Uno de esos elementos fue el div. Si en los últimos años div diseño fue el más preferido al crear páginas en el sitio, es ahora obligatorio. Actualmente, los sitios con mesas casi composición tipográfica. En cambio, el concepto de "diseño div" más a menudo se utiliza el término "capas de diseño" o "unidades de maquillaje."

Div Es una etiqueta con la que puede seleccionar una pieza separada de código HTML para la página. Esta etiqueta es un elemento de bloque.

La etiqueta div tiene dos parámetros principales:

• Alinear, 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 sobre herramientas a su contenido.

Layout div: principales ventajas:

• 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 posterior carga de páginas en el navegador del usuario;
• facilidad de trabajo con estilos (CSS), asignación de estilo a elementos usando id.

Layout div: principales desventajas:

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

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

¿Por qué la mayoría de los profesionales actualmente están dejando de usar tablas de diseño?

En caso de aplicación de un diseño de tabla de un sitio,el código resulta ser enorme, lo que hace que sea más difícil para los futuros programadores trabajar en él. Para encontrar el error cometido en este código HTML, se requerirá una cantidad relativamente grande de tiempo. El diseño tabular crea una carga adicional en el servidor web, lo que ralentiza su trabajo, lo que significa, ralentizar el proceso de emisión de información por el navegador. Como resultado, la página se carga durante un tiempo prolongado.

El diseño del sitio web es una etapa importante del mismocreación, sin él, ni uno, ni siquiera el recurso de Internet más simple. Una vez que se completa el trabajo del diseño, el diseño de la maqueta se envía a los programadores web, proporcionando su integración en el alojamiento y la implementación en el sistema CMS, en el que estará durante su existencia.