lezione 3 (sfondi e immagini)

Ora completeremo graficamente l'aspetto della pagina.
Vedremo come si aggiungono le figure, in modo da ottenere quanto mostrato nel riquadro:

omaggio a Dante

un piccolo ricordo del sommo media del volgare

Canto 1

Nel mezzo del cammin di nostra vita
mi ritrovai per una selva oscura
che la diritta via era smarrita

Ha quanto a dir qual era è cosa dura
questa selva selvaggia e aspra e forte
che nel pensier rinnova la paura!

ESERCIZIO 3

Portate il puntatore del mouse sull'immagine di Dante, quindi cliccate su tasto destro del mouse e salvate l'immagine sul vostro disco fisso (nella stessa cartella dove avete salvato i file di testo)
Portate il puntatore del mouse sul quadratino colorato, quindi cliccate sul tasto destro del mouse e salvate l'immagine sul vostro disco fisso (nella stessa cartella dove avete salvato i file di testo)
Modificate l'estensione del file (esempio2.htm) in modo da avere (esempio2.txt), quindi aprite il file con un word processor, oppure con il blocco note, e aggiungete le righe evidenziate in rosso al listato dell'esercizio precedente:

<HTML>
<HEAD>
<TITLE>ESERCIZIO 3</TITLE>
</HEAD>
<BODY BACKGROUND="giallo.gif">
<P>
<H1>omaggio a Dante</H1>
<H2>un piccolo ricordo del sommo media del volgare</H2>
<H3>Canto 1</H3>
<CITE>
<IMG SRC="dante.gif" align=left>
Nel mezzo del cammin di nostra vita<BR>
mi ritrovai per una selva oscura<BR>
che la diritta via era smarrita
<P>
Ha quanto a dir qual era è cosa dura<BR>
questa selva selvaggia e aspra e forte<BR>
che nel pensier rinnova la paura!
<P>
</CITE>
</BODY>
</HTML>

il TAG <IMG SRC="dante.gif"> corrisponde letteralmente a IMaGe SCReen, ossia mostra l'immagine sullo schermo.
il TAG < BODY BACKGROUND="giallo.gif"> indica di fornire come sfondo alla pagina un'immagine (in questo caso un quadratino giallo) ripetuta per tutta la dimensione della pagina.

Si tenga presente che esistono delle texture disegnate in modo che la loro ripetizione per tutta la pagina formi un insieme complesso (un piano di legno o di marmo, oppure un tappeto di fiori, per esempio) compatto e di notevole effetto grafico (sul quale però i testi possono essere poco leggibili)

Ora salvate la pagina con l'opzione "salva come solo testo": esempio3.txt
poi, cambiate l'estensione del file in modo da avere: esempio3.htm
fate doppio clic sull'icona corrispondente a esempio3.htm
Il vostro browser si apre e vi mostra la vostra prima creazione.

Come passo successivo, vedremo di costruire un sito più articolato, mentre nella lezione 5 approfondiremo l'uso delle immagini e degli sfondi.

lezione 3 (sfondi e immagini)

omaggio a Dante

un piccolo ricordo del sommo media del volgare

Canto 1

lezione 4 (collegamenti in ipertesto)