Web Design
Alla fine il suo sito e online, con un indirizzo che puoi aprire.
- 11-14 anni
- 32 incarichi
- 60 min a incarico
- gruppo o uno a uno
- principiante
È il programma giusto se…
Passa il tempo a guardare siti e app
Qui smette di guardarli e comincia a smontarli: ogni pagina che apre diventa un esempio da copiare o da rifare meglio.
Disegna, ma vuole che le cose funzionino
Il web e l'unico posto dove il disegno si può cliccare. Quello che progetta lo costruisce anche, nella stessa lezione.
Vuole qualcosa da far vedere
Alla fine c'e un indirizzo da mandare agli amici, ai nonni e da mettere in un compito. Non un file su una chiavetta.
Cosa saprà fare alla fine
HTML
Dare una struttura al contenuto: titoli, testi, immagini, collegamenti. La parte che i motori di ricerca leggono davvero.
CSS
Colori, caratteri, spazi. Capire perché due pagine con lo stesso testo sembrano fatte da due persone diverse.
Layout responsive
Flexbox e grid: la pagina sta in piedi sul monitor da ventisette pollici e sul telefono di sua nonna.
Interazione
Prime righe di JavaScript: menu che si aprono, contenuti che cambiano, pulsanti che fanno qualcosa.
Occhio da designer
Gerarchia, contrasto, spazio bianco. Regole concrete, non gusto personale.
Pubblicazione
Portare il sito online e capire cosa succede tra il suo computer e chi lo apre dall'altra parte.
Cosa costruirà davvero
Non esercizi: progetti finiti, che funzionano e che può mostrare.
- Progetto 1
La scheda del personaggio
Una pagina su qualcosa che gli interessa davvero, costruita solo con HTML e CSS. Brutta al primo tentativo, decente al terzo.
- Progetto 2
Il rifacimento
Prende una pagina fatta male e la rifa. E il progetto in cui si capisce che il design ha delle regole.
- Progetto 3
La landing page interattiva
Una pagina con menu, sezioni che compaiono allo scorrimento e un modulo di contatto che risponde.
- Progetto 4
Il sito online
Tre pagine collegate, responsive, pubblicate a un indirizzo vero. Il progetto che resta suo anche dopo il corso.
Le 6 Missioni
32 incarichi in tutto. Ogni Missione chiude con una Prova di Volo, l'ultima è il progetto finale.
- 15 incarichi
La Prima Pagina
HTML da zero: struttura, testo, immagini, link. La pagina esiste.
- 25 incarichi
Dare Forma con il CSS
Colori, caratteri, spazi: la pagina smette di sembrare un documento del 1998.
- 36 incarichi
Layout che Reggono
Flexbox e griglie: mettere le cose dove vuoi tu, anche sul telefono.
- 45 incarichi
Design che Funziona
Le regole che rendono una pagina leggibile: gerarchia, contrasto, ritmo.
- 56 incarichi
La Pagina Prende Vita
Prime righe di JavaScript: il sito risponde a chi lo usa.
- 65 incarichi
Il Sito Online
Progetto finale: più pagine, dominio, pubblicazione.