Come posso impostare uno sfondo trasparente in HTML?

November 21

Come posso impostare uno sfondo trasparente in HTML?


Trovare uno sfondo adeguato è uno dei passi più impegnativi del processo di progettazione Web. Un buon fondo ha bisogno di integrare le immagini sulla pagina senza distrarre lo spettatore. Molte pagine Web utilizzano sfondi trasparenti, in quanto tendono ad essere complementari piuttosto che fonte di distrazione. Impostazione di uno sfondo trasparente HTML è la stessa impostazione di qualsiasi altro sfondo HTML, tranne che richiede l'utilizzo di un editor di immagini per creare un'immagine trasparente.

istruzione

1 Apri il tuo editor HTML. Se si dispone di un editor HTML, come Dreamweaver o Kompozer, aprire il file di testo per la pagina che si desidera inserire il fondo. Se non si dispone di un editor e vogliono solo imparare l'abilità di impostare sfondi traslucidi, utilizzare un editor on-line .

2 Scrivi i tag per la sezione di cui si desidera uno sfondo. Se si desidera impostare uno sfondo per l'intera pagina, scrivere <sfondo corpo => </ body>. Se si desidera uno sfondo per un tavolo, scrivere <table height = width = background => </ table>. Se si desidera uno sfondo per un paragrafo, scrivere <comma background => </ paragrafo>.

3 Aprire il software di illustrazione e scegliere un colore o per lo sfondo. Utilizzare la funzione di palette per scegliere un colore, cliccare sulla tonalità che si desidera. Scegli un'immagine dalla cartella immagini. Se siete a conoscenza di un Immagine di dominio pubblico on-line che si desidera utilizzare, scaricare l'immagine. Non utilizzare immagini protette da copyright a meno che non si hanno organizzato per il loro acquisto. Se non si dispone di un programma di illustrazione sul computer e la necessità di ottenere uno rapidamente, scaricare un programma open source.

4 Utilizzare la funzione di opacità nel software illustrazione per rendere l'immagine trasparente. Impostare l'opacità inferiore al 70 per cento per gli effetti veramente trasparenti. Fare questo premendo o scorrendo verso il basso dopo aver selezionato l'oggetto e cliccando su "Opacità".

5 Carica l'immagine. Se si progetta un sito web professionale e la necessità di garantire l'immagine durerà, caricare l'immagine sul server utilizzando File Transfer Protocol (FTP). Utilizzare un programma di trasferimento per individuare il file sul computer, individuare la sua posizione e selezionare una destinazione sul vostro sito per ospitarlo. Se siete semplicemente sperimentando con un design Web, caricare l'immagine su un sito di condivisione di file per la registrazione di un account e facendo clic su "Carica immagini".

6 Mettere l'immagine nel tag HTML che si hanno elaborato. Per un'immagine che hai caricato il proprio sito, inserire il nome del file nei tag (ad esempio <table background = "jimmy.gif" />). Per un'immagine che avete ospitato su un sito di condivisione di immagini, inserire l'URL dell'immagine nei tag (ad esempio <table background = "www.picturesite.com/jimmy.gif" />).