Cómo agregar un fondo de imagen transparente a un sitio Web

Adición de una imagen de fondo a un sitio web añade una gran cantidad de actividad visual que mantendrá a sus visitantes interesados ​​en su sitio y hacer que se queden más tiempo. Usted puede hacer un montón de cosas interesantes con una imagen de fondo que no se puede hacer con una imagen regular, como la adición de texto en la parte superior que los motores de búsqueda se darán cuenta. Es una manera de hacer un fondo blanco aburrido más emocionante, y que añade un montón de carácter a su sitio. Los siguientes pasos le guiará a través del proceso.

Instrucciones

1 Abre la imagen en Photoshop CS3 y tamaño al tamaño exacto que quiere que sea en su sitio web. Seleccione "Imagen" y "Tamaño de imagen" para ajustar la altura y la anchura.

2 Guarda la imagen como un archivo GIF o JPEG, seleccione "Archivo" y luego "Guardar para Web o dispositivos."

3 Cargar la imagen a su servidor web en su archivo de imágenes con el cliente FTP.

4 Abra la página HTML en la que desea que aparezca la imagen en un editor de texto.

5 Encuentra el área en la que desea colocar la imagen de fondo en el código HTML. Para obtener los mejores resultados y más limpios, colocar la imagen en una tabla o fila.

6 Escriba el siguiente comando para incluir la imagen como fondo en una tabla: <fondo de la tabla = "image / tu-imagen-name.gif"> donde su imagen-name.gif es la imagen que desee incluir.

7 Tamaño de la tabla de modo que sea del mismo tamaño que la imagen, o utilizar el fondo de la repetición es igual a la etiqueta "No" para evitar que la imagen se vuelva a repetir, si la tabla es más grande que la propia imagen.

Consejos y advertencias

• Cuando se incluye una imagen de fondo, el navegador automáticamente hace que la imagen se repita a lo largo de ambos ejes (vertical y horizontal).
• Si la mesa en la que está contenida la imagen de fondo es el mismo tamaño que la imagen, el espectador no verá la parte repetida de la imagen.