Inserimento immagini
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 :
- la trasparenza L’ immagine gif la possiamo sovrappore allo sfondo senza vedere quei contorni fastidiosi;
- le gif hanno solo 256 colori;
- 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.
- I motori di ricerca danno peso a questo (lo vedremo più avanti);
- se l’immagine non viene caricata per qualche motivo si vedrà nel quadretto bianco la scritta contenuta dentro l’alt;
- se con il mouse restiamo fermi sull’immagine ecco guardate:
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