Creazione di ipertesto minimo sankorè

Tutorial base Sankorè.notebook

Creazione di ipertesto minimo 1

September 20, 2013

Avete appena acceso il programma! Benvenuti!

Ecco come di solito appare la prima schermata diSankorè, con le due finestre aperte...



September 20, 2013

Guardate in alto a sinistra il punto rosso.

Indica il triangolino nero che dovremo cliccare per eliminare le due finestre. Fatelo e scompariranno,prima a sinistra e poi a destra, come volete.



September 20, 2013

Bene! Siete su una pagina libera.

Ma ATTENZIONE!!!

Siete sulla pagina giusta su cui iniziare a lavorare?

Andate dove c'è il punto rosso e cliccate il triangolino con le paginette.



September 20, 2013

Se farete ricomparire il triangolino nero di sinistra, cliccando due volte quello con le paginette (non quello con il cappellino) vedrete comparire in trasparenza una pagina vuota, quella in cui siete.

E' la pagina titolo, la pagina zero. NON DOVETE lavorare su questa. Dovrete creare la vostra prima pagina 1.



September 20, 2013

Per non confondervi, attivate in basso il tasto con la "A" e scrivete, ben in grande "pagina 0".

Poi vedete dove c'è il punto rosso, la paginetta con un + in verde?Cliccatela e vi ritroverete in una nuova pagina: nel nostro caso la "pagina 1".



September 20, 2013

Ecco, ora, sempre per non confondervi, attivate ancora la "A" e scrivete ben in grande "pagina1".

La vedrete anche comparire in trasparenza nella finestra a sinistra, sotto la pagina zero, anche se per il momento, benché vi abbiate scritto sopra, vi apparirà stranamente vuota...



September 20, 2013

In realtà, basterà cliccarla per vedere comparire anche qui, magicamente, la scritta che avete appena creato.

Ora facciamo una prova di cancellazione: selezionate la vostra scritta e cliccatela "X" per farla sparire (avremo bisogno di una pagina pulita).



September 20, 2013

La scritta è sparita? Ora mettiamoci dentro degli oggetti.

Guardate il punto rosso, sotto quella icona con il computerino azzurro.Cliccate l'icona "mostra" e vi troverete sul vostro desktop, pronti ad attivare quello che vi servirà, senza uscire dal programma Sankorè.



September 20, 2013

Sul desktop resterà solo la piccola barra a sinistra.Nel frattempo aprite la cartellina "Esercitazione", che contiene molte cose.



September 20, 2013

Aprite la sotto cartella "pulsanti" e troverete questi oggetti colorati realizzati con Cooltext.Ricordate che si tratta di immagini PNG, cioé già scontornate.



September 20, 2013

Ora mettete il puntatore del mouse sul primo pulsante verde e cliccate con il tasto DESTRO.

Andate all'opzione "copia" e cliccatela con il tasto SINISTRO.

Il PC memorizzerà l'immagine.

Quando avete copiato l'immagine, cliccate la lavagnina qui a sinistra.



September 20, 2013

Cliccando la lavagnina tornate nella pagina di lavoro.

Ora cliccate in alto a destra sull'icona "OpenS" e compariràla finestra contenente il tasto "incolla".

Cliccatelo senza paura.



September 20, 2013

Bene! Avete appena importato l'immagine del pulsante.Come vedete se lo si tocca, viene circondato da una cornice grigiache contiene una "X" (per cancellarlo), una "cartellina con freccina arancione" (per clonarlo), un "triangolo bianco" (per collegarlo).

Su tutti i lati vedrete delle strane frecce, che servono in realtà solo a modificarne la forma, la dimensione, o a ruotarlo su sé stesso.



September 20, 2013

Provate semplicemente ad ingrandirlo...



September 20, 2013

Ricordate che lo vedrete nella finestra delle pagine, a sinistra, solo se cliccherete la pagina in trasparenza dopo averlo inserito.Cliccandola, vedrete comparire delle iconcine simili a quelle già viste: una X, una freccina, triangolini trasparenti...



September 20, 2013

Cliccate la freccina arancione della pagina evidenziata e la clonerete, creando una sua gemella subito di seguito, che conterrà tutti gli oggetti posizionati..

Pagina di partenza

Pagina clone



September 20, 2013

Ora, nella pagina 2, rimpicciolite e spostate il pulsante per fare spazio ed evidenziatelo, facendo in modo che se ne veda la cornice grigia.

