Il sito web del docente II parte

15
Flipped classroom e nuove metodologie didattiche Modulo 2 – Quarta lezione Antonio Todaro “Il Sito Web del docente” seconda parte

Transcript of Il sito web del docente II parte

Page 1: Il sito web del docente II parte

Flipped classroom e nuove metodologie didatticheModulo 2 – Quarta lezione

Antonio Todaro

“Il Sito Web del docente”seconda parte

Page 2: Il sito web del docente II parte

Il Sito web del docente ovvero: dove pubblicare le mie lezioni digitali!

Dopo aver effettuato la scelta del tema, la personalizzazione del layout può essere fatta tramite il comando "Altre azioni", accessibile dal pulsante in alto a destra nel brower, e cliccando su "Modifica layout sito"

I comandi per la definizione del layout Google Sites

Modulo 2: quarta lezione - A. Todaro

Page 3: Il sito web del docente II parte

Per layout, intendiamo l'aspetto grafico del sito e la struttura dei blocchi presenti sulle pagine web!Nelle attuali versioni dei siti Google, i moduli presenti all'interno delle pagine prevedono le posizioni evidenziate sotto.:

Modulo 2: quarta lezione - A. Todaro

Questa è la barra orizzontale

Questa è la

barra verticale

del menù

Questa è la posizione del Piè di pagina

Questa è la posizione dell'intestazione di pagina

Page 4: Il sito web del docente II parte

Sites

modifica del layout del sito

Modificare il layout

Modulo 2: quarta lezione - A. Todaro

Tramite il comando di modifica del layout potremo modificare i seguenti elementi:

Intestazione: modifica l'altezza e l'allineamento dell'intestazione e aggiungi un logo.

Barra di navigazione orizzontale: modifica lo stile della barra di navigazione orizzontale e seleziona quali pagine del tuo sito verranno visualizzate in questa zona.

Barra laterale: scegli cosa definire come barra laterale, come organizzarla e i collegamenti che contiene

Piè di pagina: aggiungi il testo del piè di pagina e definiscine il formato.

Larghezza del sito: cambia la larghezza del sito.

Scheda per la modifica dell'Header o intestazione del sio

Page 5: Il sito web del docente II parte

Sites

modifica del layout del sito

Modificare il layout

Modulo 2: quarta lezione - A. Todaro

Tramite il comando di modifica del layout potremo modificare i seguenti elementi:

Intestazione: modifica l'altezza e l'allineamento dell'intestazione e aggiungi un logo.

Barra di navigazione orizzontale: modifica lo stile della barra di navigazione orizzontale e seleziona quali pagine del tuo sito verranno visualizzate in questa zona.

Barra laterale: scegli cosa definire come barra laterale, come organizzarla e i collegamenti che contiene

Piè di pagina: aggiungi il testo del piè di pagina e definiscine il formato.

Larghezza del sito: cambia la larghezza del sito. Schede per la modifica della barra orizzontale

Page 6: Il sito web del docente II parte

Sites

modifica del layout del sito

Modificare il layout

Modulo 2: quarta lezione - A. Todaro

Tramite il comando di modifica del layout potremo modificare i seguenti elementi:

Intestazione: modifica l'altezza e l'allineamento dell'intestazione e aggiungi un logo.

Barra di navigazione orizzontale: modifica lo stile della barra di navigazione orizzontale e seleziona quali pagine del tuo sito verranno visualizzate in questa zona.

Barra laterale: scegli cosa definire come barra laterale, come organizzarla e i collegamenti che contiene

Piè di pagina: aggiungi il testo del piè di pagina e definiscine il formato.

Larghezza del sito: cambia la larghezza del sito. Schede per la modifica della barra laterale del menu

Page 7: Il sito web del docente II parte

Sites

modifica del layout del sito

Modificare il layout

Modulo 2: quarta lezione - A. Todaro

Tramite il comando di modifica del layout potremo modificare i seguenti elementi:

Intestazione: modifica l'altezza e l'allineamento dell'intestazione e aggiungi un logo.

Barra di navigazione orizzontale: modifica lo stile della barra di navigazione orizzontale e seleziona quali pagine del tuo sito verranno visualizzate in questa zona.

Barra laterale: scegli cosa definire come barra laterale, come organizzarla e i collegamenti che contiene

Piè di pagina: aggiungi il testo del piè di pagina e definiscine il formato.

Larghezza del sito: cambia la larghezza del sito. Schede per la modifica del piè di pagina

All'interno del riquadro è possibile inserire link, testo o codice html specifico

Page 8: Il sito web del docente II parte

Sites

Gestione delle pagine

Tipologie di pagina

Modulo 2: quarta lezione - A. Todaro

Analizziamo adesso quali sono i diversi tipi di pagina e le loro funzionalità

Tramite il pulsante "Crea pagina" attiviamo la scheda per la creazione di una nuova pagina web.

Selezioniamo il tipo di pagina: nelle prossime slide vi indico le funzionalità principali di ciascuna voce

Page 9: Il sito web del docente II parte

Sites

Gestione delle pagine

Tipologie di pagina

Modulo 2: quarta lezione - A. Todaro

•Pagina webLa pagina web è il tipo di pagina più semplice, che consente di scrivere contenuti, incorporare gadget e organizzare le informazioni come meglio credi. La pagina web dispone di controlli di formattazione standard, come grassetto, corsivo e sottolineatura, punti elenco e altro ancora. Puoi allegare documenti presenti sul tuo disco rigido nella parte inferiore della pagina e consentire ad altri collaboratori del sito di commentare le tue pagine. Google Sites salva periodicamente le versioni della pagina quando apporti delle modifiche, quindi è facile tornare alle versioni precedenti per effettuare confronti o annullare le modifiche.•AnnunciCome nei blog, nelle pagine Annunci sono visualizzati i post pubblicati in ordine cronologico, iniziando dal più recente. Ad esempio, una pagina Annunci in cui sono archiviate le note sulle riunioni settimanali può essere molto utile, consentendo di accedere rapidamente alle informazioni sulle riunioni più recenti.•SchedarioLe pagine Schedario consentono di archiviare e organizzare file caricati dal disco rigido del tuo computer per semplificarne la condivisione con gli altri utenti del sito. Chiunque abbia richiesto di ricevere notifiche verrà informato quando i file vengono aggiunti, modificati o rimossi.•ElencoLe pagine Elenco consentono di creare e organizzare elenchi di informazioni. Gli elementi contenuti nell'elenco possono essere aggiunti, modificati e rimossi con facilità e gli utenti che visualizzano l'elenco possono ordinarli in base a qualsiasi colonna. Come per le pagine Schedario, gli utenti che lo hanno richiesto ricevono notifiche quando gli elementi vengono aggiunti, modificati o rimossi.Dalla guida di Google…se imparate bene a utilizzarla scoprirete moltissime funzioni!

Page 10: Il sito web del docente II parte

Sites

Gestione delle pagine

Tipologie di pagina

Modulo 2: quarta lezione - A. Todaro

• AnnunciCome nei blog, nelle pagine Annunci sono visualizzati i post pubblicati in ordine cronologico, iniziando dal più recente. Ad esempio, una pagina Annunci in cui sono archiviate le note sulle riunioni settimanali può essere molto utile, consentendo di accedere rapidamente alle informazioni sulle riunioni più recenti.

Esempio di pagina "annunci"

Page 11: Il sito web del docente II parte

Sites

Gestione delle pagine

Tipologie di pagina

Modulo 2: quarta lezione - A. Todaro

Aggiungere link ad un'immagine

Un'immagine inserita in una pagina web può condurre ad un collegamento esterno: in questo caso, dopo aver copiato il link

del sito web che vogliamo aprire tramite l'immagine, clicchiamo su "modifica" e completiamo la scheda incollando l'URL e

specificando se la pagina di destinazione dovrà aprirsi in un nuova finestra.

Page 12: Il sito web del docente II parte

Sites

La Gestione Condivisa

Modulo 2: quarta lezione - A. Todaro

Page 13: Il sito web del docente II parte

Sites

ACCEDI alla gestione del sito dal pulsante "Altro"

Nella sezione Condivisione e autorizzazioni inserisci l'indirizzo gmail della persona con la quale vuoi condividere la gestione del sito.

ATTENZIONE! Decidi quale tipo di permesso assegnare o se rendere proprietario un'altra persona

Se vuoi limitare la modifica a sezioni specifiche del sito, clicca su "attiva le autorizzazioni a livello di pagina" e per ciascuna pagina inserisci gli indirizzi gmail dei "collaboratori"

Modulo 2: quarta lezione - A. Todaro

Page 14: Il sito web del docente II parte

!MANDATEMI LA MAIL CON L'URL DEL SITO!!!

Compito assegnato

progettazione di un’unità di apprendimento capovolta con gli strumenti analizzati nel corso delle precedenti lezioni e pubblicazione dei contenuti multimediali e della progettazione didattica sul vostro sito web

Page 15: Il sito web del docente II parte

GRAZIE

Informazioni di contatto:Antonio Todaro

Email:[email protected]

[email protected]@scuoleverdellino.it

Sito web:www.scuoleverdellino.it

Tel. Uff.: 035 884516

Prossimo incontro:Venerdì 25 settembreore 16,30