https://wiki.coderdojocomo.it/index.php?action=history&feed=atom&title=Corsi%2FWeb_design 2026-08-04T04:17:05Z Cronologia della pagina su questo sito MediaWiki 1.46.0 https://wiki.coderdojocomo.it/index.php?title=Corsi/Web_design&diff=412&oldid=prev 2026-08-03T20:50:49Z

<p>Crea indice corso Web design (5 lezioni, corso=webdesign)</p> <p><b>Nuova pagina</b></p><div>{{Corso/Pagina|corso=webdesign|1=Corso completo · 5 lezioni|2=🌐 Corso Web design|obiettivo=Obiettivo: &#039;&#039;&#039;costruire il tuo primo sito web con HTML e CSS, dal primo tag al foglio di stile.&#039;&#039;&#039;}}<br /> == 🗺️ Il percorso ==<br /> <br /> Cinque lezioni in fila, tutte sullo stesso progetto: un piccolo sito personale, che cresce pagina dopo pagina. Ogni lezione ha &#039;&#039;&#039;passi di costruzione&#039;&#039;&#039;, &#039;&#039;&#039;sfide a 3 livelli&#039;&#039;&#039; (⭐ Stella, ⭐⭐ Cometa, ⭐⭐⭐ Razzo) e un &#039;&#039;&#039;quiz&#039;&#039;&#039;. Alla fine avrai un sito vero, con più pagine, immagini, link e uno stile tutto tuo.<br /> <br /> {| class=&quot;wikitable&quot;<br /> |-<br /> ! #<br /> ! Lezione<br /> ! Cosa impari<br /> |-<br /> | 1<br /> | [[Corsi/Web design/Lezione 1|🧱 Il tuo primo tag HTML]]<br /> | Lo scheletro di una pagina HTML, i tag &lt;code&gt;p&lt;/code&gt;, &lt;code&gt;strong&lt;/code&gt;, &lt;code&gt;h1&lt;/code&gt;-&lt;code&gt;h6&lt;/code&gt;.<br /> |-<br /> | 2<br /> | [[Corsi/Web design/Lezione 2|📃 Liste e nuove pagine]]<br /> | Una seconda pagina collegata, le liste &lt;code&gt;ul&lt;/code&gt;/&lt;code&gt;ol&lt;/code&gt;/&lt;code&gt;li&lt;/code&gt;.<br /> |-<br /> | 3<br /> | [[Corsi/Web design/Lezione 3|🖼️ Le immagini]]<br /> | Il tag &lt;code&gt;img&lt;/code&gt;, gli attributi &lt;code&gt;src&lt;/code&gt;/&lt;code&gt;alt&lt;/code&gt;/&lt;code&gt;title&lt;/code&gt;.<br /> |-<br /> | 4<br /> | [[Corsi/Web design/Lezione 4|🏠 La homepage e i link]]<br /> | Il tag &lt;code&gt;a&lt;/code&gt;, l&#039;attributo &lt;code&gt;href&lt;/code&gt;, come collegare le pagine tra loro.<br /> |-<br /> | 5<br /> | [[Corsi/Web design/Lezione 5|🎨 Un po&#039; di stile con il CSS]]<br /> | I fogli di stile CSS, i selettori e la &quot;cascata&quot;.<br /> |}<br /> <br /> == 🎓 Consigli per lo studio ==<br /> <br /> * Fai le lezioni &#039;&#039;&#039;in ordine&#039;&#039;&#039;: ogni lezione aggiunge pezzi allo stesso sito costruito in quelle precedenti.<br /> * Tieni sempre &#039;&#039;&#039;editor e browser aperti fianco a fianco&#039;&#039;&#039;: ogni modifica va salvata e la pagina aggiornata (F5) per vederla.<br /> * Non saltare le &#039;&#039;&#039;sfide&#039;&#039;&#039;: è lì che il sito diventa davvero tuo.<br /> * Se ti blocchi, usa il &#039;&#039;&#039;tutor automatico&#039;&#039;&#039; o chiedi a un &#039;&#039;&#039;mentor&#039;&#039;&#039;.<br /> <br /> {{Corso/Fonte|1=Corso ispirato alla serie di Sushi Card &quot;Il mio primo sito web&quot; prodotta da CoderDojoComo.}}<br /> <br /> {{Corso/FinePagina|prev=|next=}}</div>

Mattia.sala