Cómo hacer un diseño de Div utilizando Dreamweaver CS5

Adobe Dreamweaver CS5 proporciona varias herramientas que le permiten crear páginas web con mayor facilidad, como cuando desea un diseño de página de varias columnas para texto, imágenes y tablas. La interfaz de Dreamweaver le permite insertar elementos absolutamente posicionados, o AP, que le permiten personalizar el tamaño y la posición de su diseño Div.

1.

Abra la página web en Dreamweaver CS5.

2.

Haga clic en la pestaña "Diseño". Haga clic en el botón "Dibujar AP Div"; el cursor cambia a una cruz. Haga clic y mantenga presionado el botón del mouse y arrastre el documento para dibujar un rectángulo que represente su Div. Suelte el botón del ratón para completar el rectángulo.

3.

Haga clic dentro de la Div que creó para escribir su contenido. Dreamweaver genera un estilo CSS para la Div en el formato "apDiv1":

4.

Haga clic en los controladores de la Div AP y arrástrelos si desea cambiar el tamaño. Haga clic en la esquina superior izquierda para mover la Div a una ubicación de página diferente. El código CSS se actualiza automáticamente para reflejar sus cambios. También puede cambiar el código CSS manualmente para modificar el estilo.

Recomendado