Cómo centrar Mi Página Web con Dreamweaver

Hacer una página web centrada permite crear contenido que se muestra en posición horizontal en el punto medio de la página, incluso si la ventana del navegador se amplía o se reduce. Además, el formato de su página de esta manera se asegura de que su trabajo está muy bien definido en el medio para que todos los elementos son visibles. El uso de la aplicación Dreamweaver de Adobe, puede utilizar las herramientas incluidas para crear hojas de reglas de estilo (CSS) de estilo en cascada que le permiten centrar su propia página web con éxito.

Instrucciones

1 Carga la aplicación de Dreamweaver, crear un archivo nuevo o abrir uno existente, y abra el panel "Estilos CSS" por la elección de esta opción en el menú "Ventana".

2 Crear un estilo de "cuerpo" haciendo clic en "Nueva regla CSS" y eligiendo "Tag". Introducir la palabra "cuerpo" en el campo de texto "etiqueta" y seleccione "Este documento solamente." El "cuerpo" controla la apariencia general de su página, y le permite establecer medidas que ayudan a centrar su página.

3 Seleccione "caja" en el cuadro de diálogo que aparece, introduzca un cero en el "relleno" y campos de texto "margen" y marque la casilla "Lo mismo para todas las cajas". Haga clic en "Aceptar" cuando haya terminado para que el código CSS inserta automáticamente en la página HTML.

4 Crear un estilo que controla la zona que contiene el contenido de su página web por la elección de un término, como "contenedor", que da nombre a esta regla. Repita el proceso en el paso 2, pero esta vez introducir la palabra de su elección en el campo de texto "etiqueta".

5 Establecer los estilos para la regla en el paso 4, haga clic en "caja" e introduciendo un número, como 780 píxeles, en el campo de texto "Ancho" para controlar el ancho de la página. Repita este proceso haciendo clic en la categoría de "posicionamiento" y entrar en el mismo valor en el campo "Ancho". Haga clic en "caja" de nuevo, y entrar en una medida para el "Margen" escribiendo ceros en el "Top" y los campos "fondo". Seleccione "Auto" de la "derecha" y los menús desplegables de "izquierda".

6 Guarde el archivo y seleccione "Vista previa en el navegador" en "Archivo" para ver su página centrado.

Consejos y advertencias

• Algunas versiones de Dreamweaver CS3, como por ejemplo, proporcionan plantillas de páginas Web ya hechos centrados de manera que no es necesario para crear el código CSS. Para acceder a ellas, haga clic en "Nuevo" en "Archivo", seleccione "HTML" o "plantilla HTML" en "Tipo de página" y seleccione un título con la palabra "centrada" en ella, en la sección "Diseño".