https://wiki.coderdojocomo.it/index.php?action=history&feed=atom&title=Web_design
Web design - Cronologia
2026-09-18T14:32:07Z
Cronologia della pagina su questo sito
MediaWiki 1.46.0
https://wiki.coderdojocomo.it/index.php?title=Web_design&diff=438&oldid=prev
Mattia.sala: I nostri progetti come Template:Pulsante
2026-08-04T14:02:28Z
<p>I nostri progetti come Template:Pulsante</p>
<table style="background-color: #fff; color: #202122;" data-mw-interface="">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="it">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Versione meno recente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versione delle 14:02, 4 ago 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40">Riga 40:</td>
<td colspan="2" class="diff-lineno">Riga 40:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===I nostri progetti===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===I nostri progetti===</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=<del style="font-weight: bold; text-decoration: none;">===[[</del>Web design/Progetti|I nostri progetti<del style="font-weight: bold; text-decoration: none;">]]===</del>=</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Pulsante|link</ins>=Web design/Progetti|<ins style="font-weight: bold; text-decoration: none;">testo=</ins>I nostri progetti<ins style="font-weight: bold; text-decoration: none;">|tipo</ins>=<ins style="font-weight: bold; text-decoration: none;">nav}}</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Altre informazioni==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Altre informazioni==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Il corso guidato è ispirato alla serie di Sushi Card "Il mio primo sito web" prodotta da CoderDojoComo.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Il corso guidato è ispirato alla serie di Sushi Card "Il mio primo sito web" prodotta da CoderDojoComo.</div></td></tr>
</table>
Mattia.sala
https://wiki.coderdojocomo.it/index.php?title=Web_design&diff=410&oldid=prev
Mattia.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