Cómo centrar horizontalmente páginas Web en Dreamweaver CS4

Centrar una página Web en Dreamweaver implica el uso de un div contenedor para contener la página, que tiene un ancho fijo asignado. Al establecer los márgenes izquierdo y derecho de igualdad, se crea un vacío igual a uno y otro lado del contenedor div, que se centra en la página. Como no conoce la anchura del navegador del visitante, no se puede establecer un valor fijo para los márgenes izquierdo y derecho, ya que los cambios de ancho necesarias en función de la anchura del navegador. Utilice la propiedad de auto-margen de Dreamweaver CS4 CSS para crear automáticamente los márgenes correctos y el centro de la página.

Instrucciones

1 Lanzar Dreamweaver CS4 y abrir una nueva página HTML.

2 Haga clic en "Insertar" en el menú principal a lo largo de la parte superior de la pantalla, a continuación, en "objetos de la presentación" y "Etiqueta Div." Esto le permite insertar un div HTML que contiene el contenido principal de la página. Tipo "página" para la identificación en el cuadro de diálogo que aparece.

3 Haga clic en el botón "Nueva regla CSS" en el campo ID en el cuadro de diálogo. El selector "#page" se introduce automáticamente para usted. Haga clic en el botón "OK" en la esquina superior derecha del cuadro de diálogo con el fin de comenzar a introducir las propiedades CSS para centrar la página.

4 Haga clic en "caja" en el menú "Categoría" en el lado izquierdo del cuadro de propiedades de CSS. Esto le permite modificar el tamaño y los márgenes de la "página" div. Tipo "960" en el cuadro "Ancho" y asegúrese de que "px" se selecciona en el menú desplegable de unidades. Esto establece el ancho de la página 960 píxeles.

5 Desactive la casilla "Lo mismo para todos" casilla de verificación en la zona "Margen", a continuación, seleccione "automático" de los menús desplegables para los márgenes derecho e izquierdo. Ajuste del margen izquierdo y derecho de "auto" proporciona una distancia igual a la márgenes izquierdo y derecho, que se calcula por el navegador para asegurarse de que la página está centrado. Haga clic en el botón "OK" para añadir los estilos a la página.

6 Haga clic en "Aceptar" para cerrar el cuadro de diálogo "Insertar etiqueta Div" y añadir el div a la página. Cambie a "Diseño" vista en Dreamweaver para ver que la página se centra automáticamente y listo para que usted añada contenido dentro de la "página" div.

Consejos y advertencias

• Una vez que esté satisfecho con su nueva página, convertirla en una plantilla para usar como base para futuras páginas.