Corso pratico per la creazione di una pagina WEB



 
 

Questa serie di lezioni pratiche, ha lo scopo di familiarizzare il lettore all'uso del codice HTML, acronimo di HyperTextMarkupLanguage (linguaggio ipertestuale con etichette).
In effetti, sono disponibili programmi commerciali appositamente progettati per realizzare facilmente pagine Web, ma sebbene siano generalmente molto buoni (alcuni siti che offrono spazi web gratuiti mettono a disposizione - a volte obbligatoriamente - appositi editor), non permettono all'utilizzatore di rendersi conto delle problematiche legate alla costruzione di un sito "veloce" (ossia che sia visualizzabile dal browser in tempi ragionevoli), ed efficiente (ossia che permetta di essere visualizzato da tutti i browser).
Queste lezioni, sono state programmate in modo che il lettore inizi prendendo un minimo di pratica utilizzando il blocco note in dotazione al sistema operativo, e successivamente scarichi direttamente i programmi che di volta in volta gli necessitano.
Alla fine di queste lezioni, il lettore - se lo ritiene opportuno - dovrtebbe essere in grado di scegliere un editor più "evoluto" per sviluppare progetti più articolati.

lezione 1 (la struttura di una pagina HTML)

Il codice HTML è un codice per scrivere pagine da inviare in rete. Il formalismo, sebbene piuttosto articolato, essenzialmente non è differente da una pagina commerciale scritta con un elaboratore di testi (word processor). Ecco la struttura di una pagina commerciale e quella di una pagina WEB.

Spett. PincoPalla
Via Pallino
oggetto: xxxxxx
testo da inserire
Distinti saluti

<HTML>
<HEAD>
<TITLE>PincoPalla Pallino</TITLE>
</HEAD>
<BODY>
testo da inserire
</BODY>
</HTML>

I codici racchiusi tra le parentesi puntate, sono detti TAG (it. = etichetta; ma più appropiatamente istruzioni), e quelli appena visti costituiscono un elemento fisso nella struttura della pagina.
Potete inserire tutto il testo che desiderate, con queste avvertenze:

  • La fine di una riga deve terminare con il tag <BR>
  • un'interlinea doppia, può essere ottenuta con <BR><BR>, oppure con <P>
  • un'interlinea tripla, può essere ottenuta con <BR><BR><BR> e non con <P> <BR> in quanto il tag <P> deve essere usato da solo.

ESERCIZIO

Con un word processor, oppure con il blocco note, scrivete esattamente (potete anche utilizzare il copia&incolla) quanto scritto nel riquadro:

<HTML>
<HEAD>
<TITLE>ESERCIZIO 1</TITLE>
</HEAD>
<BODY>
Nel mezzo del cammin di nostra vita<BR>
mi ritrovai per una selva oscura<BR>
che la diritta via era smarrita
<P>
Ah quanto a dir qual era è cosa dura<BR>
questa selva selvaggia e aspra e forte<BR>
che nel pensier rinnova la paura!
<P>
</BODY>
</HTML>

Ora salvate la pagina con l'opzione "salva come solo testo": esempio1.txt
poi, cambiate l'estensione del file salvato in modo da avere: esempio1.htm
fate doppio clic sull'icona corrispondente a esempio1.htm: il browser installato nel computer (NETSCAPE o EXPLORER) si apre e vi mostra la vostra prima creazione.

A questo punto si tratta di migliorare la vostra pagina.

lezione 2 (titoli e stili di testo)

copyright Marcello Guidotti 1999-2000
questo corso è di pubblico dominio. Tuttavia, con l'eccezione di questa pagina iniziale, non è consentito distribuirlo su raccolte CD di siti INTERNET in quanto verrei privato dell'accesso diretto alla mia casella postale; inoltre, poiché il contatore non funziona off-line, non potrei conoscere il numero di accessi al mio sito.
Tutti i marchi registrati ed i programmi freeware scaricabili da questo sito appartengono ai legittimi proprietari. Marcello Guidotti non è in alcun modo responsabile del funzionamento dei programmi scelti per queste lezioni.