Dreamweaver utiliza etiquetas Div
1. Descripción general de las etiquetas Div
El elemento div (División) define un área dentro del documento. El elemento div incluye varios contenidos de página como texto, tablas, formularios, imágenes. complementos, etc. Incluso puede incluir elementos div dentro de elementos div.
Si desea que la etiqueta div muestre un efecto específico, o que muestre contenido HTML en una posición determinada, debe definir un estilo CSS para la etiqueta div.
El método para usar etiquetas div es:
contenido HTML div/div
Si usa etiquetas div solas sin agregar ningún estilo CSS, entonces su efecto será be Es lo mismo que usar la etiqueta p.
2. Insertar etiqueta div
1. Coloque el mouse en la ubicación donde desea insertar la etiqueta div, luego haga clic en el menú "Insertar", seleccione "Objeto de diseño". comando, y en la ventana emergente seleccione el elemento "Etiqueta Div" del submenú.
O seleccione el elemento "Diseño" en el panel "Insertar" y haga clic en el icono "Insertar etiqueta Div", como se muestra a continuación:
2. Cuadro de diálogo "Insertar etiqueta Div", como se muestra a continuación:
3. En el cuadro de diálogo "Insertar etiqueta Div", puede realizar las siguientes operaciones:
Insertar: en el punto de inserción - en el cursor Inserte la etiqueta div en la posición donde está colocada después de la etiqueta de apertura - inserte la etiqueta div después de la etiqueta del cuerpo antes de la etiqueta de cierre - inserte la etiqueta div delante de la etiqueta de cierre /body; .
Categoría: Selecciona una clase. Lea el tutorial de hoja de estilo CSS: selectores de clases.
ID: Selecciona un ID. Lea el tutorial de la hoja de estilo CSS: selectores de identificación.
Botón "Nueva regla CSS": haga clic en este botón para abrir el cuadro de diálogo "Nueva regla CSS". Lea cómo utilizar hojas de estilos CSS en Adobe Dreamweaver CS4.
Consejo: Utilice "Nueva regla CSS" para agregar la clase y el ID de la etiqueta div.
4. Después de configurar varios elementos en el cuadro de diálogo, o sin configurarlos, haga clic en el botón "Aceptar" para insertar la etiqueta div en el documento. Como se muestra en la siguiente figura:
5. Haga clic en el marco de la etiqueta div en la vista "Diseño" del documento y seleccione la etiqueta div, como se muestra en la siguiente figura:
6. Puede abrir el panel "Propiedades" de la etiqueta div, como se muestra a continuación:
ID de división: seleccione una ID. Lea el tutorial de la hoja de estilo CSS: selectores de identificación.
Categoría: Selecciona una clase. Lea el tutorial de hoja de estilo CSS: selectores de clases.
Botón "Panel CSS": En la ventana emergente, puedes crear nuevas reglas CSS o agregar hojas de estilo adicionales.
3. Ingrese el contenido dentro de la etiqueta div
Haga clic con el botón izquierdo del mouse dentro del marco de la etiqueta y coloque el cursor dentro del marco para ingresar el contenido.
4. Eliminar la etiqueta div
Seleccione la etiqueta div en la vista "Configuración" (2.5 tiene un método selectivo) y presione la tecla Eliminar para eliminarla.
5. Anidamiento de etiquetas div
Haga clic con el botón izquierdo del mouse y coloque el cursor dentro de la etiqueta div para continuar insertando etiquetas div.
6. Div+CSS
DIV+CSS es uno de los términos comúnmente utilizados en los estándares de sitios web para distinguirlo del método de posicionamiento de tablas en las páginas web HTML. En los estándares de diseño de sitios web XHTML, el método DIV+CSS se utiliza principalmente para posicionar el contenido web, en lugar del método de posicionamiento de tabla.