Tecnología

Inicio

Cómo asegurarse de una página Web se centra en una pantalla

March 3

Centrando su página Web en la pantalla da a su sitio un aspecto más profesional y crea una mejor impresión en sus visitantes. La mayoría de los sitios web tienen una página centrada con una frontera distinta y márgenes en los cuatro lados; el contenido se visualiza dentro de las tablas. Esta estructura hace que un sitio web más navegable y fácil de leer. Si usted quiere que su página web que se centra en todos los navegadores, tendrá que utilizar las hojas de estilo en cascada o CSS, para simplificar esta tarea.

Instrucciones

1 Abra la página Web que desea centrar el Bloc de notas o cualquier editor de texto.

2 Escriba el siguiente código en el documento, introduciéndolo entre la etiqueta de apertura <head> y la etiqueta de cierre </ head>:

<Style type = text / css>

centrada {

Anchura: 800px;

margin: 0 auto;

}

</ Style>

3 Baje hasta el cuerpo del documento y crear un contenedor "div" al principio de su contenido; este div debe contener un parámetro "ID" con un valor de "centrada", como se muestra en el siguiente ejemplo:

<Div id = "centrada">

4 Al final de los contenidos, cerca de la parte inferior del documento HTML y antes de la etiqueta de cierre </ body>, insertar una etiqueta de cierre "div" como sigue:

</ Div>

5 Guarde el documento HTML editado. Ver el documento en su navegador para verificar que la página web se centra ahora en la pantalla.

Consejos y advertencias

  • El contenedor div describe en el paso 3 es de 800 píxeles de ancho. Puede aumentar o disminuir este como desee, pero tenga en cuenta que 800 píxeles funciona bien en las pantallas de baja resolución. Esta configuración es, por tanto, compatible con la mayoría de los monitores. Otra opción muy utilizada por los diseñadores Web es un ancho de 1024 píxeles.