Primi passi con DidaIT

Transcript

1 Guida in 5 mosse per iniziare a creare ipertesti con DidaIT PASSO 1: creare un ipertesto Per iniziare ad usare DidaIT dobbiamo innanzitutto creare un ipertesto! Clicchiamo quindi sull icona "cartella" e accediamo alla pagina Amministrazione degli ipertesti. Nella casella Nuovo ipertesto scriviamo il nome dell'ipertesto (evitando lettere accentate, apostrofo e caratteri speciali) e clicchiamo sul pulsante [Crea]. L'ipertesto è stato così creato con il nome da noi scelto e il programma ci porta automaticamente al pannello Amministrazione dell'ipertesto. PASSO 2: creare le pagine dell'ipertesto Un ipertesto per essere tale deve comporsi di diverse pagine (dette anche nodi) che, collegate tra loro, formano la ragnatela ipertestuale (web in Inglese). Ogni pagina dell'ipertesto corrisponde ad un diverso file. Con la creazione dell'ipertesto viene creata in automatico anche la pagina principale (cioè l'home-page), che ne costituisce il punto di partenza e che si chiama "home.htm". Adesso dobbiamo quindi creare altre pagine oltre ad essa. Nella casella Crea nuova pagina scriviamo il nome della pagina senza usare spazi, né caratteri diversi da: lettere non accentate, numeri, segno meno (-), underscore (_). Clicchiamo sul pulsante [Crea] e la pagina viene aggiunta all'elenco Seleziona pagina/nodo/file. In futuro, per tornare di nuovo a questo pannello di Amministrazione dell'ipertesto, potremo anche cliccare sull'icona "pagine" 1/6

2 PASSO 3: modificare le pagine con l'editor HTML Che cos'è l'html? Una volta create le pagine dell'ipertesto dobbiamo ovviamente scriverne i contenuti! Per compiere quest'operazione occorrerebbe conoscere il linguaggio HTML, cioè il codice che si usa per costruire le pagine web. Per fortuna questo non è necessario, perché grazie all'editor HTML tutto il codice viene creato in automatico a partire da un testo scritto in una normale modalità di videoscrittura, con pulsanti che permettono di formattarlo in modo semplice e veloce secondo le proprie esigenze. Creare/modificare i contenuti di una pagina Selezioniamo la pagina che vogliamo modificare nell'elenco Seleziona pagina/nodo/file e poi clicchiamo sul pulsante [Modifica con l'editor HTML] oppure clicchiamo in alto sull'icona HTML editor. Nella grande casella bianca scriviamo il testo. Possiamo poi cambiarne le caratteristiche grazie alle icone presenti nella barra grigia in alto (tenendo il cursore fermo qualche istante su ciascuna icona appare la sua funzione). Per modificare la formattazione basta selezionare la porzione di testo desiderata e poi cliccare sul comando corrispondente alla caratteristica che gli vogliamo attribuire. Le operazioni eseguibili attraverso le icone sono quelle comuni a molti programmi di videoscrittura, tuttavia vale la pena segnalare i comandi: incolla come testo semplice: per copiare il testo da una fonte esterna togliendogli qualsiasi formattazione (l'operazione si effettua per mezzo di una casellina che si apre e in cui bisogna incollare il testo con ctrl+v. Attenzione al blocco delle popup del browser, che potrebbe impedirne l'apertura!); incolla da Word: per incollare un testo precedentemente formattato in Word e mantenerne inalterate le caratteristiche (procedura analoga a "incolla come testo semplice"); inserisci una riga orizzontale: per inserire una linea orizzontale di colore grigio da usare come separatore di testo; colore testo e colore sfondo: per cambiare colore al corpo del testo e allo sfondo della riga selezionata (ATTENZIONE! Per sfondo NON si intende quello dell'intera pagina!). Si può ampliare la gamma cliccando sul pulsante [Altri colori] (anche qui fare attenzione all'impostazione blocco delle popup del browser, che potrebbe impedire l'apertura della relativa finestrella!). 2/6

3 Creare/modificare un collegamento ipertestuale I link, o collegamenti ipertestuali, possono essere creati verso le altre pagine facenti parte dell'ipertesto oppure verso siti web esterni ad esso, presenti in Internet. Per creare un collegamento (o modificarne uno già creato): 1. selezioniamo una parola o una porzione di testo; 2. clicchiamo sull'icona Inserisci/Edita collegamento per aprire la finestrella Proprietà del collegamento (bisogna fare attenzione all'impostazione blocco delle popup del browser, che potrebbe impedire l'apertura della finestrella!). Per inserire un collegamento ipertestuale ad un'altra pagina dell'ipertesto: 1. ci troviamo nello spazio denominato dalla linguetta superiore Collegamento; 2. nell'elenco Elementi (pagine) dell'ipertesto selezioniamo la pagina verso la quale è diretto il nostro link; 3. nell'elenco Categoria selezioniamo il tipo di link di cui si tratta; 4. nella casella Annotazione scriviamo il testo corrispondente alla "etichetta" che appare quando sostiamo per qualche secondo con il cursore sul link; 5. diamo l'ok. Per inserire un collegamento ad un sito web esterno: 1. clicchiamo sulla linguetta superiore Link esterno; 2. nella casella Collegamento incolliamo l'indirizzo della pagina web desiderata; 3. le altre caselle funzionano come per la linguetta "Collegamento". Per cancellare un link: 1. clicchiamo sul link posizionando il cursore lampeggiante a qualsiasi altezza della parola; 2. clicchiamo sull'icona Elimina collegamento. Uscire dall'editor HTML Una volta terminate le modifiche dobbiamo fare molta attenzione ad uscire dall'editor HTML salvando la pagina con l'apposito pulsante in alto a sinistra [Salva pagina/file]. Se invece le modifiche fatte non ci soddisfano e vogliamo cancellarle tutte completamente, possiamo cliccare in alto sul link [torna a DidaIT senza salvare]. 3/6

