Come Inserire Un'immagine In Un'intestazione Per Un Sito Web

Sommario:

Come Inserire Un'immagine In Un'intestazione Per Un Sito Web
Come Inserire Un'immagine In Un'intestazione Per Un Sito Web

Video: Come Inserire Un'immagine In Un'intestazione Per Un Sito Web

Video: Come Inserire Un'immagine In Un'intestazione Per Un Sito Web
Video: COME INSERIRE E MAPPARE IMMAGINI IN UN SITO WEB - Corso HTML #6 | Vita Da Founder 2024, Dicembre
Anonim

Un'immagine correttamente selezionata caratterizza la direzione del sito nel modo migliore, gli conferisce individualità. Inoltre, la maggior parte delle persone è visiva per natura, il che significa che l'immagine grafica verrà ricordata molto meglio per loro.

Come inserire un'immagine in un'intestazione per un sito Web
Come inserire un'immagine in un'intestazione per un sito Web

Istruzioni

Passo 1

Se stai solo creando il tuo sito sulla base di un modello già pronto, puoi inserire un'immagine nella sua intestazione utilizzando una semplice sostituzione. Per fare ciò, è sufficiente selezionare un'immagine adatta e salvarla nuovamente con il nome di un'illustrazione standard. La cosa principale qui è regolare le dimensioni, altrimenti la tua immagine semplicemente non si adatterà ai parametri della risorsa. Puoi fare lo stesso con un sito web già pronto che ha un sistema di controllo ed è già stato inviato a navigare attraverso Internet.

Passo 2

È meglio usare Adobe Photoshop per modificare l'immagine. Tieni presente che le versioni del programma possono essere in inglese e per comodità di lavoro avrai bisogno di un crack. Può essere scaricato gratuitamente su Internet.

Passaggio 3

Apri l'immagine che desideri sostituire in un editor di grafica e seleziona "Immagine" - "Dimensione immagine" dal menu. Ricorda, o meglio annota i valori in pixel. Puoi chiudere l'immagine: non ti servirà più.

Passaggio 4

Nel menu "File", seleziona "Nuovo", dopodiché si aprirà un modulo di fronte a te. Inserisci i valori registrati della dimensione dell'immagine e fai clic su "OK". Puoi anche impostare altri parametri lungo il percorso, ad esempio il nome del livello o il tipo di contenuto di sfondo, ma non sono fondamentali.

Passaggio 5

Crea un nuovo livello ("Livello" - "Nuovo").

Passaggio 6

Apri nel programma l'immagine che vuoi vedere nell'intestazione del sito ("File" - "Apri").

Passaggio 7

Sulla barra degli strumenti, seleziona l'icona "Area rettangolare", usala per selezionare un'immagine.

Passaggio 8

Utilizzare il comando "Copia" dal menu "Modifica" e incollare l'immagine su un nuovo livello della forma preparata ("Modifica" - "Incolla"). Seleziona lo strumento Sposta e sposta l'immagine secondo necessità.

Passaggio 9

Se la dimensione dell'immagine risulta essere più grande o più piccola, può essere corretta utilizzando i comandi dal menu "Immagine". In ogni caso, i parametri dell'immagine principale raramente coincidono con quelli richiesti, quindi quasi sempre c'è uno spazio vuoto. Deve essere compilato e per questo è meglio usare lo "Sfondo". Ad esempio, puoi riempire con un singolo colore o utilizzare lo strumento Sfumatura, quindi sfumare la transizione usando scherma/scuri, dito, spugne e così via.

Passaggio 10

C'è un tag speciale per l'inserimento di immagini in linguaggio html

con vari attributi:

• src - indirizzo immagine;

• altezza - altezza in px;

• larghezza - larghezza in px;

• bordo - bordo in px;

• alt - una spiegazione per l'immagine, visualizzata per gli utenti quando la funzione di ricezione dell'immagine è disattivata.

Per esempio,. Nessun tag inverso richiesto.

Consigliato: