Siamo ora all’ultima parte della nostra lezione, inseriremo i contenuti della pagina “Chi siamo” e “Dove siamo”.
Apriamo la pagina “Chi siamo” ed inseriamo il testo che copiamo ed incolliamo da un altro sito o da un documento:
Fate attenzione che tale operazione aggiunge all’interno del testo incollato, la formattazione della pagina di di origine, causando errori nella visualizzazione della pagina (allineamenti, stili, ecc…), infatti, per chi conosce l’html, facendo click sul pulsante in alto: “<HTML>“potrà notare che sono presenti tag non necessari:
Per chi non conosce la programmazione HTML è sufficiente selezionare l’intero testo copiato da altra pagina e fare click su “Rimuovi formattazione“, successivamente dovrete sistemare la formattazione del testo:
Aggiungiamo ora alla fine del testo inserito una presentazione.
Dal menù: “Inserisci -> Presentazione” selezionate la presentazione precedentemente realizzata
La schermata che segue vi consente di variare alcuni parametri della presentazione, tra cui titolo e dimensione:
Agite sul pulsante “Allineamento al centro” per centrare la presentazione al centro:
Modifichiamo ora la pagina: “Dove siamo” inserendo testo e una mappa di Google Maps.
Dal menù: “Inserisci -> Mappa” inseriamo la mappa:
Nel campo di ricerca inserite l’indirizzo da cercare:
Confermate e vi verrà presentata la finestra di configurazione della mappa:
Allineate al centro la mappa:
Salvate ed ottenete:
Layout elastico e fisso
Il sito che avete realizzato fino a questo mometo ha un layout di pagina elastico, ovvero il suo contenuto si adatta se allargate o stringete la pagina, una struttura di questo genere però causa alcuni problemi di stile, infatti se stringete la pagina noterete che alcuni degli elementi si sovrappongono:
Se volete evitare una situazione di questo genere:
“Altro -> Gestisci sito -> Layout del sito -> Modifica l’aspetto del sito”
e modificate il campo “Larghezza del sito” fissando un valore che non mostra più l’accavallamento degli elementi, nel mio caso 1050px:
Da questa finestra potete modificare le dimensioni degli altri blocchi del sito: intestazione, barra laterale, piè di pagina.
Questo il link al sito creato: https://sites.google.com/a/vocescuola.org/cts-torino/
Concludo la lezione invitandovi ad effettuare alcuni esperimenti:
- aggiunta di un form on-line per la raccolta di dati
- variazione dello stile grafico del sito
- inserimento di nuovi documenti nella sezione “Documenti”
- variazione del layout delle pagine
- variazione del tema grafico del sito
- variare l’ordine con cui vengono visualizzati nel menù di navigazione i link delle pagine
- rendere non visibile il link ad una pagina dal menù di navigazione del sito
- spostare una pagina all’interno di un’altra
- sperimentare altri gadget (dal menù: “Inserisci -> … Ulteriori gadget“)
- sperimentare tutte le configurazioni possibili del sito accedendo dal menù “Altro -> Gestisci sito” (pulsante in alto a destra)
- variare il livello di condivisione del sito
- variare il livello di visibilità del sito
- attivare le autorizzazioni a livello pagina
Per qualsiasi domanda contattatemi via e-mail oppure lasciate un commento alle lezioni inserite su questo sito.
Grazie.