https://wiki.coderdojocomo.it/index.php?action=history&feed=atom&title=Web_designWeb design - Cronologia2026-08-04T07:11:35ZCronologia della pagina su questo sitoMediaWiki 1.46.0https://wiki.coderdojocomo.it/index.php?title=Web_design&diff=410&oldid=prevMattia.sala: Crea pagina attivita Web design (nuova attivita, coerente con pattern esistente)2026-08-03T20:50:15Z<p>Crea pagina attivita Web design (nuova attivita, coerente con pattern esistente)</p>
<p><b>Nuova pagina</b></p><div>[[Category:Coding]]<br />
<br />
==Web design: costruisci il tuo primo sito==<br />
<br />
{{argomento|Nome=Web design|Tipologia=coding|Linguaggio=HTML/CSS|Piattaforma=PC (browser + editor di testo)|Livello=1-2/3|Sito=https://developer.mozilla.org/it/docs/Web}}<br />
<br />
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.<br />
</br><br />
In poche ore passi da una pagina vuota al tuo primo sito personale, con più pagine collegate tra loro e uno stile tutto tuo.<br />
<br />
==Risorse e strumenti==<br />
Inizia subito a scrivere codice, senza installare nulla: [https://codepen.io/pen/ Apri l'editor]<br />
<br />
*[https://developer.mozilla.org/it/docs/Web/HTML Reference HTML (MDN)]<br />
*[https://developer.mozilla.org/it/docs/Web/CSS Reference CSS (MDN)]<br />
*[https://validator.w3.org/ Validatore HTML ufficiale (W3C)]<br />
*'''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<br />
<br />
==Drive dell'attività==<br />
<!-- Inserire link alla cartella Google Drive dell'attività, se esiste --><br />
<br />
==Progetti==<br />
<br />
===Percorso guidato===<br />
'''[[Corsi/Web design|Segui il corso completo passo-passo →]]''' — 5 lezioni, dal tuo primo tag HTML al foglio di stile CSS.<br />
<br />
===Progetti da provare===<br />
Idee non guidate per chi conosce già le basi (dal corso o da esperienza precedente):<br />
<br />
====Livello 1====<br />
*Un biglietto da visita digitale: una sola pagina con il tuo nome, una foto e i tuoi hobby<br />
*Una pagina "I miei animali preferiti", con immagini e didascalie<br />
<br />
====Livello 2====<br />
*Un piccolo sito di 3-4 pagine collegate tra loro (chi sono, hobby, contatti)<br />
*Una galleria fotografica, con immagini e titoli<br />
<br />
====Livello 3====<br />
*Un sito con uno stile CSS coerente su tutte le pagine: stessi colori, stesso font, stesso menu<br />
<br />
===I nostri progetti===<br />
====[[Web design/Progetti|I nostri progetti]]====<br />
<br />
==Altre informazioni==<br />
<br />
Il corso guidato è ispirato alla serie di Sushi Card "Il mio primo sito web" prodotta da CoderDojoComo.</div>Mattia.sala