Come funziona la pagina · 1.1
Panoramica degli elementi
Ovvero: tutto quello che questa pagina sa fare, mostrato dal vivo
Questo è il testo che compare a destra quando scegli una voce nell'indice a sinistra. Questa pagina di esempio serve a mostrare gli elementi grafici disponibili: sezioni apribili, box colorati, tabelle, termini evidenziati e riepiloghi. Sostituisci pure questo contenuto con il tuo.
Ogni capitolo lungo viene diviso in sezioni apribili e chiudibili, elencate qui sotto sotto la voce "In questa lezione".
1. Le sezioni si aprono e si chiudono
Clicca sull'intestazione di una sezione per aprirla o chiuderla. Il segno + a destra diventa − quando la sezione è aperta. Con "Espandi tutto" apri o chiudi l'intero capitolo in un colpo solo.
🔑 Concetto chiave. Le sezioni partono chiuse: così vedi subito l'indice della lezione e apri solo ciò che ti serve, senza affrontare un muro di testo.
2. I box colorati indicano il tipo di nota
Il colore del bordo dice a colpo d'occhio che tipo di nota stai leggendo, prima ancora di leggerla:
🔑 Concetto chiave. Bordo blu: l'idea fondamentale da ricordare.
⚠️ Attenzione. Bordo ambra: un errore comune o una precisazione importante da non sottovalutare.
💡 Intuizione. Bordo verde: un'analogia o un modo intuitivo per fissare il concetto.
🔬 Approfondimento. Bordo teal: il meccanismo nel dettaglio, o perché la cosa conta davvero.
📖 Nota. Grigio tenue: una curiosità o una nota a margine del discorso principale.
3. Tabelle di confronto
Le tabelle hanno righe alternate e cifre incolonnate, per confrontare i valori senza fatica:
| Elemento | A cosa serve | Esempio |
|---|---|---|
| Box blu | concetto chiave | 1 |
| Box ambra | attenzione | 2 |
| Tabella | confronto | 10 |
| Riepilogo | ripasso veloce | 100 |
4. Sottosezioni annidate
Una sezione può contenere sotto-sezioni, con un titolo più piccolo che si apre e chiude anch'esso.
Un esempio di sotto-sezione
Questo testo sta dentro una sotto-sezione. Serve per contenuti che meritano un titolo proprio ma appartengono alla sezione più grande.
🎯 In sintesi
- Le sezioni si aprono e chiudono; il riepilogo resta sempre aperto.
- I box colorati indicano il tipo di nota dal colore del bordo.
- Le tabelle confrontano i dati con righe alternate.
Ora che conosci gli elementi, prova a navigare le altre voci dell'indice per vederli in azione. ➡️ I box colorati.
Come funziona la pagina · 1.2
I box colorati
Ovvero: come usare il colore senza appesantire la lettura
Il principio è semplice: un solo tipo di nota per colore. Lo studente impara la corrispondenza una volta e poi riconosce il tipo di box a colpo d'occhio.
Quando usare ciascun box
Non serve un box per ogni paragrafo: usali solo dove aggiungono davvero qualcosa.
⚠️ Errore comune. Riempire la pagina di box colorati li rende rumore: se tutto è evidenziato, niente lo è. Usali con parsimonia.
💡 Un'analogia. I box sono come i colori di un evidenziatore: utili finché sono pochi e con un significato costante.
Domanda
Quando conviene inserire un box colorato?
Tocca la carta per la risposta.
Il riepilogo e le fonti
Il box "In sintesi" ha un trattamento speciale: si apre da solo, perché serve per il ripasso veloce.
Domanda
Perché il box «In sintesi» si apre da solo?
Tocca la carta per la risposta.
Come funziona la pagina · 1.3.1
Tabelle
Le tabelle sono ideali per i confronti. Righe alternate e cifre allineate aiutano l'occhio a non perdere la riga.
Un esempio di confronto
| Caratteristica | Opzione A | Opzione B |
|---|---|---|
| Velocità | alta | media |
| Costo | 10 | 25 |
| Precisione | media | alta |
Su schermi stretti la tabella scorre orizzontalmente da sola, senza rompere il resto della pagina.
Come funziona la pagina · 1.3.2
Sottosezioni
Una sezione può contenere più sotto-sezioni, utili per spezzare un argomento lungo in passaggi più piccoli.
Prima sotto-sezione
Il testo di questa sotto-sezione appartiene alla sezione principale ma ha un suo titolo dedicato.
Domanda
A cosa servono le sotto-sezioni?
Tocca la carta per la risposta.
Un dettaglio in più
E questo è un terzo livello, per i dettagli che meritano una piccola pausa nel discorso.
Domanda
In cosa un terzo livello (h3) differisce da una sotto-sezione (h2)?
Tocca la carta per la risposta.
Seconda sotto-sezione
Ogni sotto-sezione si apre e chiude in modo indipendente.
Domanda
Le sotto-sezioni si aprono tutte insieme?
Tocca la carta per la risposta.
Testo di esempio · 2.1
Un capitolo di prova
Ovvero: come si legge un capitolo vero
Questo capitolo simula un contenuto reale, con più sezioni e un ritmo di lettura naturale. Prova ad aprirle una alla volta, oppure usa "Espandi tutto".
1. L'introduzione dà il contesto
Un buon capitolo parte da ciò che lo studente già sa e costruisce da lì, un passo alla volta. Ogni nuovo termine viene introdotto nel punto in cui serve.
🔑 Concetto chiave. Un'idea alla volta: la progressione deve sembrare una scala con gradini piccoli, non un salto.
2. Lo sviluppo entra nel dettaglio
Qui si spiega il meccanismo, non solo la sequenza degli eventi: non "succede A, poi B", ma perché B può accadere solo dopo A.
🔬 Perché conta. Capire il meccanismo permette di dedurre, invece di memorizzare — ed è molto più solido nel tempo.
3. La chiusura tira le fila
Alla fine, un breve riepilogo aiuta a fissare i punti principali prima di passare all'argomento successivo.
Testo di esempio · 2.2
Termini e citazioni
Questa sezione mostra come vengono trattati i termini e i collegamenti.
La prima comparsa di un termine
Quando un concetto ricorrente appare per la prima volta, è sottolineato con un tratto punteggiato: segnala "vocabolario nuovo". Le volte successive resta in grassetto semplice, come concetto ricorrente qui.
I collegamenti interni
Un capitolo può rimandare a un altro. In un modulo reale, un link come "vedi la sezione 1.1" porta direttamente lì con un click. Torna pure alla 1.1 Panoramica dall'indice per vedere l'esempio completo.
📖 Nota. Questa è una pagina di esempio: sostituisci indice e sezioni con i tuoi contenuti, la grafica resta identica.