L’ inserimento di immagini del sito è una cosa molto importante per renderi il sito web più bello.

Dobbiamo sapere che l’immagini che il web supporta sono tre : le gif, le jpg e le png (ne supporta anche altre bmp,tif però con queste tre si va sul sicuro). Le prime due sono le più usate.

Ecco le differenze :

Le jpg sono immagini statiche e possono avere16.800.000 colori (per mettere immagini con più sfumature).

Le gif hanno 3 caratteristiche speciale :

  1. la trasparenza L’ immagine gif la possiamo sovrappore allo sfondo senza vedere quei contorni fastidiosi;
  2. le gif hanno solo 256 colori;
  3. le gif consentono l’animazione.

A proposito vi segnalo la mia raccolta di gif animate una delle più grandi d’italia!!!! Per raggiunderla cliccate sul link a sinistra.

Vediamo ora come metter un’immagine. Il codice è il seguente <img src=”il percorso per puntare al file”> il tag non ha bisogno di chiusura.  Ecco un immagine:
    Per puntare ad un file sia esso immagine pagina web o altro abbiamo bisogno di scrivere il percorso. Se il file e la pagina si trovano nella stessa cartella basta scrivere il nome altrimenti abbiamo bisogno  di due accorgimenti. Se si trova in una cartella superiore allora il percorso sarebbe:

nomedellacartellasuperiore/nomedelfile  esempio  immagini/donna.jpg. Se si trova in una cartella inferiore allora si deve uscire dalla cartella e si esce con ../ sono punto punto slasch a destra. esempio ../donna.jpg.

Le immagini hanno attributi particolari. Uno di essi è l’attributo alt ecco come e perchè viene usato. Allora in un img per esempio quello di prima : <img src=”donna1.jpg” alt=”logo temporaneo di giorgiotave”>.

Questo alt si usa per tre motivi.

  1. I motori di ricerca danno peso a questo (lo vedremo più avanti);
  2. se l’immagine non viene caricata per qualche motivo si vedrà nel quadretto bianco la scritta contenuta dentro l’alt;
  3. se con il mouse restiamo fermi sull’immagine ecco guardate:

    logo temporaneo di giorgiotave Per l’immagini si usano anche i seguenti attributi  width=”108″ height=”191″  align=”left” hspace=”1″ vspace=”1″ width è la larghezza; height è l’altezza; align è l’allineamento; hspace è la spaziatura orizzontale e vspace è la spaziatura verticale dal testo. Il tag alt è obbligatorio se si vuole ottenere la validazione del codice tramite il w3c