Applied Information Technology - IV. Sviluppo di pagine web: Basic HTML

2.4) Immagini e multimedialità

2.4.1) Formati delle immagini

GIF: Graphics Interchange Format. Supporta colori a 8 bit. Riconosciuto da tutti i browser grafici. grafici.
JPEG: Joint Photographic Experts Group. Supporta colori da 8 a 24 bit. È un formato compresso. Riconosciuto da tutti i brower grafici.
PNG: Portable Network Graphics. Supporta colori da 8 a 24 bit. Non riconosciuto da tutti i browser.
PDF: Portable Data Format. È riservato alle immagini create con sofware Adobe. Necessita plug-in freeware.
BMP: BitMaP. Standar Microsoft per le immagini. Non riconosciuto da tutti i browser.

2.4.2) <IMG>

Descrizione:	visualizza fotografie, disegni e altre immagini.
Tipo:	tag vuoto.
Attributi:	ALIGN, ALT, BORDER, CLASS, DIR, HEIGHT, HSPACE, ID, ISMAP, LANG, LONGDESC, SRC, STYLE, TITLE, USEMAP, VSPACE e WIDTH.

Esempi di attributi:

	`<IMG SRC="images/bart.gif" WIDTH="150" HEIGHT="354" BORDER="0" ALT="bart.gif - 17989 Bytes">`	ALT visualizza un testo alternativo quando non è disponibile l'immagine o se il brower non è grafico.
	`<IMG SRC="images/bare_bart.gif" WIDTH="150" HEIGHT="150" BORDER="0" ALT="bare_bart.gif - 17989 Bytes">`	WIDTH e HEIGHT specifica le dimensioni dell'immagine. Attenzione a mantenere le proporzioni.
	`<A HREF="index2.html"><IMG SRC="images/bare_bart.gif" WIDTH="150" HEIGHT="354" BORDER="5" ALT="bare_bart.gif - 17989 Bytes"></A>`	BORDER specifica lo spesore del bordo. Può essere utile quando utilizate l'immagine come link ad un altro documento.

Esempi di allineamento:

ALIGN pari a TOP

quando viene visualizzata l'immagine.

ALIGN pari a MIDDLE

quando viene visualizzata l'immagine.

ALIGN pari a BOTTOM

quando viene visualizzata l'immagine.

ALIGN pari a LEFT quando viene visualizzata l'immagine. ALIGN pari a LEFT quando viene visualizzata l'immagine. ALIGN pari a LEFT quando viene visualizzata l'immagine. ALIGN pari a LEFT quando viene visualizzata l'immagine.

ALIGN pari a RIGHT quando viene visualizzata l'immagine. ALIGN pari a RIGHT quando viene visualizzata l'immagine. ALIGN pari a RIGHT quando viene visualizzata l'immagine. ALIGN pari a RIGHT quando viene visualizzata l'immagine.

<CENTER>Allineamento al centro</CENTER>

Descrizione:	allinea un elemento al centro della finestra del browser.
Tipo:	tag contenitore.
Attributi:	Nessuno.
Note:	tag deprecated nella specifica HTML 4.

2.4.3) Consigli (quasi obblighi)

Le pagine web devono avere un senso anche senza immagini.
Semplificate gli elementi grafici delle immagini. Utilizzate il minor numero di colori possibile e salvatele nel formato GIF o JPEG.
Ripartite le immagini estese in più pagine. Mantenete le immagini sotto la dimensione di 50 Kb e lo spazio occupato da una pagina web sotto i 720 Kb.
Mantenete le immagini più estese nelle loro pagine. Usate le miniature (versioni ridotte e semplificate delle imagini) come link all'immagine originale.
Riutilizzate le immagini. Molti browser registrano le immagini localmente nella loro memoria cache; se riutilizzate la stessa immagine più volte, il browser potrà caricarla dalla cache locale, senza bisogno di spostarla attraverso la rete.
Mettete tutte le immagini in una directory images o immagini.
Specificate sempre l'attributo ALT e se potete anche la dimensione dell'immagine.

[Precedente]

[Indice]

[Successiva]

Per informazioni apweb@inwind.it - Ultima modifica 04-Jun-2002