Come Creare Un'immagine Di Sfondo Su Un Sito Web

Sommario:

Come Creare Un'immagine Di Sfondo Su Un Sito Web
Come Creare Un'immagine Di Sfondo Su Un Sito Web

Video: Come Creare Un'immagine Di Sfondo Su Un Sito Web

Video: Come Creare Un'immagine Di Sfondo Su Un Sito Web
Video: come impostare un immagine di sfondo ad un sito web 2024, Maggio
Anonim

Puoi imparare le basi della costruzione del sito da solo; ci sono abbastanza informazioni su questo argomento su Internet e sui libri. Tuttavia, nella fase iniziale, spesso sorgono difficoltà nell'uso dell'uno o dell'altro tag. In effetti, i componenti più comuni sono meglio ricordati in quanto sono essenziali quando si scrive qualsiasi sito web.

Come creare un'immagine di sfondo su un sito web
Come creare un'immagine di sfondo su un sito web

Istruzioni

Passo 1

Seleziona l'immagine che desideri utilizzare come immagine di sfondo. Se si intende inserire del testo sopra l'illustrazione, in questo caso è consigliabile limitarsi a opzioni senza eccessiva variegatura, in cui vengono utilizzati più colori vicini in natura. In linea di principio, per eliminare le increspature, è possibile creare uno "sfondo" per il contenuto e il problema verrà risolto con successo.

Passo 2

Correggere l'immagine utilizzando Adobe Photoshop. Al termine, scegli il comando Salva per Web dal menu File e seleziona la cartella desiderata. Se questa è la prima immagine da utilizzare per il sito, viene creata automaticamente una cartella "Immagini".

Passaggio 3

Nel tag, scrivi l'attributo background = "percorso dell'immagine". Esempio di registrazione: o. Allo stesso tempo, tieni presente che il tag dovrebbe apparire solo una volta nel codice, non dovrebbe essere moltiplicato.

Passaggio 4

Salva le modifiche nel blocco note, fai clic sul pulsante "Aggiorna" nel browser. Lo sfondo apparirà sullo schermo. Se le dimensioni dell'immagine sono inferiori ai parametri della pagina web, l'immagine verrà duplicata tante volte quante necessarie per riempire l'intero spazio. Ci sono due modi per correggere questa carenza:

• utilizzando il programma Adobe Photoshop, impostare i parametri dell'immagine richiesti in pixel ("Immagine" - "Dimensione immagine");

• impostare le dimensioni richieste nel codice html.

Ad esempio, se la larghezza è 1250 px e l'altezza è 650 px, è necessario aggiungere gli attributi necessari per la cella della tabella in cui verrà posizionata l'immagine.

Non è possibile impostare la dimensione nel tag: l'immagine verrà sempre visualizzata a grandezza originale.

Passaggio 5

Analogo di ccs per l'inserimento di un'immagine di sfondo:

immagine di sfondo

CORPO {

immagine di sfondo: url (immagini / bg.jpg);

}

L'attributo "immagine di sfondo: url (immagini / bg.jpg)" è il percorso dell'immagine di sfondo.

Consigliato: