Materiali

Incontro 1

Creiamo una pagina web


Premessa: per realizzare un documento HTML basta anche usare un editor di testo come il Blocco note di Windows.
Per chi non conosce bene il linguaggio HTML, è più semplice usare un editor visuale, che permette di operare  direttamente con gli elementi visuali del documento (immagini, colori, sfondo, carattere ecc).
In questi casi è il programma a creare automaticamente l'HTML della pagina.
Un esempio di editor visuale è KompoZer.

1) Apriamo Kompozer
Apriamo Kompozer per creare l'home page provvisoria per il nostro sito.
A destra troviamo uno spazio bianco editabile, un po' come word.

apri kompozer

2) Scriviamo un messaggio di benvenuto
Scriviamo qualche riga per la nostra pagina provvisoria.

pagina inddex

2) Vediamo il codice HTML
In basso troviamo quattro linguette. Clicchiamo su Source e vediamo il codice HTML della nostra pagina

normale e sorgente

HTML

3) Salviamo la pagina
- Clicchiamo File > Save as
- In una cartellina con il nome del sito, salviamo il file come index.html

salva

salva come index.html


4) 

Apriamo la cartella con il nome del sito.
Vediamo che il nostro file ha l'icona di firefox (o di explorer): è un file HTML, che può essere letto dai browser.
Il file index sarà la nostra home page.

root



 

 

 

il laboratorio è promosso da:

Centro Interculturale Massimo Zonarelli

Andirivieni - Associazione Aleph