Tecnología

Inicio

Cómo Licuar páginas en una página Web Diseño para que se muestren correctamente

Cómo Licuar páginas en una página Web Diseño para que se muestren correctamente


Una página web con un "diseño líquido" conserva su formato y la organización en cualquier navegador, independientemente del tamaño del monitor y la resolución. Se extiende y se contrae para ajustarse a la ventana del navegador, y los elementos de formato de página, tales como columnas y encabezados, conservan sus proporciones entre sí de manera que el sitio aparece como que tenía planeado. Hojas de estilo en cascada (CSS) trabajan con su existente HyperText Markup Language (HTML) para crear este efecto. Licuar las páginas web de su elección de manera que sean más fáciles de usar, y se muestran correctamente.

Instrucciones

1 Abra la aplicación editor de texto de su ordenador y lanzar un nuevo documento.

2 Tipo "cuerpo", siga esto con apertura y cierre de llaves y entrar en "width:;" entre. Para ilustrar:

ancho del cuerpo: ; }

La regla CSS cuerpo controla el aspecto general de la página Web.

3 Introduzca "100%" después de la entrada de ancho para especificar que desea que la página para minimizar o ampliar a cualquier tamaño de monitor, mientras se mantiene el diseño de su página intacta. Escriba el código de la siguiente manera:

body {width: 100%; }

4 Guarde el archivo con un "CSS" final (extensión) y coloque el documento de su servidor Web en el mismo directorio donde se almacenan los demás páginas del sitio web. Registrar la ubicación de la dirección URL, como "http://www.yoursite.com/style.css," vincular adecuadamente este documento en la siguiente etapa.

5 Lanzamiento de su documento de página Web y posicionar el cursor entre los "<head> </ head>" etiquetas en la parte superior del código. Enlace su archivo CSS para aplicar el estilo escribiendo lo siguiente:

<Head> <link rel = "stylesheet" type = "text / css" href = "http://www.yoursite.com/style.css" /> </ head>

6 Continuar para enlazar su archivo CSS a cualquier página web que desea aplicar el formato a y guardar sus documentos. Sube tus archivos a su servidor web para que sus páginas muestran el estilo licuado.