WELCOME to WEB Progetto di alfabetizzazione web - ANNO SCOLASTICO 2018-2019

ANNO SCOLASTICO 2018-2019

 WELCOME to WEB
       Progetto di alfabetizzazione web

        Progetto interdisciplinare a classi aperte

Prof. Dessena Salvatore - Potenziamento Area Tecnologica

              Anno scolastico 2018-2019

PREMESSA

Il progetto denominato Welcome to Web è finalizzato a introdurre gli studenti nel mondo della
programmazione attraverso l’alfabetizzazione web, l’apprendimento dei fondamenti del
linguaggio di visualizzazione web HTML e dei più semplici linguaggi di programmazione
afferenti.
L’obiettivo finale è la produzione di un sito web personale.

1. MOTIVAZIONI ALLA BASE DELLA PROPOSTA DI PROGETTO
Il progetto mira alla scoperta delle modalità di utilizzo responsabile degli strumenti informatici,
dalle quali gli studenti sono spesso tenuti fuori a causa delle modalità di digitalizzazione
imperanti, basate su una fruizione passiva.

2. SOGGETTI INTERESSATI DAL PROGETTO
Il progetto è sviluppato per classi aperte.
Sono coinvolti i docenti delle discipline di Tecnologia e Arte e Immagine, assieme al
coordinatore del progetto Salvatore Dessena (potenziamento di Tecnologia):
- Prof. Loddo Cosimo, Tecnologia
- Proff. Raffaela Manca, Giacomina Atzori e Giuliana Manca, Arte e Immagine
L’obiettivo principale è quello di coinvolgere i ragazzi delle classi terze con l’obiettivo di
produrre un sito web illustrativo della tesina finale quale elaborato della disciplina di tecnologia.
Si ritiene, tuttavia, che diversificare la composizione dei gruppi partecipanti al progetto,
ammettendo anche alunni delle classi prime e seconde conferisca valore aggiunto
all’esperienza.

3. ANALISI DEI BISOGNI ED EVENTUALI CRITICITÀ
Quando si parla di tecnologie digitali legate al mondo dei ragazzi e degli adolescenti non è raro
che bisogni e criticità si interfaccino specularmente.
La generazione dei cosiddetti “ nativi digitali” possiede tante opportunità ma subisce anche le
distorsioni connesse alla fruizione passiva dei contenuti e all’utilizzo non corretto dei dispositivi.
L’obiettivo del progetto è quello di correggere, ove possibile, alcune di queste distorsioni e, nel
contempo, fornire adeguati strumenti di conoscenza.
Apprendere i linguaggi della programmazione equivale, in linea teorica, ad apprendere un
nuovo alfabeto; il costrutto risultante dalla programmazione ha, in realtà, una dimensione di
gratificazione tangibile che nei ragazzi ha un effetto apprezzabile nel concreto.

4. OBIETTIVI
Gli obiettivi del progetto, molteplici e tuttavia semplici da raggiungere, possono essere riassunti
come segue:

- Obiettivi generali.
   • Approfondire la Conoscenza dei linguaggi di base della programmazione della
     visualizzazione web
   • Analizzare il mondo della rete, il suo funzionamento e i risvolti tecnici alla base del web
- Obiettivi Cognitivo-didattici.
   • Migliorare le competenze tecnologiche dei ragazzi strutturando al contempo una
     dimensione operativa concreta
   • Formare e consolidare le capacità tecniche dei ragazzi a livello personale e sotto il profilo
     del lavoro di gruppo
- Obiettivi specifici.
   • Ottenere il risultato atteso attraverso la scelta consapevole delle opzioni riservate dalle
     tecnologie attualmente disponibili; l’utilizzo e l’implementazione del linguaggio html e i
     linguaggi di sovrastruttura saranno finalizzati all’ottenimento di risultati specifici.

5. MODALITÀ OPERATIVE E STRUMENTI
La conduzione del progetto si compone di vari momenti, affrontati sia in classe che nel
laboratorio di Informatica e in particolare:
- lezioni teoriche sul funzionamento del web
- Lezioni teorico-pratiche sulla struttura dei linguaggi
- Lezioni teorico-pratiche sulla struttura delle pagine web e dei siti
- Lezioni pratiche sulla costruzione del sito personale
- Lezioni pratiche sul web design e sulla grafica

6. RISORSE
Il progetto non richiede fondi aggiuntivi e pertanto verrà condotto con l’ausilio delle attrezzature
e degli spazi nella disponibilità della scuola.

Il coordinatore del progetto
Prof. Salvatore Dessena

Argomenti trattati nel corso

1. Fondamenti dell’Html;
  - cosa faremo e quali linguaggi esploreremo; quale sarà il risultato finale;
  - I tag; cosa sono e come funzionano, i principali tag;
  - Esercitazione pratica; costruiamo una pagina di benvenuto di solo testo
2. La struttura di una pagina html;
  - doctype, head, body; analizziamo una pagina web;
  - Esercitazione pratica: ricostruiamo la nostra presentazione della lezione 1 sotto
      forma di pagina web strutturata
3. Titoli paragrafi e testi;
  - tag p, tag heading, tag a capo;
  - esercitazione pratica; costruire un testo strutturato nella pagina formattando un
      testo
4. Grassetti e corsivi, gerarchie
5. Gli attributi
6. I formati grafici; immagini e vettori
7. I software per la gestione delle immagini: Gimp
8. Commentare in html
9. Elenchi puntati e numerati
10. Le tabelle e gli attributi del tag table: impostare un layout con le tabelle
11. I link e l’ipertesto, le ancore e i link interni
12. Ordinare il progetto con i percorsi assoluti e relativi
13. Inserire le immagini
14. I formati di file
15. Inserire file audio e file video
16. Gestire lo sfondo: colori di sfondo e immagini di sfondo
17. Gestire i margini
18. Gestire i font, caratteri e famiglie, colori, dimensioni
19. Il layout a frames: aggiornamento e nuovi sviluppi
20. Costruzione di un sito personale. Primi elementi. Ognuno sceglie il suo sito
21. Progettazione sito
22. Progettazione sito
23. Progettazione sito
24. Progettazione sito
25. ...
26. Separare il contenuto dallo stile; i fogli di stile CSS