Guida all'uso di Google Sites rapida ed immediata

# Guida completa a Google Sites

Google Sites è uno strumento gratuito messo a disposizione da Google che permette di creare siti web in maniera semplice, veloce e intuitiva, senza bisogno di conoscere linguaggi di programmazione o tecniche avanzate di design. È una piattaforma pensata per chiunque voglia costruire uno spazio online personale o di gruppo, utile per la scuola, il lavoro o i progetti creativi. Con Google Sites puoi realizzare pagine web moderne e responsive, organizzare i contenuti in modo chiaro e collaborare in tempo reale con altre persone, proprio come avviene con Google Documenti o Fogli.

Questa guida completa ti accompagnerà in ogni fase: dalla prima creazione di un sito fino alla pubblicazione finale. Scoprirai passo dopo passo tutte le funzioni principali e imparerai ad applicarle per realizzare progetti accattivanti e funzionali.

---

## 1. Accesso e creazione del primo sito

Per iniziare ad usare Google Sites è sufficiente avere un account Google. Una volta effettuato l’accesso, puoi raggiungere la piattaforma digitando [sites.google.com](https://sites.google.com). Nella schermata iniziale troverai un grande pulsante con l’icona “+”, che serve per creare un nuovo sito.

Puoi scegliere di partire da una **pagina vuota** oppure da un **modello preimpostato**. I modelli sono utili perché forniscono già una struttura grafica, ma nulla ti vieta di personalizzare ogni aspetto.

---

## 2. L’interfaccia di lavoro

L’editor di Google Sites è suddiviso in tre aree principali:

* **Area centrale**: la parte visibile del sito, dove vedrai in tempo reale le modifiche che apporti.
* **Barra laterale destra**: contiene le schede *Inserisci*, *Pagine* e *Temi*.
* **Barra superiore**: include strumenti di base come annullare/ripristinare, anteprima, condivisione e pubblicazione.

L’interfaccia è progettata per essere molto intuitiva: basta trascinare gli elementi dove vuoi, un po’ come se stessi componendo un puzzle digitale.

---

## 3. Inserire contenuti

Con la scheda *Inserisci* puoi aggiungere vari elementi alla tua pagina:

* **Testo**: titoli, sottotitoli e paragrafi.
* **Immagini**: caricandole dal computer, da Google Drive o tramite URL.
* **Incorporamenti**: video di YouTube, documenti di Google, mappe, calendari e altri widget interattivi.
* **Layout predefiniti**: griglie con immagini e testi già organizzati, per un aspetto più professionale.

Ogni elemento aggiunto può essere ridimensionato, spostato e personalizzato con grande facilità.

---

## 4. Organizzare le pagine

Un sito non è composto da una sola pagina: puoi aggiungerne quante ne vuoi grazie alla scheda *Pagine*.

1. Percorso no‑code: Creazione di siti web (Moduli 1–6) Slide operative + guide passo‑passo per Google Sites, Canva e Wix

2. Modulo 1: attività e checklist • Obiettivo: riconoscere cos’è un sito, le sue parti e i tipi più comuni. • Attività in classe: mappa concettuale (lavagna) con ‘dominio, hosting, homepage, menu, pagine’. • Esempio guidato: analizza insieme un sito (home → servizi → contatti). • Compito: scheda ‘Smonta un sito’ (individua 5 elementi e spiega a cosa servono).

3. Modulo 2: attività e checklist • Obiettivo: creare un minisito personale con Google Sites. • Attività: scegli un template e compila home + 2 pagine (‘Chi sono’, ‘Hobby/Foto’). • Checklist: titolo, menu, 3 immagini, 3 collegamenti, footer con contatto. • Compito: aggiungi un video YouTube incorporato e una sezione a 2 colonne.

4. Modulo 3: attività e checklist • Obiettivo: applicare principi di leggibilità, gerarchia, contrasto, spazi bianchi. • Attività: migliora una pagina ‘brutta’ (font piccolo, colori forti, allineamenti). • Strumenti: palette colori, confronto prima/dopo, griglia (2 o 3 colonne). • Compito: crea una mini guida personale (3 regole di design che seguirai sempre).

5. Modulo 4: attività e checklist • Obiettivo: definire identità visiva (logo, palette, font) con Canva. • Attività: crea un logo in PNG trasparente + un banner 1200×400. • Regole: massimo 2 font, 2–3 colori coerenti, allineamenti puliti. • Compito: esporta le grafiche e importale nel minisito su Google Sites.

6. Modulo 5: attività e checklist • Obiettivo: costruire un sito aziendale simulato con Wix (drag‑and‑drop). • Attività: sezioni ‘Hero, Chi siamo, Servizi, Testimonianze, Contatti’. • Verifica: anteprima mobile, pulsanti ben visibili, link corretti. • Compito: aggiungi una galleria e un form contatti funzionante (demo).

7. Modulo 6: attività e checklist • Obiettivo: organizzare un portfolio digitale semplice e chiaro. • Attività: card per ogni progetto (titolo, 1 immagine, 3 righe di descrizione, link). • Criteri: selezione, ordine, chiarezza (niente tutto, scegli il meglio). • Compito: pagina ‘Il mio percorso’ con 3 tappe e cosa hai imparato.

8. Google Sites 1/12 — Accedi • Apri sites.google.com e accedi con l’account scolastico. • Clic su ‘+’ (Inizia un nuovo sito) oppure scegli un modello dalla galleria.

9. Google Sites 2/12 — Imposta titolo e logo • Clic sul titolo della pagina per rinominare il sito. • Aggiungi un logo: ‘Temi’ → ‘Aggiungi logo’ (PNG trasparente consigliato).

10. Google Sites 3/12 — Scegli il tema • Pannello ‘Temi’: seleziona stile, colore e font del sito. • Suggerimento: scegli un tema chiaro per massima leggibilità.

11. Google Sites 4/12 — Struttura della home • Usa il pulsante ‘+’ per aggiungere sezioni (una colonna, due colonne, ecc.). • Inserisci un ‘Titolo di sezione’ e un testo introduttivo.

12. Google Sites 5/12 — Testo • ‘Inserisci’ → ‘Casella di testo’: titoli (H1/H2) e paragrafi. • Mantieni paragrafi brevi, elenchi puntati, grassetto per parole‑chiave.

13. Google Sites 6/12 — Immagini • ‘Inserisci’ → ‘Immagini’: carica o cerca su Drive. • Aggiungi testo alternativo (Alt) per l’accessibilità.

14. Google Sites 7/12 — Video e file • ‘Inserisci’ → ‘YouTube’: incolla il link o cerca il video. • ‘Drive’: incorpora PDF, presentazioni, fogli.

15. Google Sites 8/12 — Layout a colonne • Scegli layout preimpostati (immagine + testo) e trascina gli elementi. • Usa spaziatori per allineare e ‘riempire’ aree vuote.

16. Google Sites 9/12 — Pagine e menu • Scheda ‘Pagine’ → ‘+’ per creare nuove pagine (es. Servizi, Galleria, Contatti). • Riordina le pagine con drag‑and‑drop; il menu si aggiorna da solo.

17. Google Sites 10/12 — Link e pulsanti • Aggiungi pulsanti di call‑to‑action (‘Prenota’, ‘Scrivimi’). • Collega a sezione interna, pagina o URL esterno.

18. Google Sites 11/12 — Footer e info • Modifica il piè di pagina con contatti, orari, icone social. • Mantieni poche voci essenziali, niente testo lungo.

19. Google Sites 12/12 — Condivisione e pubblica • ‘Condividi con altri’ per collaborare: inserisci email dei compagni. • ‘Pubblica’ → scegli l’indirizzo web; verifica anteprima mobile.

20. Canva 1/10 — Crea il progetto • Apri canva.com e accedi (account gratuito). • Clic ‘Crea un progetto’ → ‘Logo’ o ‘Banner’ (dimensioni consigliate 1200×400).

21. Canva 2/10 — Imposta dimensioni e griglia • Per banner personalizzato: ‘Progetto personalizzato’ → inserisci larghezza/altezza. • Attiva guide e allineamenti magnetici per centrare gli elementi.

22. Canva 3/10 — Palette colori • Nel pannello ‘Colori del documento’ scegli 2–3 colori coerenti. • Consiglio: un colore principale, uno secondario, uno neutro.

23. Canva 4/10 — Font e testi • Aggiungi titolo e sottotitolo (max 2 famiglie di font). • Usa grandezze diverse per creare gerarchia visiva (H1 > H2 > testo).

24. Canva 5/10 — Elementi e forme • ‘Elementi’ → forme base (cerchi, rettangoli), icone e illustrazioni. • Allinea e distribuisci gli oggetti per spaziature regolari.

25. Canva 6/10 — Carica immagini • ‘Caricamenti’ → carica foto/icone (PNG preferito). • Ridimensiona trascinando gli angoli; mantieni margini uniformi.

26. Canva 7/10 — Creare un logo • Combina forma + iniziali dell’attività; mantieni versioni scura/chiara. • Esporta in PNG con sfondo trasparente (se disponibile).

27. Canva 8/10 — Creare un banner • Inserisci immagine a tutta larghezza + testo breve e leggibile. • Verifica il contrasto (testo sempre leggibile).

28. Canva 9/10 — Esporta • ‘Condividi’ → ‘Scarica’ → PNG/JPG (banner) e PNG trasparente (logo). • Nomina i file in modo chiaro (logo.png, banner-home.jpg).

29. Canva 10/10 — Importa in Google Sites • In Google Sites: ‘Inserisci’ → ‘Immagini’ (logo/banner). • Controlla resa su desktop e smartphone, regola se necessario.

30. Wix 1/6 — Scegli il modello • Accedi a wix.com → ‘Crea nuovo sito’ → categoria ‘Business/Servizi’. • Seleziona un template semplice; evita layout troppo complessi.

31. Wix 2/6 — Struttura base • Sezioni consigliate: Hero con titolo e pulsante, Chi siamo, Servizi, Testimonianze, Contatti. • Usa il pannello ‘Pagine e menu’ per rinominare e riordinare.

32. Wix 3/6 — Aggiungi contenuti • Trascina testi, immagini, gallerie e pulsanti; mantieni coerenza tipografica. • Imposta collegamenti ai pulsanti (‘Chiama’, ‘WhatsApp’, ‘Email’).

33. Wix 4/6 — Modulo contatti • Aggiungi un form contatti dal pannello ‘Aggiungi’ → ‘Moduli’. • Configura notifica email (anche in modalità demo).

34. Wix 5/6 — Mobile e anteprima • Cambia vista ‘Mobile’; ingrandisci pulsanti e testo se necessari. • Prova tutti i link in anteprima su mobile.

35. Wix 6/6 — Pubblica • Clic ‘Pubblica’; ottieni l’URL in formato wixsite.com/… • Condividi il link con la classe per il feedback.