Web design

Web design: costruisci il tuo primo sito

Web design
Tipologia: coding
Linguaggio: HTML/CSS
Piattaforma: PC (browser + editor di testo)
Difficoltà: 1-2/3
Sito: https://developer.mozilla.org/it/docs/Web

Un sito web è fatto di due linguaggi che lavorano insieme: l'HTML per il contenuto (testi, immagini, link) e il CSS per l'aspetto (colori, font, layout). Non servono programmi speciali: bastano un browser per vedere il risultato e un editor di testo per scrivere il codice.
In poche ore passi da una pagina vuota al tuo primo sito personale, con più pagine collegate tra loro e uno stile tutto tuo.

Risorse e strumenti

Inizia subito a scrivere codice, senza installare nulla: Apri l'editor

• Reference HTML (MDN)
• Reference CSS (MDN)
• Validatore HTML ufficiale (W3C)
• Debug: apri gli strumenti per sviluppatori del browser (tasto F12) per vedere gli errori e ispezionare gli elementi della pagina; controlla sempre che ogni tag aperto sia stato chiuso

Progetti

Percorso guidato

Segui il corso completo passo-passo → — 5 lezioni, dal tuo primo tag HTML al foglio di stile CSS.

Progetti da provare

Idee non guidate per chi conosce già le basi (dal corso o da esperienza precedente):

Livello 1

• Un biglietto da visita digitale: una sola pagina con il tuo nome, una foto e i tuoi hobby
• Una pagina "I miei animali preferiti", con immagini e didascalie

Livello 2

• Un piccolo sito di 3-4 pagine collegate tra loro (chi sono, hobby, contatti)
• Una galleria fotografica, con immagini e titoli

Livello 3

• Un sito con uno stile CSS coerente su tutte le pagine: stessi colori, stesso font, stesso menu

I nostri progetti

Altre informazioni

Il corso guidato è ispirato alla serie di Sushi Card "Il mio primo sito web" prodotta da CoderDojoComo.