Que es un elemento Div
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.
 |
Inserción de etiquetas div
Puede utilizar
etiquetas div para crear bloques de diseño CSS y colocarlos en
el documento
1. En la ventana de documento, sitúe el
punto de inserción en el lugar donde desea que aparezca la etiqueta div.
- 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.
- 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
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.
Cambio del color de resaltado de las
etiquetas div
Cuando se desplaza
el puntero por encima del borde de una etiqueta div en la vista
Diseño, Dreamweaver resalta los bordes de la etiqueta. Si es necesario, puede
activar o desactivar el resaltado o modificar el color en el cuadro de diálogo
Preferencias.
- Seleccione Edición > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).
- Seleccione Resaltando en la lista de categorías de la izquierda.
- Lleve a cabo uno de los cambios siguientes y haga clic en Aceptar:
Para cambiar el
color de resaltado de las etiquetas div, haga clic en el
cuadro Color al pasar el ratón por encima y seleccione un color de resaltado
con el selector de color (o bien escriba el valor hexadecimal del color de
resaltado en el cuadro de texto).
Para activar o
desactivar el resaltado de las etiquetas div, active o desactive
la selección de la casilla Mostrar correspondiente a Ratón por encima.
VIDEO
Bibliógrafia:
No hay comentarios:
Publicar un comentario