Pagina 3: Il vostro primo documento HTML

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):

Scegliete New Window (o New Web Browser) dal menu File del vostro browser.
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 3) semplicemente sceglietela dal menu.
La seconda finestra (Pagina 3) sarà quella in cui leggere le istruzioni mentre la prima finestra sarà il vostro ambiente di lavoro. Ignorate la finestra di lavoro per ora e ci ritorneremo più avanti.
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 primo compito ... creare il vostro primo documento HTML

Come visto in precedenza il documento HTML base è formato da due parti distinte: la testa e il corpo. La testa (HEAD) contiene informazioni sul documento che non vengono visualizzate sullo schermo mentre il corpo (BODY) contiene ogni oggetto che viene visualizzato.

Ecco i passi per creare il vostro primo documento HTML:

Andate alla finestra dell'editor HTML.

Inserite il testo seguente sostituendo il vostro nome al posto di "Scrivi il tuo nome qui":

<HTML>
<HEAD><TITLE>Scrivi il tuo nome qui </TITLE></HEAD>
<BODY>
Scrivi il tuo nome qui.
</BODY>
</HTML>

Per salvare il vostro file scegliete Save As dal menu File del vostro editor HTML. Chiamate il vostro documento INDEX.HTM e salvatelo nella directory pdcourse.
Non dimenticate di usare le lettere maiuscole per i vostri file.

Visualizzare il vostro documento all'interno del browser

Ritornate alla finestra del browser che state usando come spazio di lavoro.
Scegliete Open File dal menu File del browser. Cercate il vostro file (INDEX.HTM all'interno della directory pdcourse) ed apritelo.
Ora dovreste vedere il vostro documento all'interno della finestra spazio di lavoro. Verificate che il vostro nome appaia nel titolo della finestra come pure all'interno del documento.

Per vedere come dovrebbe essere il vostro documento guardate questo esempio. Concorderete che non è molto carino ma non temete, lo miglioreremo strada facendo.