Corso di Formazione PON 1.1 per l’ISTITUTO A.DE PACE, Lecce

1. Corso di Formazione PON 1.1 per l’ISTITUTO A.DE PACE, Lecce “ Nuovi Strumenti e Tecnologie Interattive per la Didattica” Realizzazione Sito Web Dott.ssa Roberta Rascazzo,Area Sistemi Informativi e Knowledge Management, Consorzio Cetma

2. REALIZZAZIONE DEL SITO WEB DEI DOCENTI Creazione e Pubblicazione di un sito web multimediale contenente: Blog (Google Blogger) Presentazione PowerPoint Documento condiviso (Google Docs) Video Obiettivi della lezione

3. GOOGLE LEARNING COMUNITY GOOGLE learning community http://www.google.it/intl/it/options/ calendar g-mail google notebook docs and spreadsheet page creator chat google talk google groups google earth google maps blogger

4. Passi da seguire: Crea un account in Google (https://www.google.com/accounts/ManageAccount ) Vai nella pagina di Google Apps Creazione di un blog

5. Passi da seguire: Seleziona Blogger; Segui la procedura guidata; Creazione di un blog

6. Passi da seguire: Condividi i tuoi pensieri, usando le funzionalità offerte (aggiunta di un link, aggiunta di immagini, aggiunta di un video, impostazione del post, ecc.) e pubblica il post Creazione di un blog

7. Passi da seguire: Accedendo nuovamente a Blogger, modifica un post esistente o aggiungi un nuovo post Gestione di un blog

8. Passi da seguire: Apri il sito in FrontPage; Aggiungi il link al blog creato; Integrazione del blog nel sito <p> <a target="_blank" href="http://corsodepace.blogspot.com/">Visita il Blog!!! </p>

9. Caratteristiche: Nel riquadro delle diapositive digitare il testo direttamente nella diapositiva, all'interno del segnaposto. Sulla sinistra è presente un’anteprima della diapositiva corrente. Riquadro delle note. Digitare le note da utilizzare durante la presentazione. La modalità Pagina note (nel menu Visualizza) visualizza la casella di testo note, in modo da poterla modificare a piacimento. 2 1 3 Creazione della presentazione PowerPoint

10. Funzionalità: Inserimento immagini, filmati, diagrammi, grafici, tabelle Inserimento di collegamenti ipertestuali Uso dei layout diapositiva Salvataggio della presentazione Creazione della presentazione PowerPoint

11. Funzionalità: Uso di Animazioni, Pulsanti d’azione, Transizione delle diapositive Creazione della presentazione PowerPoint WordArt Questo è un esempio di animazione!

12. Passi da seguire: Apri il sito in FrontPage; Aggiungi il link alla presentazione PowerPoint creata; Integrazione della presentazione nel sito <p> <font face="Verdana" size="2"> <a target="_blank" href=“Presentazione.ppt">Realizzare un sito con Front Page</a> <a target="_blank" href=“Presentazione.ppt"> <img border="0" src="imagePPT.jpg" width="36" height="36"> </a> </font> </p>

13. Passi da seguire: Crea un account in Google(https://www.google.com/accounts/ManageAccount ) Vai nella pagina di Google Apps Creazione di un wiki

14. Passi da seguire: Usa l’account creato per accedere a Google Docs Crea un nuovo Documento/ Presentazione/SpreadSheet Condividilo con chi vuoi tu! (Share) Creazione di un wiki

15. Questo è ciò che vede l’utente che clicca sul link ricevuto via e-mail. Se l’utente ha un account Google, autenticandosi potrà editare il documento, quindi condividerlo a sua volta! Creazione di un wiki

16. Passi da seguire: Apri il sito in FrontPage Aggiungi il link al wiki creato Integrazione del wiki nel sito <p> <a target="_blank" href="http://docs.google.com/Doc?id=dg229k9t_0fxt5845j&invite=fq7dg2c"> Dai il tuo contributo al wiki </p>

17. Inserimento di un video nella pagina web: Apri il sito in FrontPage Aggiungi il link al video creato Integrazione di un video nel sito <p> <img border="0" dynsrc="video.wmv" start="fileopen" width="408" height="247"> </p>

18. Pubblicazione del sito Per la pubblicazioneè necessario individuare una società di hosting di siti Web La pubblicazione consiste nella copia di tutti i file in una posizione remota su un server. Nella maggior parte dei casi la posizione remota è un percorso HTTP oppure un percorso FTP. Il percorso utilizzato dipende dalle tecnologie supportate dal server. L'URL del sito può essere determinato dalla società di hosting, ma è anche possibile registrare un URL univoco personalizzato, acquistando un dominio.

19. Pubblicazione del sito Visualizzazione sito web remoto: La visualizzazione Sito Web remoto viene utilizzata per pubblicare il sito. Dopo l'impostazione della posizione in cui si desidera pubblicare il sito, la visualizzazione appare come nell‘immagine. La versione locale del sito appare sulla sinistra, il sito remoto appare sulla destra. È possibile far combaciare un sito Web remoto e un sito Web locale sincronizzandoli con un semplice clic su un pulsante.

20. Pubblicazione del sito • Con www.altervista.org: • La pubblicazione di un sito su altervista può avvenire in due modi: • tramite il pannello di altervista.org, cliccando su "gestione files“ • tramite ftp, usando il browser (escluso firefox) o un client ftp • Per trasferire i file tramite browser, digitare nella barra degli indirizzi ftp://PROPRIONICK.altervista.org; trascinare col mouse i file nella finestra. • Per trasferire i propri file tramite client ftp, è necessario installare un programma che lo permetta (ad es. Filezilla è free) e connettersi all’ indirizzo ftp, inserendo i parametri richiesti per la connessione (nick, indirizzo, password e porta 21) .A quel punto si utilizza la funzionalità del client ftp per trasferire i file.

21. Pubblicazione del sito • NOTE IMPORTANTI • La prima pagina (home page) deve sempre chiamarsi index (ricordarsi di cancellare manualmente la pagina creata da altervista, la quale si chiama index.html, perchè non verrebbe sovrascritta), qualsiasi estensione si usi (es. index.html, index.htm, index.php) • E’ preferibile non usare spazi ed usare lettere minuscole • Per le immagini e gli altri file controllare sempre che il percorso nel codice sia esatto

22. FINE GRAZIE A TUTTI PER L’ATTENZIONE! e-mail: roberta.rascazzo@cetma.it