---

Questa pagina ripasserà i tag principali per l'inserimento di immagini all'interno di pagine web. Per istruzioni su come usare le immagini all'interno di documenti web si riveda l'apposita lezione all'interno di HTML ... le basi.

Nell'esempio sotto il file images/BALL2.GIF viene usato per incorporare un'immagine. Si noti che per questo file si è utilizzato un indirizzo relativo alla posizione della pagina corrente.

<IMG SRC="images/BALL2.GIF"> da origine alla visualizzazione dell'immagine

Per centrare l'immagine vengono usati i tag <CENTER> </CENTER>.

<CENTER> <IMG SRC="images/BALL2.GIF"> </CENTER> da origine a questa visualizzazione;

Le immagini possono essere usate per migliorare l'aspetto delle pagine. Spesso si dice che un'immagine è meglio di migliaia di parole. Lo sviluppo di browser in grado di visualizzare immagini è probabilmente la maggiore causa della crescita del World Wide Web.

C'è da considerare però che molti si considerano fortunati ad avere un modem a 28.8K e con questa strumentazione le immagini possono impiegare molto tempo per essere trasmesse. Fate in modo che le vostre immagini siano di piccole dimensioni e non usatene molte. Questa è certamente una situazione in cui "meno significa più"! Inoltre non dimenticate di usare l'attributo ALT quando inserite immagini.

Creare il proprio ambiente di lavoro

Per completare gli esercizi che vi saranno dati avete bisono di due finestre di browser attive - una per vedere le istruzioni del corso e una per vedere ciò che state facendo - il vostro spazio di lavoro. Oltre a queste due finestre avrete bisogno di una terza finestra per l'editor HTML.

Seguite questi passi per la creazione del vostro spazio di lavoro (leggete fino in fondo prima di procedere):

1. Scegliete New Window (o New Web Browser) dal menu File del vostro browser.
   

2. Appare una seconda finestra direttamente sopra la prima. Non spaventatevi di non riuscire a vedere la finestra originale. Guardate nel menu Window. Dovreste vedere due titoli nell'elenco in fondo al menu Window. Per tornare alla finestra originale (Pagina 1) semplicemente sceglietela dal menu.

3. La seconda finestra (Pagina 1) sarà quella in cui leggere le instruzioni mentre la prima finestra sarà il vostro ambiente di lavoro. Ignorate la finestra di lavoro per ora e ci ritorneremo più avanti.

4. Ora avete bisogno di avviare il vostro editor HTML.

Note

• Potete usare qualsiasi word processor per scrivere codice HTML, dovete solamente assicurarvi di salvare il documento in formato testo, invece che nel formato particolare del word processor.

• Il vantaggio di usare un editor HTML dedicato è di avere a disposizione delle funzionalità che permettono di non dover scrivere manualmente i tag.

• Se state usando un Macintosh potete utilizzare il menu applicazioni presente nell'angolo superiore destro dello schermo per passare da un'applicazione all'altra.

• Se state usando Windows 3.xx su un PC, potete usare ALT+TAB per passare da un'applicazione all'altra.

• Se state usando Windows 95 su un PC, potete usare la barra applicazioni per passare da un'applicazione all'altra.

Il vostro lavoro ...

Per completare alcuni dei compiti che vi saranno dati dovete crearvi una 'homepage'. Se avere completate la sezione HTML ... le basi, lo avrete già fatto. Se invece non l'avete ancora fatto avrete bisogni di iniziare un nuovo file e crearvi una homepage.

1. Andate alla finestre dell'Editor HTML.

2. Aprite il vostro file INDEX.HTM (o iniziate un nuovo file).

3. Modificate il vostro file assicurandovi di usare una varietà di tag HTML imparati nella sezione HTML ... le basi incluse immagini e link.

4. Salvate nuovamente il file.

Visualizzare il vostro documento all'interno del browser

1. Ritornate alla finestra del browser che state usando come spazio di lavoro.

2. Scegliete Open File dal menu File del browser. Cercate il vostro file ed apritelo.

3. Ora dovreste vedere il vostro documento all'interno della finestra spazio di lavoro.

Archivi di Immagini

Crearsi propri archivi di immagini permette di avere sempre l'immagine giusta per i propri documenti. Quindi se vedete un'immagine che vi piace potete scaricarla nel modo seguente:

1. Posizionate il cursore del mouse sopra l'immagine e premete il tasto destro del mouse.
2. Apparirà un menu - scegliete Save this image as.
3. Specificate la directory ed il nome del file.
4. Scegliete Save.