Dreamweaber ''DIV''

Utilización de etiquetas div

Puede crear diseños de página insertando manualmente etiquetas div y aplicando a éstas estilos de posición CSS.

Una etiqueta div es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades.

Nota: Dreamweaver trata todas las etiquetas div con posición absoluta como elementos PA (elementos con posición absoluta) aunque no haya creado dichas etiquetas div con la herramienta de dibujo de Div PA.

Inserción de etiquetas div

1. En la ventana de documento, situar el punto de inserción en el lugar donde deseas que aparezca la etiqueta div.

2.Sieguir uno de estos procedimientos:

• Seleccione Insertar > Objetos de diseño > Etiqueta Div.

• En la categoría Diseño de la barra Insertar, haga clic en el botón Insertar etiqueta Div

3. Definir cualquiera de las opciones siguientes:

Insertar

Permite seleccionar la ubicación de la etiqueta div (bien en el punto de inserción, antes o después de la etiqueta, o bien antes o después del comienzo de la etiqueta) y el nombre de la etiqueta si no es una etiqueta nueva.

Clase

Muestra el estilo de la clase aplicado actualmente a la etiqueta. Si ha adjuntado una hoja de estilos, las clases de la hoja de estilos aparecerán en la lista. Utilice este menú emergente para seguir uno de estos procedimientos:

• Seleccionar el estilo que desea aplicar a la etiqueta.

• Seleccionar Ninguno para quitar el estilo seleccionado actualmente.

• Seleccionar Adjuntar hoja de estilos para abrir el cuadro de diálogo en el que poder adjuntar una hoja de estilos externa.

ID de div

Permite modificar el nombre utilizado para identificar la etiqueta div. Si ha adjuntado una hoja de estilos, aparecerán en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya están en el documento.

Nota: Dreamweaver le avisa si introduce el mismo ID de otra etiqueta del documento.

Cuando se selecciona una etiqueta div, se puede ver y editar sus reglas en el panel Estilos CSS. Para añadir contenido a la etiqueta div también puede situar el punto de inserción dentro de la etiqueta div y, a continuación, añadir el contenido como lo haría en una página.