INDICE

IMMAGINI

Attributi
Sfondi


Un'immagine ravviva una pagina e la rende più interessante. Chiunque abbia provato a navigare in Internet, avrà comunque notato che caricare le immagini costa tempo, e anzi a volte si sarà stancato di aspettare e avrà cercato un altro sito. Per questo è utile usare le immagini con parsimonia, risparmiando, se possibile, sulla dimensione, e facendo attenzione al formato.

I formati più diffusi sul Web sono il GIF e il JPG. Il formato JPG è più adatto per panorami o simili,poiché salva le immagini con 16 milioni di colori; nello stesso tempo, essendo molto compresso, richiede più tempo per essere visualizzato.
Il formato GIF, più snello - salva le immagini con 256 colori - è adatto per la maggioranza dei casi, e permette sia le animazioni che il formato trasparente.


INSERIRE UN'IMMAGINE

Per inserire un'immagine in un documento, occorre scrivere il codice

<img src="nomefile.estensione">

Posso inserire l'immagine di nome sole.gif, subito di seguito allo scritto, senza spazi, come in questo caso,, semplicemente digitando la seguente riga di

codice:<img src="sole.gif">


Questo metodo, che è molto semplice, non è però sempre il più indicato, perchè l'immagine occupa un suo spazio e il testo le si dispone intorno senza incorniciarla perfettamente, a meno che l'immagine non sia abbastanza piccola, come in questo caso.

Un'immagine può anche essere aggiunta come sfondo a una pagina,

codice:<body background="sfondo.jpg">

qualora si voglia aggiungere per sfondo un file tipo immagine di nome sfondo.jpg
Se l'immagine è più piccola della pagina, come succede quasi sempre, essa viene disposta affiancata, e quindi occorre evitare che si ottenga un effetto come quello a lato.
Aggiungendo l'opzione bgproperties="fixed" lo sfondo non scorre insieme alla pagina.
Se clicchi qui potrai scegliere fra alcuni sfondi da scaricare per fare le tue prove.
Su uno sfondo come questo non si riesce a leggere molto bene!

Un'immagine speciale è la linea orizzontale, che spezza le varie parti di una pagina. Si inserisce usando il tag <hr>. Usando il

codice: <hr width=80 size=10 color="red"> 
si ottiene una linea come questa:
E' possibile gestire le immagini con precisione aggiungendo gli attributi opportuni al codice.

Se l'immagine non si trova nella stessa cartella della pagina, occorre inserire un collegamento relativo. Supponiamo, ad esempio, di aver salvato l'immagine sole.gif nella cartella di nome images. La dovremo aprire con il seguente

codice:<img src="images/sole.gif">


INDIETRO

©2002 www.webfract.it