Come Inserire Un'immagine In Un'intestazione

Sommario:

Come Inserire Un'immagine In Un'intestazione
Come Inserire Un'immagine In Un'intestazione

Video: Come Inserire Un'immagine In Un'intestazione

Video: Come Inserire Un'immagine In Un'intestazione
Video: Tutorial inserimento immagine in un testo Word 2010 2024, Novembre
Anonim

Spesso, con funzionalità simili, un'immagine nell'intestazione di un sito o di un blog conferisce l'individualità necessaria e i modelli proposti, d'altra parte, sono spesso semplicemente "senza volto". È conveniente inserire un logo aziendale, o un'immagine con una posizione geografica, o alcune fotografie importanti per il proprietario del sito nell'immagine, nella parte superiore.

Un pezzo di codice che porta al collegamento all'immagine nell'intestazione del sito
Un pezzo di codice che porta al collegamento all'immagine nell'intestazione del sito

Necessario

Abilità di lavorare in un editor grafico

Istruzioni

Passo 1

Se hai un gestore del sito, di solito include la funzione "cambia immagine". In questo caso, devi solo sostituire il tuo.

Analizza attentamente il tuo sistema di gestione dei contenuti. Se non hai la funzione desiderata, dovrai entrare nel codice html. Se lavori con Joomla, cerca il file: mw_joomla_logo.png, si trova nella cartella delle immagini nella cartella dei modelli (Joomla emplates template_name imagesmw_joomla_logo. png) Per cambiare l'immagine: in html codice sito html ("visualizza"> "visualizza codice html").

Trova l'"intestazione" evidenziata con i tag head

Trova un'immagine guardando i tag img nel titolo

Il collegamento all'immagine è simile a: img src = "picture.jpg"

Passo 2

Scarica e analizza le dimensioni e il peso dell'immagine.

In un editor di grafica, disegna la tua immagine degli stessi parametri

Carica un'immagine sul server, posizionala nella stessa directory in cui si trovano tutte le immagini del sito (o in una rete semplice o in un album di immagini, l'importante è che l'archiviazione sia a lungo termine)

Passaggio 3

Apri di nuovo il codice del sito.

Sostituisci l'indirizzo della tua foto invece di quello che c'è ora.

Come rete di sicurezza, puoi impostare le dimensioni esatte dell'immagine e i bordi invisibili come segue:

img src = "indirizzo immagine / immagine.jpg" alt="Spiegazione dell'immagine"

Significato dei tag:

img = immagine - immagine.

src = sorgente - sorgente, cioè indirizzo

confine = confine. Se giochi con questo valore, apparirà un bordo (tratto) intorno all'immagine.

alt = alternate - testo che verrà sostituito al posto delle immagini se vengono disattivate dalla visualizzazione (per risparmiare traffico, ad esempio). Questo testo, essendo invisibile, viene comunque letto dai motori di ricerca e può servire come un buon strumento per promuovere il tuo sito. Salva il codice con una nuova immagine.

Cancella la cache se necessario. Forse la vecchia immagine è ancora caricata al suo interno e non visualizza correttamente il tuo sito.

Consigliato: