Realizzazione Sito Web

Presentazione sul tema: "Realizzazione Sito Web"— Transcript della presentazione:

1 Realizzazione Sito Web
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 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

3 google earth google maps
GOOGLE LEARNING COMUNITY GOOGLE learning community calendar g-mail google notebook docs and spreadsheet page creator chat google talk google groups google earth google maps blogger

4 Creazione di un blog Passi da seguire:
Crea un account in Google ( ) Vai nella pagina di Google Apps

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

6 Creazione di un blog 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

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

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

9 Creazione della presentazione PowerPoint
1 2 3 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.

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

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

12 Integrazione della presentazione nel sito
Passi da seguire: 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>

13 Creazione di un wiki Passi da seguire:
Crea un account in Google ( ) Vai nella pagina di Google Apps RICORDA: un wiki è un sito web collaborativo

14 Creazione di un wiki Passi da seguire:
Usa l’account creato per accedere a Google Docs Crea un nuovo Documento/ Presentazione/SpreadSheet Condividilo con chi vuoi tu! (Share) You can access and view a document without a Google Account (via an invitation), but you'll need to have a Google Account to continue accessing and to edit the document. If you already have a Google Account, simply sign in with your username/password combination and begin collaborating with Google Docs. Quando si sceglie di condividere il documento con q.uno, questi riceve un’ che contiene il link, link che ho aggiunto nella pagina web del sito in Frontpage.

15 Creazione di un wiki Questo è ciò che vede l’utente che clicca sul link ricevuto via . Se l’utente ha un account Google, autenticandosi potrà editare il documento, quindi condividerlo a sua volta! You can access and view a document without a Google Account (via an invitation), but you'll need to have a Google Account to continue accessing and to edit the document. If you already have a Google Account, simply sign in with your username/password combination and begin collaborating with Google Docs.

16 Integrazione del wiki nel sito
Passi da seguire: Apri il sito in FrontPage Aggiungi il link al wiki creato <p> <a target="_blank" href=" Dai il tuo contributo al wiki </p>

17 Integrazione di un video nel sito
Inserimento di un video nella pagina web: 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>

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 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 GRAZIE A TUTTI PER L’ATTENZIONE! e-mail: roberta.rascazzo@cetma.it
FINE GRAZIE A TUTTI PER L’ATTENZIONE!