Esercizi CSS3-LAB
Tracce operative ampliate, ognuna con pagina singola, codice commentato, controlli finali e collegamenti progressivi.
Impagina una homepage semplice
Crea una homepage didattica con intestazione, hero, tre card informative e footer. L’esercizio allena box model, spaziatura e Flexbox.
Apri traccia → Esercizio 02Crea una griglia di servizi
Realizza una sezione servizi con sei schede che cambiano automaticamente numero di colonne in base allo spazio disponibile.
Apri traccia → Esercizio 03Rendi responsive un menu
Trasforma un menu orizzontale in una navigazione che resta usabile su schermi piccoli, senza introdurre JavaScript obbligatorio.
Apri traccia → Esercizio 04Stilizza un form
Migliora un form contatti rendendolo più chiaro, accessibile e coerente con il resto della pagina.
Apri traccia → Esercizio 05Costruisci una card prodotto
Progetta una card prodotto completa e bilanciata, adatta a una vetrina o a una pagina servizi.
Apri traccia → Esercizio 06Crea una tabella leggibile
Rendi più consultabile una tabella con intestazione chiara, spaziatura adeguata e comportamento gestibile su mobile.
Apri traccia → Esercizio 07Aggiungi transizioni hover
Aggiungi piccoli effetti hover a bottoni e card mantenendo l’interfaccia sobria e comprensibile.
Apri traccia → Esercizio 08Progetto finale layout corso
Realizza una landing page completa per un corso online usando tutte le competenze viste: layout, card, responsive, bottoni, form e accessibilità.
Apri traccia →