Date post: | 02-May-2015 |
Category: |
Documents |
Upload: | tiziano-lazzari |
View: | 213 times |
Download: | 0 times |
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
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 2
Obiettivi della lezione
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
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 3
GOOGLE LEARNING COMUNITYGOOGLE
learning communityhttp://www.google.it/intl/it/options/
blogger
docs and spreadsheet
google groups
g-mailcalendar
page creator
chatgoogle talk
google earth google maps
google notebook
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 4
Creazione di un blog
Passi da seguire:
1. Crea un account in Google (https://www.google.com/accounts/ManageAccount )
2. Vai nella pagina di Google Apps
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 5
Creazione di un blog
Passi da seguire:3. Seleziona Blogger;
4. Segui la procedura guidata;
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 6
Creazione di un blog
Passi da seguire:5. 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
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 7
Gestione di un blog
Passi da seguire:
6. Accedendo nuovamente a Blogger, modifica un post esistente o aggiungi un nuovo post
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 8
Integrazione del blog nel sito
Passi da seguire:8. Apri il sito in FrontPage;
9. Aggiungi il link al blog creato;
<p>
<a target="_blank" href="http://corsodepace.blogspot.com/">Visita il Blog!!!
</p>
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 9
Creazione della presentazione PowerPoint
Caratteristiche:1. Nel riquadro delle
diapositive digitare il testo direttamente nella diapositiva, all'interno del segnaposto.
2. Sulla sinistra è presente un’anteprima della diapositiva corrente.
3. 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.
12
3
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 10
Creazione della presentazione PowerPoint
Funzionalità:1. Inserimento immagini, filmati, diagrammi, grafici, tabelle
2. Inserimento di collegamenti ipertestuali
3. Uso dei layout diapositiva
4. Salvataggio della presentazione
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 11
Creazione della presentazione PowerPoint
Funzionalità:5. Uso di Animazioni, Pulsanti d’azione,
6. Transizione delle diapositive
Questo è un esempio di animazione!
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 12
Integrazione della presentazione nel sito
Passi da seguire:7. Apri il sito in FrontPage;
8. Aggiungi il link alla presentazione PowerPoint creata;
<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>
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 13
Creazione di un wiki
Passi da seguire:1. Crea un account in Google
(https://www.google.com/accounts/ManageAccount )
2. Vai nella pagina di Google Apps
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 14
Creazione di un wiki
Passi da seguire:3. Usa l’account creato per accedere a Google Docs
4. Crea un nuovo Documento/ Presentazione/SpreadSheet
5. Condividilo con chi vuoi tu! (Share)
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 15
Creazione di un wiki
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!
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 16
Integrazione del wiki nel sito
Passi da seguire:6. Apri il sito in FrontPage
7. Aggiungi il link al wiki creato
<p>
<a target="_blank" href="http://docs.google.com/Doc?id=dg229k9t_0fxt5845j&invite=fq7dg2c">
Dai il tuo contributo al wiki
</p>
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 17
Integrazione di un video nel sito
Inserimento di un video nella pagina web:1. Apri il sito in FrontPage
2. Aggiungi il link al video creato
<p>
<img border="0" dynsrc="video.wmv" start="fileopen" width="408" height="247">
</p>
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 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.
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 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.
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 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.
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 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
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce 22
FINE
GRAZIE A TUTTI PER L’ATTENZIONE!
e-mail: [email protected]