En algunas páginas web que has diseñado, de seguro has querido especificar que cierta sección del documento tenga ciertas características sin que estas impacten al resto del documento. Haciendo uso de la etiqueta Div podemos definir partes de nuestra página que contengan el mismo estilo por ejemplo. El cómo funciona será nuestro tema del día de hoy.
Dreamweaver permite crear Div PA y colocarlas en la página fácilmente. También puede crear Div PA anidadas.
Al insertar una Div PA, Dreamweaver muestra el contorno de la Div PA en la vista Diseño de forma predeterminada y resalta el bloque al desplazar el puntero sobre él. Puede activar los bordes de la Div PA (o de cualquier elemento PA) desactivando Contornos de elementos PA y Contornos de diseño CSS en el menú Ver > Ayudas visuales. También puede activar los fondos y el modelo de cuadro para los elementos PA como ayuda visual durante el diseño.
Después de crear una Div PA, puede añadirle contenido situando el punto de inserción en la Div PA; a continuación, añada contenido cómo lo haría en una página.
Dibujo de una Div PA o de varias Div PA consecutivamente
1. En la categoría Diseño del panel Insertar, haga clic en el botón Dibujar Div PA .
2. En la vista de diseño de la ventana de documento, siga uno de estos procedimientos:
- Arrastre para crear una sola Div PA.
- Arrastre el ratón mientras presiona la tecla Control para dibujar varias Div PA consecutivamente.
Podrá continuar dibujando nuevas Div PA mientras no suelte la tecla Control.
Inserción de una Div PA en un lugar concreto del documento
Sitúe el punto de inserción en la ventana de documento y seleccione Insertar > Objetos de diseño > Div PA.
Nota: Mediante este procedimiento, la etiqueta de la Div PA se inserta en el lugar seleccionado de la ventana de documento. La representación visual de la Div PA puede, por tanto, afectar a otros elementos de la página (por ejemplo, al texto).
Colocación del punto de inserción en una Div PA
Haga clic en cualquier lugar dentro de los bordes de la Div PA.
Se resaltarán los bordes de la Div PA y aparecerá el manejador de selección, pero la Div PA propiamente dicha no quedará seleccionada.
Visualización de los bordes de Div PA
Seleccione Ver > Ayudas visuales y, a continuación, elija Contornos de Div PA o Contornos de diseño CSS.
Nota: Si se seleccionan ambas opciones a la vez, se consigue el mismo efecto.
Ocultación de los bordes de Div PA
Seleccione Ver > Ayudas visuales y, a continuación, anule la selección de Contornos de Div PA y Contornos de diseño CSS.
Fuente:
Adobe, en http://www.help.adobe.com/es-Es, el 30/03/2012
0 Comentarios