Template:Corso/Pagina: differenze tra le versioni
Modello della pagina
Altre azioni
Nessun oggetto della modifica |
Aggiunge parametro corso= (default microbit) per supportare un secondo corso |
||
| (7 versioni intermedie di 2 utenti non mostrate) | |||
| Riga 1: | Riga 1: | ||
<div class="course course-microbit"> | <noinclude> | ||
<div class="lesson-num">{{{1}}}</div> | == Template:Corso/Pagina == | ||
Apre una pagina di corso: intestazione col numero/etichetta della lezione, titolo grande e paragrafo obiettivo. Va sempre chiuso da '''[[Template:Corso/FinePagina|Corso/FinePagina]]''' alla fine della pagina — insieme aprono/chiudono il div <code>.course</code> che il gadget "course" (<code>MediaWiki:Gadget-course.css</code>/<code>.js</code>) stila (tipografia, layout, colori). | |||
<p class="obiettivo">{{{obiettivo}}}</p> | |||
'''Perché genera un titolo invece di usare <code>DISPLAYTITLE</code>:''' i nomi delle pagine sono tecnici (es. <code>Corsi/Microbit/Lezione 1</code>), mentre qui vogliamo un titolo con emoji completamente diverso (es. "👋 Ciao, micro:bit!"). <code>DISPLAYTITLE</code> di norma permette solo differenze di maiuscole/minuscole rispetto al titolo reale, non una sostituzione totale — per questo il template genera un H1 proprio dentro <code>.course</code>, che il CSS stila apposta con <code>.course h1</code>. | |||
'''Parametri:''' | |||
* <code>1</code> — etichetta della lezione (es. <code>Lezione 1 · 90-120 minuti</code>, o <code>Riferimento</code> per le pagine di reference) | |||
* <code>2</code> — titolo della lezione, con emoji (es. <code>👋 Ciao, micro:bit!</code>) | |||
* <code>obiettivo</code> — una riga che spiega cosa si impara, tipicamente con parti in '''grassetto''' | |||
* <code>corso</code> — identificatore del corso, diventa la classe <code>course-<corso></code> sul div principale. Serve al gadget JS solo se la pagina usa [[Template:Corso/Blocco|Corso/Blocco]] con una palette colori dedicata (vedi l'oggetto <code>PALETTES</code> in <code>MediaWiki:Gadget-course.js</code>): in quel caso deve corrispondere esattamente al nome della palette. Default: <code>microbit</code>, per compatibilità con le pagine esistenti che non lo passano. Per un corso testuale che non usa Corso/Blocco (es. [[Corsi/Web design]]) il valore non ha effetto visivo, ma è comunque buona norma passarlo (es. <code>corso=webdesign</code>) per chiarezza e per essere già pronti se in futuro servirà una palette dedicata. | |||
'''Esempio:''' | |||
<pre> | |||
{{Corso/Pagina|1=Lezione 1 · 90-120 minuti|2=👋 Ciao, micro:bit!|obiettivo=Obiettivo: '''accendere il tuo micro:bit...'''}} | |||
</pre> | |||
'''Risultato:''' | |||
{{Corso/Pagina|1=Esempio · 5 minuti|2=🧪 Titolo di esempio|obiettivo=Obiettivo: '''questo è solo un esempio per la documentazione.'''}} | |||
{{Corso/FinePagina}} | |||
</noinclude><includeonly><div class="course course-{{{corso|microbit}}}"> | |||
<div class="course-lesson-num">{{{1}}}</div> | |||
= {{{2}}} = | |||
<p class="course-obiettivo">{{{obiettivo}}}</p></includeonly> | |||
Versione attuale delle 20:49, 3 ago 2026
Template:Corso/Pagina
Apre una pagina di corso: intestazione col numero/etichetta della lezione, titolo grande e paragrafo obiettivo. Va sempre chiuso da Corso/FinePagina alla fine della pagina — insieme aprono/chiudono il div .course che il gadget "course" (MediaWiki:Gadget-course.css/.js) stila (tipografia, layout, colori).
Perché genera un titolo invece di usare DISPLAYTITLE: i nomi delle pagine sono tecnici (es. Corsi/Microbit/Lezione 1), mentre qui vogliamo un titolo con emoji completamente diverso (es. "👋 Ciao, micro:bit!"). DISPLAYTITLE di norma permette solo differenze di maiuscole/minuscole rispetto al titolo reale, non una sostituzione totale — per questo il template genera un H1 proprio dentro .course, che il CSS stila apposta con .course h1.
Parametri:
1— etichetta della lezione (es.Lezione 1 · 90-120 minuti, oRiferimentoper le pagine di reference)2— titolo della lezione, con emoji (es.👋 Ciao, micro:bit!)obiettivo— una riga che spiega cosa si impara, tipicamente con parti in grassettocorso— identificatore del corso, diventa la classecourse-<corso>sul div principale. Serve al gadget JS solo se la pagina usa Corso/Blocco con una palette colori dedicata (vedi l'oggettoPALETTESinMediaWiki:Gadget-course.js): in quel caso deve corrispondere esattamente al nome della palette. Default:microbit, per compatibilità con le pagine esistenti che non lo passano. Per un corso testuale che non usa Corso/Blocco (es. Corsi/Web design) il valore non ha effetto visivo, ma è comunque buona norma passarlo (es.corso=webdesign) per chiarezza e per essere già pronti se in futuro servirà una palette dedicata.
Esempio:
{{Corso/Pagina|1=Lezione 1 · 90-120 minuti|2=👋 Ciao, micro:bit!|obiettivo=Obiettivo: '''accendere il tuo micro:bit...'''}}
Risultato:
Esempio · 5 minuti
🧪 Titolo di esempio
Obiettivo: questo è solo un esempio per la documentazione.