¿Cómo puedo configurar un fondo transparente en HTML?

Encontrar a un fondo adecuado es uno de los pasos más difíciles en el proceso de diseño Web. Un buen fondo necesita para complementar las imágenes de la página sin distraer al espectador. Muchas páginas web utilizan fondos transparentes, ya que tienden a ser complementarias en lugar de distracción. El establecimiento de un fondo transparente HTML es lo mismo que establecer cualquier otro fondo HTML, excepto que requiere el uso de un editor de imágenes para crear una imagen transparente.

Instrucciones

1 Abra el editor HTML. Si usted tiene un editor HTML, como Dreamweaver o Kompozer, abra el archivo de texto de la página que desea insertar el fondo. Si usted no tiene un editor y sólo quieren aprender la habilidad de crear fondos translúcidos, utilice un editor en línea .

2 Escribir las etiquetas de la sección para la que desea un fondo. Si desea establecer un fondo para toda la página, escribe <fondo cuerpo => </ body>. Si quieres un fondo para una mesa, escribir <table width = height = fondo => </ table>. Si quieres un fondo de un párrafo, escribe <párrafo fondo => </ párrafo>.

3 Abra el software de ilustración y elegir un color o una imagen para el fondo. Utilice la función de paleta para seleccionar un color, haga clic en el color que desee. Escoja una imagen de la carpeta de imágenes. Si conoces a una imagen de dominio público de la línea que desea utilizar, descargar la imagen. No utilice imágenes con copyright a menos que usted ha arreglado para comprarlos. Si usted no tiene un programa de ilustración en el equipo y la necesidad de conseguir uno rápidamente, descarga un programa de código abierto.

4 Utilice la función de la opacidad en el software de ilustración para que la imagen sea transparente. Ajuste la opacidad inferior al 70 por ciento para los efectos verdaderamente transparentes. Para ello, pulsando o el desplazamiento hacia abajo después de seleccionar el objeto y hacer clic en "opacidad".

5 Sube la imagen. Si está diseñando un sitio web profesional y la necesidad de garantizar que la imagen va a durar, subir la imagen a su servidor utilizando el protocolo de transferencia de archivos (FTP). Utilice un programa de transferencia para localizar el archivo en el equipo, identificar su ubicación y seleccione un destino en su sitio para alojarlo. Si simplemente está experimentando con el diseño web, subir la imagen a un sitio de intercambio de archivos mediante el registro de una cuenta y hacer clic en "Cargar imágenes".

6 Ponga la imagen en las etiquetas HTML que elaboró. Para una imagen que haya subido a su propio sitio, poner el nombre de archivo en las etiquetas (por ejemplo, <fondo de la tabla = "jimmy.gif" />). Para una imagen que haya alojado en un sitio para compartir imágenes, poner en la URL de la imagen en las etiquetas (por ejemplo, <fondo de la tabla = "www.picturesite.com/jimmy.gif" />).