4 PASSO 4: collegare le pagine attraverso il Map Editor Dalla pagina di Amministrazione dell'ipertesto si può accedere allo strumento Map editor cliccando sull'icona in alto. Questo strumento permette di analizzare a livello visivo la mappa strutturale dell'intero ipertesto e apportarvi modifiche. Bisogna tenere presente che questa mappa è una diversa visualizzazione dell'ipertesto stesso, quindi ogni modifica apportata qui si riprodurrà anche sull'ipertesto e viceversa. Le pagine (o nodi) e il loro collegamento Ogni pagina è rappresentata in forma di sfera. Di partenza troviamo soltanto la pagina home che è quella di default dell'ipertesto. Se abbiamo già creato altre pagine possiamo cliccare su [Nodi da posizionare], sceglierne uno e metterlo in un qualsiasi punto della mappa con un altro click. Per creare un nuovo nodo, invece, clicchiamo su [Nuovo nodo] e nella casellina che compare scriviamo il nome (sempre senza lettere accentate, né spazi, né caratteri speciali). Clicchiamo su [Crea il file] e posizioniamo poi dove vogliamo la sfera che lo rappresenta con un ulteriore click. Passando con il cursore su ogni sfera compaiono automaticamente su di essa le icone per diverse funzioni: visualizza/modifica i dettagli del file: è il testo che compare nella barra del titolo del browser quando navighiamo la pagina (visibile soltanto nell'ipertesto esportato e navigato al di fuori di DidaIT); elimina file: serve per eliminare la pagina in maniera definitiva (per l'irreversibilità dell'operazione ci viene chiesta conferma dell'operazione); aggiungi un link: permette di collegare la pagina ad un'altra semplicemente portando il mouse su quest'ultima e cliccandola. In alto a sinistra in Seleziona la categoria di link da inserire si può scegliere la tipologia di link che si vuole creare. 4/6

5 Gestire i collegamenti ipertestuali I collegamenti sono rappresentati come una linea retta fra due sfere. Link di tipo diverso sono evidenziati con colori diversi. Lo strumento Quali link vuoi visualizzare nella mappa? in basso a destra permette di visualizzare temporaneamente sulla mappa solo alcune tipologie di collegamento (quindi solo alcuni colori). Le caratteristiche dei link possono essere cambiate e precisate in corso d'opera, anche dopo la loro creazione. Cliccando sul singolo link, quindi sulla singola linea retta che lo rappresenta, troviamo un menù: elimina link: per cancellare il link in maniera definitiva; cambia il tipo di link: per scegliere un'altra tipologia di link fra quelle date; annotazioni link: corrisponde alla "etichetta" che appare quando sostiamo per qualche secondo con il cursore sul link. ATTENZIONE! Ogni modifica a questa mappa comporta il cambiamento della struttura del nostro ipertesto. Aggiungendo qui un link modifichiamo il contenuto della pagina da cui esso parte: in automatico DidaIT aggiunge nei contenuti della pagina il testo Collegamento aggiunto in [Map Editor] con vicino il rispettivo link (il nome del link è la pagina di destinazione). Andando sull'editor HTML, con una semplice operazione di copia-incolla potremo spostare questo link nel punto della pagina che ci interessa. Dovremo poi cancellare la linea separatrice e il resto del testo di segnalazione, che non ci interessano ai fini dell'ipertesto. Uscire dal Map editor Una volta terminate le modifiche dobbiamo fare molta attenzione ad uscire dalla mappa salvando con l'apposito pulsante in alto a sinistra [Salva mappa]. Se invece le modifiche fatte non ci soddisfano e vogliamo annullarle tutte completamente, possiamo cliccare in alto sul link [torna a DidaIT senza salvare]. 5/6

6 PASSO 5: navigare nell'ipertesto L'ultimo passo da fare è navigare le pagine del nostro ipertesto nel modo in cui lo farebbero dei potenziali utenti, muovendosi per i vari nodi da noi creati attraverso i link appositamente predisposti. Dobbiamo insomma verificare che tutto sia perfetto! Da Amministrazione dell'ipertesto selezioniamo la pagina da cui vogliamo iniziare la navigazione nell'elenco Seleziona pagina/nodo/file e poi clicchiamo sul pulsante [Visualizza nel browser] oppure clicchiamo in alto sull'icona Browser view. Nella barra in alto compaiono due link: [torna a DidaIT] per tornare nel pannello di Amministrazione dell'ipertesto [vai alla home page dell'ipertesto] per andare alla prima pagina dell'ipertesto, cioè "home.htm" Dopo questa verifica il nostro ipertesto è finalemente ultimato!:) 6/6