Está en la página 1de 2

Qu es una Div PA?

Lo primero que debes saber acerca de una Div PA es que el


trmino se aplica especficamente a Adobe Dreamweaver. El
concepto, sin embargo, se refiere a un componente universal
de codificacin HTML y es una parte integral de la estructura de la mayora de los diseos
web. PA, o el posicionamiento absoluto, se refiere a un mtodo de diseo de HTML que
permite el mayor control sobre los elementos que aparecen en una pgina,
independientemente del navegador utilizado para abrir el sitio.

Identificacin

Una manera fcil de entender un PA Div. es mirar sus partes componentes. La parte de PA
es una tcnica de posicionamiento que cambia la forma de cargar los elementos HTML en
una pgina web Dreamweaver. En lugar de cargar de una manera de arriba hacia abajo
con cada elemento HTML posicionndose relativamente en s respecto a otros elementos,
el elemento designado o elementos se cargan en un punto especfico en la pgina. La
porcin div es un contenedor de nivel de bloque, que a menudo contiene elementos tales
como banners, imgenes y texto. Funciona similar a una etiqueta de prrafo en que su
etiqueta de inicio - <div> - siempre empieza una nueva lnea y el bloque de cdigo dentro
de las etiquetas div Dreamweaver funciona como una unidad independiente.

Estructura

Mientras que el contenido de un Div. PA variar dependiendo del elemento y su posicin


en la pgina, la estructura de un Div. PA es siempre la misma. La etiqueta de inicio incluye
el identificador # paDiv, seguido de un nmero que aumenta consecutivamente con cada
Div. PA que creas y una llave de apertura. Si tienes dos divs PA en una pgina, el primero
aparecer como # paDiv1 y el segundo como # paDiv2. Cada uno cierra con una llave de
cierre nico. Introduce el cdigo personalizado entre la llave de inicio y cierre: # apDiv1

Proceso

Utiliza el editor de cdigo de Dreamweaver y crea la estructura exterior de forma manual


o utiliza un mtodo "puntea y presiona". Desde el men Archivo Dreamweaver, haz clic en
Insertar, Objetos de diseo, Div PA. Luego selecciona Estilos CSS, Todas las reglas desde el
panel de la parte derecha de la ventana de Dreamweaver. Elige el elemento, por ejemplo
un logo, banner o contenido que deseas incluir seleccionndolo en la seccin <style>. Si,
por ejemplo, se selecciona # contenido, la seccin de estilo ampla an ms con opciones
de formato, tales como, tipo de letra, tamao y el color. Dale formato al texto y seleccione
Box, Relleno del panel Estilos CSS. Pad, o establece dentro de los mrgenes - como 10px
cada uno - para la parte superior, derecha, inferior e izquierda de la Div. AP. Como ltimo
paso, establece mrgenes fuera de la parte superior, derecha, inferior e izquierda de la Div
PA para separarlo de otros elementos de la pgina. Guarda tu trabajo y ve la pgina en la
vista Diseo para ver cmo el elemento siempre carga en la misma ubicacin en la pgina.

Propsito

Un Div PA Dreamweaver puede servir para varios propsitos especficos y tiles. Tambin
puedes definir una propiedad llamada recorte que permita que los elementos se
superpongan cada uno o establezcan opciones de visibilidad que les permitan ocultar o
mostrar elementos de acuerdo a la actividad del usuario.

También podría gustarte