Come Inserire File GIF sul Mio Sito Web

Aggiungere un'immagine al tuo sito web può migliorarne notevolmente l'attrattiva per i visitatori. I formati di file più comunemente usati per le immagini sul web sono .jpg e .gif. L'Università dell'Indiana dice che i file .gif sono più adatti per immagini con bordi netti e ridotte gradazioni di colore. Questi possono includere cartoni animati, testo e line art. Altri vantaggi dei file .gif sono la capacità di impostare lo sfondo su trasparente e di aggiungere animazione. Aggiungere un file .gif a un sito web è semplice come caricare un file e scrivere una frase.

Passaggio 1

Apri il pannello di amministrazione del tuo sito web. Questo sarà diverso per ogni individuo perché dipende dal server host che usi o se usi programmi come Dreamweaver per gestire il tuo sito. Essenzialmente, ci sono due tipi principali di software di editing - editor HTML o WYSIWYG. Smashing Magazine spiega che WYSIWYG sta per "What You See Is What You Get". Questi programmi sono progettati per rendere la costruzione delle pagine più intuitiva. Gli editor HTML richiedono di capire le basi del linguaggio HTML.

Passaggio 2

Salva il tuo file immagine .gif nella cartella "images" o appropriata del tuo sito web. Se usi un programma sul tuo computer, dovrai solo trovare la cartella giusta sul tuo disco rigido. Se usi un'interfaccia di amministrazione online, dovrai caricare l'immagine. Naviga nella cartella corretta nel tuo pannello di amministrazione e segui le istruzioni per caricare un file. Nella maggior parte dei casi, userai un pulsante sfoglia per trovare il file .gif sul tuo computer e poi fai clic su "Carica".

Passaggio 3

Aggiungi il .gif alla pagina web. Su un editor WYSIWYG, tutto ciò che devi fare è trascinare e rilasciare l'immagine dove la vuoi. Visualizza l'anteprima del sito web per assicurarti che la pagina appaia come ti aspettavi e regola se necessario.

Se stai usando un editor di testo HTML, apri la pagina HTML su cui verrà posizionato il .gif. Scorri fino al punto nel testo HTML dove vuoi che appaia il .gif. Aggiungi la seguente riga, sostituendo le informazioni dopo i segni "=" con informazioni sul .gif e lasciando i segni di virgolette al loro posto:

Cross Culture spiega che "img src" significa "image source". Le informazioni tra virgolette dovrebbero elencare il nome della cartella in cui risiede il .gif e poi il nome del .gif. Il tag "alt" si riferisce al testo che apparirà se il link dell'immagine è rotto, se il visitatore ha le immagini disabilitate o per i lettori di testo per decodificare. "Width" e "height" stabiliscono la dimensione visualizzata dell'immagine in pixel. I tag space definiscono quanto spazio verticale o orizzontale viene dato intorno all'immagine in relazione al contenuto circostante. Il tag border aggiungerà una linea intorno all'immagine e il numero dentro le virgolette ne determina la larghezza.

Suggerimento

Un uso comune di un file .gif è chiamato spacer.gif. Questa immagine è un quadrato trasparente che misura 1 pixel per 1 pixel. Questo file .gif dà ai designer di pagine l'opzione di aggiungere spazi prevedibili in modo efficiente in varie posizioni del layout. Per aggiungere spazio sotto un blocco di testo, per esempio, potresti posizionare lo spacer.gif in un suo paragrafo e regolare altezza e larghezza alle tue preferenze.

Avvertenza

Salva una copia della pagina web che stai alterando prima di tentare di aggiungere il nuovo .gif e cerca di lavorare offline se possibile finché non sei soddisfatto dei risultati. Questo previene che pagine di prova vadano pubbliche e protegge la tua capacità di ricominciare da capo se hai difficoltà.