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
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
2
GOOGLE LEARNING COMUNITY
GOOGLE
learning community
http://www.google.it/intl/it/options/
calendar
g-mail
page
creator
google
groups
google
notebook
chat
google talk
blogger
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
docs and
spreadsheet
google earth
google maps
3
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
4
Creazione di un blog
Passi da seguire:
3.
4.
Seleziona Blogger;
Segui la procedura guidata;
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
5
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
6
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
7
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
8
Creazione della presentazione PowerPoint
Caratteristiche:
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.
1.
2
1
3
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
9
Creazione della presentazione PowerPoint
Funzionalità:
1.
2.
3.
4.
Inserimento immagini, filmati, diagrammi, grafici, tabelle
Inserimento di collegamenti ipertestuali
Uso dei layout diapositiva
Salvataggio della presentazione
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
10
Creazione della presentazione PowerPoint
Funzionalità:
5.
6.
Uso di Animazioni, Pulsanti d’azione,
Transizione delle diapositive
Questo è un esempio di animazione!
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
11
Integrazione della presentazione nel sito
Passi da seguire:
7.
8.
Apri il sito in FrontPage;
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
12
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
13
Creazione di un wiki
Passi da seguire:
3.
4.
5.
Usa l’account creato per accedere a Google Docs
Crea un nuovo Documento/ Presentazione/SpreadSheet
Condividilo con chi vuoi tu! (Share)
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
14
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
15
Integrazione del wiki nel sito
Passi da seguire:
6.
7.
Apri il sito in FrontPage
Aggiungi il link al wiki creato
<p>
<a target="_blank"
href="http://docs.google.com/Doc?id=dg229k9t_0fxt5845j&invit
e=fq7dg2c">
Dai il tuo contributo al wiki
</p>
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
16
Integrazione di un video nel sito
Inserimento di un video nella pagina web:
1.
2.
Apri il sito in FrontPage
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
17
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
18
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
19
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
20
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
21
FINE
GRAZIE A TUTTI PER L’ATTENZIONE!
e-mail: [email protected]
Nuovi Strumenti e Tecnologie Interattive per la Didattica – Istituto A. De Pace, Lecce
22