Alla scoperta dell'informatica

Unità 2 – Sviluppo Web

Unità precedente — Unità successiva

In questa unità gli studenti imparano come creare pagine web per condividere i propri contenuti. Dopo aver deciso quali contenuti condividere con il mondo, imparano come strutturare e modellare le pagine usando HTML e CSS. Parallelamente possono mettere in pratica anche preziose abilità di programmazione come il debugging, l'uso delle risorse e il lavoro di squadra.

Nel capitolo 1 dell'unità gli studenti usano l'informatica come forma di espressione personale mentre progettano e sviluppano pagine web. Concentrandosi sui tag, sulle parole chiave e sulla sintassi utilizzati per comunicare le istruzioni al computer, gli studenti utilizzano i linguaggi HTML e CSS per strutturare il contenuto di una singola pagina. Vengono anche presentate le implicazioni di privacy e proprietà intellettuale relative alla pubblicazione dei propri lavori online.

Nel capitolo 2 gli studenti hanno l'opportunità di ampliare le loro visione, prendendo in considerazione siti web che vanno al di là dell'espressione personale e iniziano a vederli come un modo per risolvere problemi. Gli studenti sfruttano le loro capacità collaborative e lavorano in gruppo per creare siti web multi-pagina con un determinato scopo.

Nel seguito si riporta il dettaglio di tutte le lezioni dell'unità nella versione del 2022, la più recente adattata in italiano. Per ogni lezione è disponibile il piano di lavoro della lezione che fornisce al docente tutte le informazioni preliminari e descrive punto per punto le attività da svolgere in aula. Inoltre, la maggior parte delle lezioni è basata su una serie di esercizi interattivi che gli alunni svolgono sul sito di Code.org. Alcune lezioni hanno un carattere più tradizionale e non necessitano dei computer, ma sono altrettanto importanti per introdurre nuovi concetti e coinvolgere la classe in attività di vario genere. Mentre i piani di lavoro delle lezioni sono consultabili da qualunque visitatore del sito, gli esercizi interattivi possono essere visualizzati solamente se si ha acceduto alla piattaforma Code.org.

Capitolo 1 – Creazione di pagine Web


• Lezione 1 — Esplorazione di pagine Web: piano di lavoro della lezione → esercizi interattivi
• Lezione 2 — Introduzione all'HTML: piano di lavoro della lezione → esercizi interattivi
• Lezione 3 — Intestazioni: piano di lavoro della lezione → esercizi interattivi
• Lezione 4 — Mini-progetto: pagina Web HTML: piano di lavoro della lezione → esercizi interattivi
• Lezione 5 — Tracce digitali: piano di lavoro della lezione → esercizi interattivi
• Lezione 6 — Definire lo stile del testo con i CSS: piano di lavoro della lezione → esercizi interattivi
• Lezione 7 — Mini-progetto: il tuo stile personale: piano di lavoro della lezione → esercizi interattivi
• Lezione 8 — Proprietà intellettuale: piano di lavoro della lezione
• Lezione 9 — Utilizzo delle immagini: piano di lavoro della lezione → esercizi interattivi
• Lezione 10 — Siti web come mezzo per esprimersi: piano di lavoro della lezione → esercizi interattivi
• Lezione 11 — Elementi di stile con CSS: piano di lavoro della lezione → esercizi interattivi
• Lezione 12 — La tua pagina Web - Preparazione: piano di lavoro della lezione
• Lezione 13 — Progetto - Pagina Web personale: piano di lavoro della lezione → esercizi interattivi

Capitolo 2 – Siti web multipagina


• Lezione 14 — Siti web destinati a uno scopo: piano di lavoro della lezione → esercizi interattivi
• Lezione 15 — Risoluzione dei problemi in gruppo: piano di lavoro della lezione → esercizi interattivi
• Lezione 16 — Fonti e ricerche: piano di lavoro della lezione → esercizi interattivi
• Lezione 17 — Classi CSS: piano di lavoro della lezione → esercizi interattivi
• Lezione 18 — Pianificazione di un sito multipagina: piano di lavoro della lezione → esercizi interattivi
• Lezione 19 — Creare collegamenti alle pagine: piano di lavoro della lezione → esercizi interattivi
• Lezione 20 — Progetto - Sito web destinato a uno scopo: piano di lavoro della lezione → esercizi interattivi
• Lezione 21 — Revisione tra pari e ritocchi finali: piano di lavoro della lezione → esercizi interattivi

Sul sito di Code.org si può consultare l'indice completo dell'unità con il collegamento diretto ai piani di lavoro delle lezioni e agli esercizi interattivi.

Per la lettura dei testi degli esercizi interattivi sono disponibili le funzioni di lettura automatica e facilitata delle istruzioni di ogni esercizio (particolarmente utili per alunni DSA). Basta cliccare sui pulsanti indicati in rosso nell'immagine qui accanto.

Se vuoi segnalare degli errori o dei suggerimenti, puoi inviare un messaggio tramite questo form.