Come aggiungere uno sfondo trasparente immagine di un sito web

May 8

Aggiunta di un'immagine di sfondo a un sito web aggiunge un sacco di attività visiva che manterrà i visitatori interessati al tuo sito e farli rimanere più a lungo. Si può fare un sacco di cose interessanti un'immagine di sfondo con che non si può fare con una immagine normale, come l'aggiunta di testo sulla parte superiore che i motori di ricerca salire su. E 'un modo per rendere uno sfondo bianco noiosa più emozionante, e aggiunge un sacco di carattere al vostro sito. I passaggi seguenti vi guideranno attraverso il processo.

istruzione

1 Aprire l'immagine in Photoshop CS3 e dimensione alla dimensione esatta che si desidera che sia sul tuo sito web. Selezionare "immagine" e "Ingrandimento" per regolare l'altezza e la larghezza.

2 Salvare l'immagine come GIF o JPEG, selezionando "File" e poi "Salva per Web e dispositivi."

3 Carica l'immagine sul vostro web server nel file immagini utilizzando il client FTP.

4 Aprire la pagina HTML in cui si desidera visualizzare l'immagine in un editor di testo.

5 Trova l'area in cui si desidera posizionare l'immagine di sfondo nel codice HTML. Per ottenere i migliori risultati e puliti, inserire l'immagine in una tabella o di una riga.

6 Digitare il seguente comando per includere l'immagine come sfondo in una tabella: <sfondo della tabella = "image / vostro-image-name.gif"> in cui il vostro-image-name.gif è l'immagine che si desidera includere.

7 Dimensione tavolo in modo che sia la stessa dimensione dell'immagine, oppure utilizzare la ripetizione sfondo è uguale tag "No" per evitare l'immagine da ripetere, se la tabella è più grande l'immagine stessa.

Consigli e avvertenze

  • Quando si include un'immagine di sfondo, il browser provoca automaticamente l'immagine di ripetere lungo entrambi gli assi (verticale e orizzontale).
  • Se la tabella in cui è contenuta l'immagine di sfondo è la stessa dimensione dell'immagine, lo spettatore non vedrà la parte ripetuta dell'immagine.