Cómo construir Antecedentes Doble 2.0 Presentaciones

Los sitios Web 2.0 permiten a los usuarios interactuar con el contenido y con otros usuarios en contraposición a las páginas web de generaciones anteriores que se limitan a la visualización pasiva. No importa qué idioma se utiliza para construir sitios Web 2.0, Cascading Style Sheets (CSS) se pueden utilizar para separar la capa de presentación (gráfica) de código subyacente de un sitio. El uso de CSS, puede crear un doble fondo (igual en los lados derecho e izquierdo de la página) que se repite por toda la longitud de una página web y reducir al mínimo el tiempo de carga. El objetivo es tener un doble fondo rinda perfectamente plataformas de ancho y navegadores.

Instrucciones

1 Código del gráfico de repetir en el elemento de cuerpo del sitio usando HTML para asegurar que permanece en la parte posterior y se extiende en toda la longitud de la página. Las cinco líneas de código es el siguiente:

body {background: url #fff (background.jpg) repeat-y parte superior central; margen: 0px; padding: 0px;}

2 Código seis líneas más que definen una segunda división que contiene el resto del sitio. Definir la altura #background div igual a la altura de la imagen. Código de la muestra usando #background como la identificación es:

fondo {background: url (fondo-top.jpg) no-repeat parte superior central; altura: 395px; width: 100%; display: table;}

3 Probar el código a través de navegadores para asegurarse de que las barras de desplazamiento no se insertan entre las repeticiones.

4 Para su gráfica, seleccione una imagen web utilizando la dirección URL como se ilustra en los pasos uno y dos, ya sea una imagen local o. Lo que hace que este trabajo es el ancho es de 100 por ciento y la pantalla: propiedad de tabla. Debido a que el div se muestra como una tabla, su altura se escala hasta que de los contenidos en su interior.

Consejos y advertencias

• En Internet Explorer, este código funciona en v6 o superior.