Corso di Formazione PON 1.1 per l’ISTITUTO A.DE PACE, Lecce “ Nuovi Strumenti e Tecnologie...

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


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


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



Passi da seguire:3. Seleziona Blogger;

4. Segui la procedura guidata;



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


Gestione di un blog

Passi da seguire:

6. Accedendo nuovamente a Blogger, modifica un post esistente o aggiungi un nuovo post

Integrazione del blog nel sito

Passi da seguire:8. Apri il sito in FrontPage;

9. Aggiungi il link al blog creato;



<a target="_blank" href="http://corsodepace.blogspot.com/">Visita il Blog!!!


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



Funzionalità:1. Inserimento immagini, filmati, diagrammi, grafici, tabelle

2. Inserimento di collegamenti ipertestuali

3. Uso dei layout diapositiva

4. Salvataggio della presentazione



Funzionalità:5. Uso di Animazioni, Pulsanti d’azione,

6. Transizione delle diapositive

Questo è un esempio di animazione!

Integrazione della presentazione nel sito

Passi da seguire:7. Apri il sito in FrontPage;

8. Aggiungi il link alla presentazione PowerPoint creata;



<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>


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



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)



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!

Integrazione del wiki nel sito

Passi da seguire:6. Apri il sito in FrontPage

7. Aggiungi il link al wiki creato



<a target="_blank" href="http://docs.google.com/Doc?id=dg229k9t_0fxt5845j&invite=fq7dg2c">

Dai il tuo contributo al wiki

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



<img border="0" dynsrc="video.wmv" start="fileopen" width="408" height="247">


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.



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.



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.



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


FINE

GRAZIE A TUTTI PER L’ATTENZIONE!

e-mail: [email protected]

Corso di Formazione PON 1.1 per l’ISTITUTO A.DE PACE, Lecce “ Nuovi Strumenti e Tecnologie...

Documents

Transcript of Corso di Formazione PON 1.1 per l’ISTITUTO A.DE PACE, Lecce “ Nuovi Strumenti e Tecnologie...