La mayoría de los fondos del blanco de la característica de los Web site. O se sientan en una marina de guerra o un fondo gris -- pero la mayor parte de la pantalla sigue siendo blanco, como una página del sistema del papel contra el fondo más oscuro. De vez en cuando, puede ser que funciones a través de colores más interesantes - los rojos y los purples y los verdes y aherrumbrar - a menudo pareciendo más llamativo que profesional.

Pero cada ahora y entonces, hay un Web site con una foto o un dibujo o un fondo del patrón. Esta clase particular demostrará te no apenas cómo poner un fondo en tu Web site, pero a cinco señales listas a la especia encima del fondo sin el recurso al gaudiness.

El código básico del HTML para poner un fondo en tu Web page es muy simple:

Poner un fondo en una tabla, quizás fijó contra un fondo de la página del color sólido, aquí es el código básico del HTML:

El archivo de la imagen llamado image.jpg ahora se convierte en tu fondo. Una imagen típica demostraría para arriba “embaldosado”. Es decir se repite horizontalmente y llenar verticalmente la pantalla. Esto no parece generalmente muy profesional, tan aquí es cinco trucos para limpiarla para arriba y para condimentarla para arriba.

1. Utilizar los gráficos de la “tira”. Los gráficos de la tira son las imágenes simplemente muy largas que estiran a través de la pantalla. Cuando repiten, repiten uno debajo del otro. Para ver esto en la acción, ver mi página en http://www.thehappyguy.com/SEO.html. La tira amarilla a lo largo de los parecer de derecho ella es parte de la imagen superior de la bandera. Pero es 650 por la imagen de 20 tiras, sobre todo blanco, con un tacto del amarillo a lo largo del lado izquierdo. Esto trabaja bien con los patrones que varían solamente de izquierda a derecha

2. Llevar a cabo el fondo en lugar. Cuando las volutas de un visitante abajo, el texto ruedan sobre la imagen. Utilicé este truco en mi Web site personal: http://www.leonhardtonline.com (perdonar por favor el lío - nunca me parezco encontrar la época de limpiarlo para arriba.) el código del HTML para hacer esto es:

Esto trabaja para los patrones, pero trabaja lo más mejor posible para las fotos o los dibujos, tales como una imagen descolorada de tu insignia de la compañía o un tiro descolorado del paisaje o una foto descolorada de obrar recíprocamente de la gente. (Recordar que el fondo no debe estar parado hacia fuera a expensas del texto y de las imágenes del primero plano, que es porqué deseas imágenes descoloradas.)

3. Otro gran truco del fondo es poner un cuadro más pequeño en el fondo, tal como tu insignia de la compañía o cierta otra imagen que no deseas tomar la pantalla entera. Esto trabaja lo más mejor posible contra un fondo blanco. Aquí está el código del HTML:

Si quisieras que la imagen demostrara para arriba apenas en una tabla:

Utilicé esta función en apenas una célula de una tabla insertándola en mi etiqueta para mi menú de la navegación en http://www.vitamin-supplements-store.net. El aviso cómo la botella descolorada está en el fondo detrás de la navegación se liga, solamente él no repite abajo de la página.

4. Puedes controlar más lejos la posición de la imagen de fondo. Considerar el código siguiente:

Ahora tenemos un fondo que llene la esquina derecha superior de la página. Dependiendo cómo es grande es, puede ser que cubra la mayor parte de la pantalla o apenas la esquina.

5. Otra manera de utilizar imágenes de fondo está como botones de la navegación. Mientras que los motores de búsqueda pueden seguir fácilmente acoplamientos de la imagen, no llevan la misma importancia que acoplamientos palabra-ricos del texto. Una imagen del botón del fondo puede hacer que un texto liga parecer un botón. Cada acoplamiento de la navegación tendría que ser puesto dentro de su propia tabla o la célula, entonces aplica el código usado en el ejemplo anterior.

Utilizadas correctamente, las imágenes de fondo pueden realzar grandemente la súplica de tu Web site. Si estás buscando una manera de condimentar encima de tu Web site, estos cuatro trucos pueden ayudar.

Article Source: http://www.articleset.com