Tecnología

Inicio

Cómo crear una página Web Líquido

Cómo crear una página Web Líquido


De forma predeterminada, la página Web aparece en un diseño fijo, lo que significa que se mantiene la misma anchura, incluso si el visitante cambia el tamaño de la ventana de su navegador. Afortunadamente, usted tiene la opción de implementar un diseño líquido mediante hojas de estilo en cascada (CSS). CSS le permite especificar el ancho de página en un porcentaje, por lo que la página se mueve con el navegador, ya que se minimiza y maximiza. Utilice el editor de texto en el ordenador para aplicar la regla de estilo CSS que crea una página web de líquido.

Instrucciones

1 Inicie la aplicación de editor de texto y abrir un documento web.

2 Introduzca el siguiente código CSS entre el "<head> </ head>" elementos de su página:

<Head>

<Style type = "text / css">

</ Style>

</ Head>

3 Tipo de "cuerpo" entre las etiquetas de estilo y siga esto con un par de llaves para crear la regla de estilo que controla toda la página web. Introduzca su regla de este modo:

<Style type = "text / css">

cuerpo { }

</ Style>

4 Introduzca "width: 100%;" dentro de los corchetes. Este valor permite a su página para reducir con éxito o ampliar con el navegador.

5 Guarde el archivo. Su regla completa de estilos CSS ahora se ve de la siguiente manera:

<Head>

<Style type = "text / css">

body {width: 100%; }

</ Style>

</ Head>