Poi cliccate sull'iconcina con la freccina arancione, per clonarlo e crearne un gemello identico.



September 20, 2013

Molto bene! Ora avete due pulsanti sulla vostra pagina numero 2.



September 20, 2013

Ora evidenziate nella finestra di sinistra la vostra pagina 2, cliccandola.Quindi premete l'iconcina con la freccina arancione, per clonarla. E subito si genererà la vostra pagina 3, che conterrà anch'essa i due pulsanti.



September 20, 2013

Cliccate un pulsante per evidenziarne la cornice e ripetete l'operazioni di prima, clonatelo e fatene un gemello con la freccina arancione.Ora avrete 3 pulsanti.

Guardate la finestra a sinistra: mostra ancora 2 pulsanti, nonostante ne abbiate clonato uno. Ma ormai dovreste aver capito: vi mostrerà il risultato solo se la cliccherete con il mouse.



September 20, 2013

Ecco fatto: cliccatela e vedrete finalmente il piccolo risultato della vostra modifica: cioé i tre pulsanti finali.



September 20, 2013

Bene, tornate alla pagina 1, cliccandola semplicemente a sinistra.

Poi evidenziamo il pulsante cliccandolo e facendo comparire la cornice.



September 20, 2013

Bene, prepariamoci a un minimo di ipertestualità.Attivate il triangolino bianco e cliccate "aggiungi un'azione".



September 20, 2013

Comparirà questa finestra molto intuitiva. E ora cliccate su"aggiungi il collegamento alla pagina".



September 20, 2013

In questa seconda finestra cliccate "numero pagina".Quindi andate sul triangolino nero in cui ora compare lo zero.



September 20, 2013

Compaiono i numeri delle varie pagine create. Naturalmente manca l'1 perché è quella su cui vi trovate.

Selezionate la due, per far sì che, cliccando il pulsantone verde, vi ritroviate magicamente nella seconda pagina.



September 20, 2013

Bene, ora cliccate OK per confermare la vostra scelta.



September 20, 2013

Ora andiamo alla pagina 2 e ripetiamo tutta l'operazione precedenteprendendo come punto di collegamento il primo dei due pulsanti.Evidenziamolo, attiviamo il triangolino bianco, ecc.



September 20, 2013

Questa volta vogliamo che quel pulsante ci porti a pagina 3, quindi selezionamola dalla finestrella sottostante.



September 20, 2013

Bene, ora andiamo a pagina 3. Evidenziamo il primo pulsante e colleghiamolo, questa volta per un ritorno a pagina 1, chiudendo il cerchio che caratterizza gli ipertesti.



September 20, 2013

Come vedete, basterà selezionare la pagina 1.In questo modo, tutte le pagine del nostro micro e primo ipertesto saranno collegate tra loro.



September 20, 2013

Ora torniamo a pagina 1.Siamo pronti a verificare che tutto funzioni davvero...



September 20, 2013

Clicchiamo il triangolino e facciamo scomparire la finestra delle pagine.Se vogliamo che ci sia un effetto sorpresa nella nostra piccola opera, non si dovrà vedere il contenuto (anche rimpicciolito) delle pagine che seguono.



September 20, 2013

Ora attenzione!Per rendere funzionanti i nostri collegamenti e verificare che l'ipertesto faccia quello che volevamo,dovremo attivare il comando ipertestuale, cioé il dito con la lucina.

Solo quando questo comando viene attivato, il nostro lavoro rende attivi i collegamenti. Senza la sua attivazione, cliccando i pulsanti non andremo da nessuna parte... BUON DIVERTIMENTO!!!!!!

Ma non è ancora finita... andate alla pagina successiva di questo tutorial.



September 20, 2013

Che fine farà questo file? Come lo si salva? Dove lo ritroverò?Dove c'è il punto rosso vedete l'icona "documenti": cliccatela.



September 20, 2013

Il vostro file è stato salvato automaticamente. Lo vedete evidenziato sopra a sinistra.Basterà cliccare sulla data e ora che il programma vi mostra, per dargli il nome che vorrete.

A destra invece vedrete in piccolo, tutta la sequenza delle pagine che avrete creato in quel file.



September 20, 2013

Ora potete tranquillamente chiudere il programma.Il vostro file è al sicuro e potrete tornare a modificarlo o completarlo quando vorrete.

BUON DIVERTIMENTO!!!(...si fa per dire)

Education

Creazione di ipertesto minimo sankorè