Creació DIV (dreamweaver)

Inserción de etiquetas div

Puede utilizar etiquetas div para crear bloques de diseño CSS y colocarlos en el documento. Esto resulta útil si ha adjuntado al documento una hoja de estilos CSS con estilos de posición. Dreamweaver le permite insertar rápidamente una etiqueta div y aplicar a ésta estilos existentes.

1. En la ventana de documento, sitúe el punto de inserción en el lugar donde desea que aparezca la etiqueta div.
2. Siga uno de estos procedimientos:
   • Seleccione Insertar > Objetos de diseño > Etiqueta Div.
   • En la categoría Diseño del panel Insertar, haga clic en el botón Insertar etiqueta Div .
3. Defina cualquiera de las opciones siguientes:

   Insertar

    

   Permite seleccionar la ubicación de la etiqueta div 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 seleccionar el estilo que desea aplicar a la etiqueta.

   ID

    

   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.

   Nueva regla CSS

    

   Abre el cuadro de diálogo Nueva regla CSS.

4. Haga clic en Aceptar.
   La etiqueta div tendrá el aspecto de un cuadro en el documento con texto de marcador de posición. Al desplazar el puntero sobre el borde del cuadro, Dreamweaver lo resaltará.
   Si la etiqueta div se sitúa con una posición absoluta, se convierte en un elemento PA. (Puede editar las etiquetas div que no tengan una posición absoluta.)