Come costruire un Ipertesto
(ambiente HTML)

Come ambiente specifico per la creazione di ipertesti (o di ipermedia, come più modernamente si dice) scegliamo inizialmente uno strumento che sia vicino ai prodotti che abbiamo imparato ad utilizzare con maggior scioltezza:

• Un ambiente vicino al Browser, ovvero al programma che stiamo utilizzando per leggere questo ipertesto: in questo caso conviene lavorare con Netscape Gold, ambiente creato dalla Netscape in modo da poter fungere sia da Browser che da Editor. Il programma gira sotto Windows 95;
• Un ambiente vicino all'elaboratore testi, ad esempio si potrebbe usare il completamento per Word 7 (Internet Assistant), che integra nell'elaboratore testi Word le capacità di creare e convertire documenti ipertestuali HTML.

Alternativamente è possibile utilizzare programmi professionali, quali MS Frontpage o altri.

Quanto segue si riferirà a Word 7 per Windows con Internet Assistant 2.04.z.

Attivazione dell'Editor

Internet Explorer, una volta installata l'aggiunta per Word, presenta un unico pulsante diverso: il pulsante Modifica. Premendolo (con un Click del mouse) verrà costruita una copia della pagina che si stava visualizzando nel Browser, tale pagina comparirà, pronta per essere modificata, in Word.

In alternativa un nuovo HTML documento vuoto potà essere creato in Word, ma solo utilizzando il Menù: i comandi da impartire saranno: File Nuovo e dall'insieme dei modelli si sceglierà quello html.dot

Creazione di documenti

A partire da questo momento il programma mantiene le principali funzionalità di un elaboratore testi: scrivere, cancellare, tagliare, incollare, salvare (in formato HTML però), caricare in documento, cambiare il tipo di carattere ecc. ma saranno disponibili nuove funzioni adatte alla costruzione di ipertesti.

E' importante utilizzare gli stili (Nomale, Titoli di diverso livello, Liste) perché il linguaggio per la costruzione di ipertesti HTML si caratterizza per una descrizione logica della pagina, in modo che essa possa esser letta in ambienti con diverse capacità di resa grafica.

Una volta scritto il testo, esso sarà memorizzato in un formato particolare (HTML): se siete curiosi di vedere cosa in effetti viene memorizzato date uno sguardo a questo documento con il comando Visualizza HTML.

Creazione di collegamento tra documenti

Il ben noto editor (elaboratore testi) diviene editor ipertestuale nel momento in cui si crea un collegamento tra un'ancora di partenza (ad esempio una parola) ed una di arrivo (ad esempio un secondo documento presente sul proprio computer o su rete, sempre che si tratti di un documento HTML o compatibile).

La parola di partenza dev'essere evidenziata, successivamente si premerà il pulsante con il simbolo della catena:

Nella finestra di dialogo che comparirà, sarà necessario indicare verso quale documento punta la parola evidenziata; si può trattare di un documento presente in Internet, come nel caso seguente:

oppure di un documento locale, presente nel computer, nella stessa directory su cui si sta lavorando: in tal caso si indicherà semplicemente il nome del documento (di solito con estensione htm). Se il documento si chiama "strade.htm" sarà questo il termine da sostituire al posto di tutto il percorso evidenziato in blu nella figura precedente.

Bisogna fare attenzione, in quest'ultimo caso che il percorso indicato, assegnando il collegamento, sia solo "strade.htm", non il percorso completo (come ad esempio "C:\Internet\Web\strade.htm") perché altrimenti l'ipertesto funzionerebbe solo nel nostro computer (in cui tale percorso esiste) e non potrebbe essere utilizzato su dischetto o su rete o su un altro computer (in cui tale percorso non esiste).

E' importante ricordare che, in fase di lettura dell'ipertesto, il primo nodo (puntato) apparterrà ad un percorso (insieme di Cartelle e Sotto-cartelle) che costituirà il punto di partenza per puntare ad ogni altro documento: se si punta ad un nodo senza indicarne il percorso, esso verrà cercato nel percorso del primo nodo puntato

Collegamenti interni

Sono possibili anche collegamenti a parti specifiche dello stesso documento su cui si sta lavorando. Per usare questa tecnica si procede in questo modo:

• Si definisce il punto di arrivo e lo si marca premendo il pulsante che per simbolo un libro con un segnalibro rosso e assegnando un nome al punto che vogliamo raggiungere (ad esempio: vai-a-interno)
• 
• si ritorna alla parola o alla frase che costituisce il punto di partenza del collegamento
• si fa partire il collegamento (pulsante con la catena) al segnalibro voluto

La frase "Si definisce..." al primo punto della lista costituisce appunto un collegamento interno al documento stesso e può essere raggiunta premendo qui.

Immagini ed altri elementi multimediali

A differenza di quanto avviene nei normali documenti di un elaboratore testi (ad esempio Word), le immagini hanno - in un documento HTML - vita propria: anche se vengono visualizzate contestualmente al documento (come le immagini che vedete in queste pagine), esse in realtà vengono memorizzate a parte, come documenti a sé.

Per rendere visibile un'immagine nel testo bisogna attivare un particolare collegamento ipertestuale indicato da un pulsante con alcuni una specie di quadro o panorama. Nella finestra di dialogo che si presenterà sarà necessario indicare il nome del file di immagine (di solito con estensione gif o jpg) da visualizzare. La piccola immagine qui sopra ha ad esempio nome img00020.gif. L'estensione indica la particolare codifica utilizzata nel descrivere l'immagine

Progettare un ipertesto

Per ora consigliamo la costruzione di un piccolo saggio, avente le seguenti caratteristiche:

• poche pagine di testo
• alcune immagini
• collegamenti tra le varie pagine

Nel costruirlo facciamo tesoro di quanto abbiamo messo in evidenza nel primo e secondo laboratorio

Per una approfondito studio sulla struttura degli ipertesti

Yale C/AIM Web Style Guide è un manuale di stile ampio e completo, ricco di consigli per la costruzione di ipertesti su rete, forse un po' pretenzioso. Un altro manuale interessante è quello proposto dalla Sun.

Semplici consigli, utili per le scuole, sono contenuti nello Slide Show : Kathy Schrock's Guide for Educators

Una volta costruito l'ipertesto...

... se si è superato il livello dell'esercizio, si può meditare su alcune caratteristiche che in esso dovrebbero essere presenti Valutazione di ipertesti costruiti: questo documento si riferisce a documenti ipertestuali scritti da allievi nella costruzione di tesi o tesine.